[13] 230412 포트폴리오 13일 차 Wed) 백엔드, 프론트엔드, 내용 체크리스트 [K-디지털 트레이닝 73일]

2304012 Wed 73rd class

백엔드 (스프링부트 - 스프링 시큐리티) 할 것 리스트

1. MySQL 연결하기 (아니면 h2)
2. 로그인, 로그아웃 메시지 상단에 뜨게 하기 
3. 관리자의 회원 관리 페이지 만들기
4. 회원의 My Page 만들고 회원의 회원정보수정 구현하기

https://memostack.tistory.com/155

Spring Boot 에서 JPA 사용하기 (MySQL 사용)

CSS에 추가한 것

input{
	font-size:12px !important;
}

MySQL 연결하기 위한 코드

CREATE DATABASE users;
-- show databases;

-- 사용자 생성
CREATE USER root@localhost
	IDENTIFIED BY 'admin';
    
-- DB 권한 부여
GRANT ALL PRIVILEGES
	ON users.*
    TO root@localhost;
    

CREATE TABLE users (
    id INT NOT NULL AUTO_INCREMENT,
    firstName VARCHAR(255),
    lastName VARCHAR(255),
    email VARCHAR(255),
    password VARCHAR(255),
    PRIMARY KEY (id)
);

---

https://galid1.tistory.com/699

Spring Security - SpringSecurity 이용하기 3 (logout 기능 추가하기)

https://galid1.tistory.com/700

Spring Security - SpringSecurity 이용하기 4 (Database를 이용한 Login 구현)

https://programmer93.tistory.com/m/37

스프링 시큐리티 DB를 이용한 로그인 구현 1 ( 회원 설정 및 일반 로그인 ) - 삽질중인 개발자

https://kimchanjung.github.io/programming/2020/07/02/spring-security-02/

[Spring Security] 스프링시큐리티 설정값들의 역할과 설정방법(2)

---

- 내용 수정 할 것

1. 섹션들 "이미지" 채워 넣음
2. 포트폴리오도 프로젝트 섹션에 넣기
3. 내용 적절한지 체크하기

---

- 프론트엔드 할 것

1. 로그인, 회원가입 페이지 INPUT 안의 텍스트 크게 만들기 [완료]
2. 백엔드 공간 섹션: 로그인, 회원가입 윈도우 크기 반응형으로 바꾸기
3. 기술 섹션: 이미지로 바꾸기 (생각)
4. 포트폴리오: 메뉴 폰트 색상 이동하면 변경되게 만들기(자바스크립트)
5. 전체 섹션: 바탕 누르면 짧게 밑으로 내려갔다 올라가는 디자인
6. 반응형일 때 뜨는 메뉴바 크기, 색상, 아이콘 변경하기
7. 컨테이너 아우터 짙게 채우기
8. three.js 활용

---

- 개인프로젝트 1

1. 백엔드 적용하고 포트폴리오의 "섹션: 프로젝트1 설명" 채워 넣기
   
2. 백엔드 적용하고 깃허브 내 프로젝트 설명 쓰기
3. 사진 올리기 기능 구현하기 (사진 올리기 => 반응형으로 만듦)
4. 세부 게시판들 다 채워넣기
5. 프론트엔드: 회원가입, 로그인 유효성 검사 완료하기

---