💻개발자가 되기 위한 프로젝트(76)💻

1. AM 09:00 ~ PM 18:00분 : BE(백엔드 KDT)

  - Intellj [DB Connection => MySQL(Configurations에 variables를 통해서 db host, name, password 호출시에만 동작하도록 보안을 강화하기 위해서 작성하고 Connection Test까지 진행함)]

  - MySQL [Schema 생성 및 table add]

  - Insert 작업을 통해서 data가 잘 들어갔는지 select문으로 check함, 그리고 main method에 다 적지 않고 main method는 인스턴스화 하여 참조변수로 각 method기능들을 호출하는 형태로 진행함. 각 메소드의 기능별로 naming을 하고 query문까지 작성함.

KDT - DB Connection 하는 법과 Create table, insert, select output에도 data가 잘 들어갔는지 Test하는 작업까지 진행함

2. 미니 프로젝트 [게시판 만들기]

 - FE : React.js(TS)

 - BE : SpringBoot(JDK17, Gradle)

- BE에서 어노테이션으로 계속해서 3000번 포트와 HTTP 통신을 주고 받는 형태가 아니라 BE에서는 항상 FE에서 Request시 Response로 View단에 Successful이 뜨도록 해주는 작업을 진행하였고, FE에서는 폴더를 추가 생성해서 관리하기 용이하게 분리를 하고 그 기능들을 app.tsx에는 호출시에 SignUp 페이지가 랜더링 되도록 해주는 작업을 해줬고 HTTP 통신도 잘되는지 Test까지 진행하였다

FE - App.tsx에는 Authentication이 SignUp을 랜더링해줘 View에는 SingUp만 보여지도록 만들어줬고 그 결과인데, HTTP통신이 잘 되는지까지 메세지도 잘 보내지는가를 Test한 장면이다

BE - Controller에서 CrossOrigin(어노테이션)을 사용하지 않고, main 에서 @Bean 어노테이션을 이용하여 HTTP 통신을 해주기 위한 작업을 하고 WebMvcConfigurer 생성자를 통해 addCorsMappings method를 통해서 addMapping 함수를 이용하여 모든 경로를 호출해준다는 표시를 하고, allowedOriginPatterns를 통해서 허용해준다는 의미를 부여하여 FE에서 3000 port를 Request하면 응답해주는 작업을 완료해줍니다. 그리고 SignInResponseDto를 생성해줬습니다

3. KDT 학습내용중 기본개념 및 용어정리

 - CSS - Style문법 → 노션

 - CSS - Style속성 → 노션

 - DB - SQL Injection → 노션

학습 중 개념 및 용어정리

4. 오전은 html, css를 영상시청으로 보냈으며, 빠르게 3시간을 학습하면서 어떻게 사용하면 좋은지를 간단하게 실습하면서 이론도 배우고 오전이 마무리 되었고, 오후는 DB를 인텔리제이에서 MySQL사용하는 법을 배웠는데, 원래라면 그냥 aws주소, db name, db password를 적고 connection이 잘되는지 test를 통해서 insert, select를 하면서 끝나는 상황이었는데, 강사님께서 보안은 가장 필수적이고 기본이라고 하셔서 인텔리제이에서 db host, name, password는 따로 설정해서 호출하여 사용이 되도록 하여 깃헙에도 업로드시 해킹이 되지 않고 정보도 보여지지 않도록 해야한다는 주의사항을 듣고 실습하였고, method 별로 각 기능을 만들어 main method에는 호출하여 output에 data가 잘 표현이 되는지를 작업하였다. 가장 중요한 것이며 개발자로써 보안은 항상 신경써야한다는 것을 말씀해주셔서 좋았다. 내일은 오전 js를 들어가는데 재밌을 것 같다! XD 아무튼 FE, BE둘다 하니 재밌음!XD