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

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

 - FE : React.js(TS)

 - BE : SpringBoot(JDK17, Gradle)

 - DB : MySQL[SpringBoot Connection(Test)], PostMan[React Connection(Test)]

- FE에서는 BackEnd Server와 Connection이 잘되는가 그리고 DB Post작업을 통해서 회원가입 버튼으로 BackEnd와 HTTP Request, Response가 원활하게 이루어지는지 Test를 하고 간단한 기본적인 셋팅을 진행하였으며 FE의 작업은 크게 비중이 높지 않았다. BE에서는 FE에서도 요청을 보낼시 HTTP Request, Response까지 Build에서 Data가 잘 들어오는가까지 확인하는 작업까지 진행했고, Controller, Entity, Dto, Repository까지 만들어서 User, Board, Comment, Likes, PopularSearch까지 DB와의 Connection까지 잘되는지 Test하였고, DB[MySQL]에서는 User, Board, Comment, Likes, PopularSearch 각 Table을 생성해주는 명령어를 사용하였고, Select를 통하여 컬럼도 잘 들어갔는가를 확인까지 하는 작업을 하였고, FE, BE에서도 Domain이 잘 연결되고 DB에서도 문제없이 Connection되는가를 하는데 시간이 금방 지났고, 특히 FE에서 BE Server HTTP 통신 하는것이 재밌었고, 서로 연결이 잘되어 Successful 메세지까지 뜨는 것이 너무 좋았고, 재밌었다. 계속해서 View단도 쫌 꾸미고, 계속해서 발전하는 모습을 보여 줄 것이다. 아무튼 너무 재밌다! XD

 FE 작업

FE - TS를 이용하여 App.tsx에 SignUp.ts 작업한 파일을 Call하여 View단에 잘 연결되어 잘 동작하는가를 Test하는 장면과 마무리하여 Git Tool을 활용하여 GitHub에 Commit >> Push까지 하여 Upload까지 한 장면들이다

BE 작업

BE(1) - Entity, Repository를 생성하여 DB에서 만든 Table, Column과 연결하는 작업과 Test시 output에서도 문제없이 Data가 잘 나오는지 확인까지 하였다

BE(2) - Repository, Dto까지 생성하고 작업 후 Server와도 연동이 잘되는가 hello method에서 설정한 return 반환값이 "Connection Successful!"이 View단에 잘 보이는지 먼저 작업 후 DB작업 결과물까지 output에 나오는지까지 작업한 결과물은 보여줌

DB 작업[FE Test - input(PostMan)]

DB - PostMan Tool을 사용했고, FE에 직접 DB Test하기 좋은 Tool이라서 POST작업 중인데 Request를 보낼 시 BE output에 Data 결과가 Response 되었는가 Test하기 위한 작업이다

2. 작업이 진행될 수 록 재밌기도 하고, Data를 만지고 생성하고 HTTP통신을 통해서 Connection이 잘되는가도 해보니깐 즐겁고 Data도 output에 잘 나오니깐 좋기도하고 점점 과정이 힘들겠지만, 그래도 내가 하나하나 만들어가고 결과물들이 좋던 좋지 않던 시도하고 문제를 해결해보고 이렇게 회고록도 작성해보고 너무 행복하다! 물론 시간이 나면 계속해서 시도해서 원하는 사이트를 배포까지 하는게 목표니깐 완벽하지 못해도 공부한다는 생각으로 서비스를 만들고 중요한 것은 꾸준히 무언가를 만들면서 성장하는 것이다. 아무튼 내일부터는 평일이고 KDT 수업을 하겠지만, 시간이 된다면 계속해서 나만의 서비스를 만들려고 노력할 것이다. :)