[11] 230410 포트폴리오 11일 차 Mon) 백엔드, 프론트엔드, 내용 체크리스트 [K-디지털 트레이닝 71일]

2304010 Mon 71st class

제일 중요) 백엔드를 포트폴리오 안에 넣기

백엔드 할 것 리스트 4/14(금)까지

1. 회원가입 만들기 => 완료
2. 로그인 만들기 => 완
3. My Page 만들기
4. 회원정보수정 만들기
5. (게시판 글쓰기)
6. 개인프로젝트1에 백엔드 적용

방법은 여러가지이다.
- 메이븐
- Gradle + Spring Security

스프링부트: 회원가입, 로그인

https://wikidocs.net/162141

3-06 회원가입

 

• [완성 소스] : https://github.com/pahkey/sbb3/tree/3-06
• [실습 영상] : https://youtu.be/VEEu1N7Edws

https://wikidocs.net/162255

3-07 로그인과 로그아웃

• [완성 소스] : https://github.com/pahkey/sbb3/tree/3-07
• [실습 영상] : https://youtu.be/5M2FoxAC6rY

---

내용 수정 할 것

1. 내용 적절한지 체크하기
2. 섹션들 "이미지" 채워 넣음
3. 개인프로젝트1에 백엔드 적용하고 포트폴리오의 "섹션: 프로젝트1 설명" 채워 넣기
   
4. 개인프로젝트1에 백엔드 적용하고 깃허브 내 프로젝트 설명 쓰기

프론트엔드 할 것

1. 기술 목록 이미지로 바꾸기
2. 메뉴 폰트 색상 이동하면 변경되게 만들기(자바스크립트)
3. 바탕 누르면 짧게 밑으로 내려갔다 올라가는 디자인
4. 반응형일 때 뜨는 메뉴바 크기, 색상, 아이콘 변경하기
5. 컨테이너 아우터 짙게 채우기
6. 개인프로젝트1 사진 올리기 기능 구현하기 (사진 올리기 => 반응형으로 만듦)
7. 개인프로젝트1 세부 게시판들 다 채워넣기
8. 개인프로젝트1 프론트엔드: 회원가입, 로그인 유효성 검사 완료하기

three.js 활용

---

집에서 스프링부트 시큐리티 이용해서 로그인, 회원가입 구현했고,
내일 CSS 바꾼다.