아직 개발중 🚧
Guest Book Toy Project
사실 방명록은 fake이고, 방명록의 UI/UX나 동작성에 초점을 두기보다는 평소 관심만 가졌던 기술이나 아키텍처 사용(적용)하거나 테스트 코드를 작성해 보는데 의의가 둔다.
Goal
- 평소 하던대로 간단하게 프론트와 백엔드 빠르게 모두 만들기 (프로젝트의 목적 x)
-
TDD까진 아니더라도 코드에 대해 유닛 테스트 작성 및 테스트하기 좋은 코드로 리펙토링 - 레이어드 아키텍쳐를 적용하는 방향으로 리펙토링
- 객체 지향에 대해 고민해 보며,
typedi를 적용 -
db를lowdb로 바꾸되 레포지토리를 만들어 활용하는 방향으로 리펙토링 - 프론트엔드 컴포넌트는
storybook을 통해 문서를 작성 - 백엔드 API에 대해서는
stoplight를 통해yaml을 작성하여 문서를 제공
Technology or library used
- Frontend: typescript, react, javascript, react-query, nextjs, emotion, jest
- Backend: typescript, nodeJs, express, typedi, jest
- Etc: yarn-workspace
Additionally, what I found out
yarn workspace사용 방법modern-normalize존재typescript적용하면서 절대 경로 설정하는 방법nextjs에서 환경 변수 설정하는 방법react-query사용시cache업데이트 및 커스텀 훅 작성 방법react에서HTML tag를 삽입하면서dutiy string을 삭제하여xss공격을 막는 방법express에서status code및 에러 메시지를 내려주는 법@testing-library/react및react-test-renderer사용법emotion을 통해 만들어진 컴포넌트의 테스트 케이스 작성법IntelliJ IDEA사용법- ...
Preview UI
After this project is over
- nestjs, java, etc..