개발자 밸런스게임 ( 진행중 2 )

저번주에 이어 이번주에도 개발자 밸런스게임을 진행했다..

 

작업목록

• 무료 rds 인스턴스 생성
• bastion host & be ec2 생성
• backend api init ( nestJs )
• [Front] Main Page 애니메이션
• [Front] 응답 제출 이후 컴포넌트 제어

백엔드를 작업하며 레이어 분리하며 뿌듯한점이 있어 간단히 코드로 공유해보고자 한다..

 

백엔드에서 library 레이아웃을 사용하여, app의 메인기능과 core module 을 분리하였다.

.env와 .env.dev 파일을 구분하여 bastion host를 통해 port 터널링 된 것을 localhost에서 특정 포트로 연결하여 local에서 테스트할 수 있다.

 

 

이후, AppModule에서는 App의 기능적인 요소와 Lib Module 만 장착되어 api 기능 / api 기능 외 의 module을 구분하여 사용할 수 있다.

-------

 

프론트 작업 관련해서 새로게 알게된 게 있다.

nextJs router 기능이다.

vue에서는 router.ts 가 따로 있어 해당 파일에서

페이지에 대한 컴포넌트, beforeEach, afterEach등이 제어가 가능했는데

react의 NextJs에서는 pages/router/~~.tsx 로 제어할 수 있었으며 param 값을 제어하려고 할 땐 [param].tsx 였다.

처음에 파일명이 대괄호길래 예시인가보다 하고 넘겼는데..아니였어서 조금 헤매인 것 같다.

추가적으로 메인페이지 애니메이션 동영상을 첨부하고, 얼른 프로젝트 마무리하러 가야겠다..

 

얼른 마무리하고 전체적인 구성을 소개하는 블로그 글을 쓰고 싶다..

 

배포까지 남은 작업:
- question/answer 관련 api 작업

- winston Logger 장착

- ecr 구성 ,s3 구성, cloudfront 구성

- front 질문한 대답에 대한 저장 방식 구성 ( 쿠키 등 )

 

- be 도메인 구입 및 ALB 구성

- front 배포 

 

 

 

github: https://github.com/2Ruk/development-balance-game/tree/main/client/src/pages

GitHub - 2Ruk/development-balance-game: 개발자 밸런스 게임