두근두근 & 차근차근 프로그래밍

· MyBatis 활용 + JSP ※ 모든 내용을 한번에 총정리 ( 순서 및 내용 정리가 거의 완벽에 가까움) - 페이징(Paging) 적용 : 클릭한 '페이지 번호'의 창 ( 기본 : 1번 '페이지 번호'의 창 ) ( '페이징' 관련 공통적인 내용을 별도의 클래스로 만들지 않음 / JSP => RowBounds 필요 ) - 창 - 창 - 내용 삭제 - 내용 수정 · DAO(Data Access Object)의 개념 접목 : OracleDB에 접속 등, 'DB 처리' 관련된 모든 것을 수행 · JSP에서 '절대 경로'를 으로 작성할 수 있게 설정 · 어느 페이지를 가든 와 의 내용을 유지 · [ HTML / CSS ] - nth-of-type(n)와 nth-child(n)의 차이점 · ..

· MyBatis 활용 + JSP - [ 메모장 LIST 생성 ] 및 [ 메모장을 통하여 메모 작성 ] - [ 메모장 LIST에서 해당하는 메모 클릭 시, 상세 페이지로 이동 ] - [ 메모장 LIST에서 해당하는 메모 삭제 ] - [ 메모장 LIST에서 해당하는 메모의 내용 수정 ] · 파일의 구체적인 경로와 이름을 가상으로 설정 · sendRedirect https://best-mint-34c.notion.site/11-15-7e74eb3b81744c5fa022ccb17f894960

· 복습 : interface List / Generic / 게터(getter) & 세터(setter) 메서드 · MyBatis 활용 + JSP - [ 전체 회원 명단 열거 ] · '게터 메서드'의 기능 - 설정한 Attribute에 대한 각각의 데이터를 화면에 뿌려줄 수 있게 이를 가져와줌 https://best-mint-34c.notion.site/11-12-a80e6425d4994dba96a6a62ac01b1459

· MyBatis 활용 + JSP - [ 이메일 중복 유무 체크 ] 및 [ 회원가입 ] · [ .properties ] · interface Map · SqlSessionFactoryBuilder -> SqlSessionFactory -> SqlSession https://best-mint-34c.notion.site/11-11-0c161271c646440aa50479cde880ca09

· DBCP 활용 + JSP ( 10월 14일 및 10월 25일에 배운 방법과 다름 ) - MVC 패턴을 적용하며, [ 이메일 중복 여부 체크 ] 및 [ 회원가입] - 서버에 주는 부담을 줄이기 위해, 코드문을 분할하여 작성 · Singleton Pattern · [ jQuery ] - AJAX ( 12월 20일에 관련 내용 有 - 완벽하게 똑같지는 않음 ) · JSTL ( taglibrary ) https://best-mint-34c.notion.site/11-10-0c004ba32ea24704ad57fe1c494acf00

· MVC 패턴 · 주소 보안 · WEB-INF(폴더) -> 외부에서 접속 불가 · [ jQuery ] - blur() 혹은 focusout() · 정규 표현식 ex) 이메일 / 비밀번호 · [ HTML / CSS ] - !important https://best-mint-34c.notion.site/11-09-fd1aa50e32874c30ba60a489d2593b99

· [ HTML / CSS ] - border와 outline의 차이점 - display: grid => grid-template-columns / grid-row-gap - border-radius : 꼭지점의 모서리를 둥글게 만듦 · 최종 크롬 창 : 홈 / 회원가입 / 국가 선택(로그인 前) / 로그인 https://best-mint-34c.notion.site/11-08-539f221c5e7e4055bc4099c150843fa9

· [ HTML / CSS ] - text-align: center -> '가로'로 가운데 정렬 ( ※ 주의사항 有 ) - line-height: ~px(둘러싸고 있는 영역의 높이) -> '세로'로 가운데 정렬 - font-weight - 2개의 HTML 연동 ( 홈페이지 창 + 회원가입 창 ) - - flex: 1 - cursor: pointer - ( 속성 )으로 호출 : ex) main>.wrap div input[type=submit] - 영역이 없는 상태에서, border-left(혹은 border-right)를 사용 시 => 세로 막대기( | ) 생성됨 https://best-mint-34c.notion.site/11-05-54c6e360d81e45a89945ddb25677c6bc

· [ HTML / CSS ] - @import url(" ~ ") : ~를 포함시키겠다 - jQuery를 사용하기 위한 구문 ( Google CDN ) - + , - rgba : red, green, blue, alpha(투명도) - position: absolute / relative => '자식'의 이동 방향 : '부모'를 기준으로 밖에서 안쪽 방향 - [ :hover ]와 [ transform : rotate ]와 [ transition ]을 결합하여 사용 - background-size: contain - background-position: ~px(x축) ~px(y축) https://best-mint-34c.notion.site/11-04-2449170cdb7047c682bc45e1ac102101

· [ HTML / CSS ] - External CSS / Internal CSS / Inline CSS - Entity Code : 특수문자를 표현하는 코드 - 세로 막대기( | ) 만드는 방법 - :first-child = :nth-child(1) - ::after - 웹 사이트에서 이미지 다운로드하는 방법 - 다운로드 받은 이미지를 '상대 경로'로 설정 - background에 이미지를 넣기 위해서는, 일단 공간을 마련해줘야 함 ( width와 height 설정 필요 ) - overflow: hidden - background-size: cover - letter-spacing: ~px ( 음수 값 가능 ) https://best-mint-34c.notion.site/11-03-a256d9fddf..