2022.01.17

· JPA 활용   +   Spring Boot

     [  ※  MariaDB 접속 라이브러리 :  JPA 라이브러리(단독)  ]

     [  Spring Security 적용  ]

· <  '온도' 및 '날씨 아이콘' 표현 >

· < 회원가입  /  로그인 >

   ※  '소셜' 계정( 구글 혹은 네이버 )으로도 로그인 가능

· < 관리자 페이지  -  비주얼 이미지 >

  -  [ 등록 ] :  서버를 별도로 구축하지 않고, '내 컴퓨터'에 한 개의 '파일(이미지) 업로드'   

                        (  [ 12.20 ~ 12.27 ]에 관련된 내용 有  )

                        (  ※  주석 처리함 )

  -  [ 등록 ] :  AWS를 통해 가상의 리눅스 서버를 구축하고, '가상의 서버'에 한 개의 '파일(이미지) 업로드'

                    :  '입력한 내용 저장' 및 한 개의 '파일(이미지) 저장'

  -  [ 리스트 ] :  '업로드한 파일(이미지)' 및 '입력한 내용' 모두 조회

· < HOME >

  -  < 관리자 페이지  -  비주얼 이미지 >의 [ 등록 ]에서 '업로드한 파일(이미지)'이 SLICK SLIDER 형태로 구현됨

      (  AJAX의 .html()을 활용하여 구현    =>    [ HTML ] 파일을 분할하여 작성  )

  -  이미지 위에 마우스를 올릴 경우, SLICK SLIDER가 작동하지 않음

  -  이미지가 이동하는 것에 따라, 아래에 있는 동그라미 모양(bullet)의 opacity가 1로 진해짐

  -  왼쪽 화살표 아이콘을 클릭할 경우   ->   바로 이전의 이미지로 이동

  -  오른쪽 화살표 아이콘을 클릭할 경우   ->   바로 다음의 이미지로 이동

  -  아래에 동그라미 모양(bullet)을 클릭할 경우   ->   해당하는 이미지로 이동

  -  상단의 '메뉴' 위에 마우스를 올리면, '서브 메뉴'가 나타남

· < 개발자 센터  -  게시판 >

  -  [ 게시글 리스트 ] :  가장 최근 거 기준으로 8개의 '게시글' 조회

      (  ‘제목’의 경우, ( 띄어쓰기 포함 ) 앞에서부터 20개의 글자만 표기되고 그 외 뒷부분은 ‘···’으로 표기  )

      (  ‘작성자’의 경우, ( 띄어쓰기 포함 ) 앞에서부터 5개의 글자만 표기되고 그 외 뒷부분은 ‘***’으로 표기  )

  -  [ 게시글 작성 ] :  여러 개의 '파일(이미지) 업로드'    ->    여러 개의 '파일(이미지) 저장'과 동시에 '입력한 내용 저장'

      (  '로그인'된 상태에서만, [ 게시글 작성 ] 가능  )

      (  [ SummerNote( Lite 버전 ) ] 적용  )

      (  [ jQuery ]의 AJAX   +   [ @ResponseBody ]  :  [ 게시글 작성 ] 화면에서, 파일을 업로드 하자마자, 파일 미리보기  )

  -  [ 게시글 리스트 ]에서 '특정 제목' 클릭    ->    [ 상세 페이지 ]로 이동

· [ 맨 처음에 Spring Starter Project를 만들 때, 'Spring Security'를 체크하여 적용 ]

  =>   type="submit"이 있는 곳이라면 어디든 매번, 

          'CSRF Token(CSRF 공격에 대한 방어책)'을 내가 별도로 직접 설정해줘야 함 

          ( 설정 안 해주면, 에러 발생 )

          :  <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}">

 

 

https://best-mint-34c.notion.site/01-17-d7e40a6050974f28ada1e38fb12d5841