[14] 230413 포트폴리오 14일 차 Thu) 백엔드, 프론트엔드, 내용 체크리스트 [K-디지털 트레이닝 74일]

2304013 Thu 74th class

현실에서 쓰이는 것: spring crud, spring security, ajax, db

우선 MySQL 연결 해결하도록 하기 [완료]
시간 상 그 후 내용 최종적으로 수정하고, 사진 넣기

- 내용 수정 할 것

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

---

- 프론트엔드 할 것

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

---

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

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

---

며칠 동안 헤맸는데 MySQL에 회원가입 데이터가 들어갔다!

SQL 코드)
users > user

CREATE DATABASE users;
-- show databases;

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

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

desc users;

---

집에서 할 것: MySQL 다시 설치
https://kyuhyuk.kr/article/spring-boot/2020/07/19/Spring-Boot-JPA-MySQL-Board-Write-Post

[Spring Boot] 게시판 구현 하기 (1) - 글 작성 & 글 목록 출력

---

- 개인프로젝트 1
(주말에 복습 겸 스프링으로 만들기 :) )

1. 백엔드 적용하고 포트폴리오의 "섹션: 프로젝트1 설명" 채워 넣기
   
2. 백엔드 적용하고 깃허브 내 프로젝트 설명 쓰기

---

- 개인프로젝트 1

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

---