[개인 프로젝트] StockList 개인 토이 프로젝트 회고록

- 프롤로그

이번 토이 프로젝트를 진행함으로써 나만의 기준을 하나 세우고 진행했다. '비효율적인 코드라도 상관없다. 납득할만한 충분한 근거가 있다면'이다. 나도 프론트 개발자로 업무를 하고, 토이 프로젝트를 몇번 해봤지만, 돌아보면 남들이 쓰니깐 쓰는 코드가 많았던거 같다. 정확힌 이유 없이 쓰는거다. 그래서 이번 토이 프로젝트를 진행하면서 내가 왜 이 코드를 썼고 그 근거를 나 스스로에게 납득 시키려고 노력을 했다.

 

우선 사용한 기술 스택은 

• Next.js 16
• React 19
• TypeScript
• React Query v5
• Zustand
• Tailwind CSS
• Vitest
• Testing Libary

주요 구현 기능으로는

 

- 주식 목록 조회
- 종목 검색
- 가격 / 등락률 정렬
- 관심종목 저장 및 유지
- 종목 상세 페이지 조회
- 캔들 차트 조회
- 종목 관련 뉴스 조회

 

중점적으로 본 항목

 

- CSR과 SSR을 어떠한 상황에 써야하고, 어떻게 쓰면 사용자가 느끼기에 자연스럽다고 느낄지.

- 충분한 테스트를 진행함으로써 안정적인 코드 운용

- 책임분리적인 컴포넌트 세분화

- 상태관리 라이브러리를 통한 코드 안전성

- App Router 기반 라우팅과 API Route 구성

 

github - https://github.com/kimdonghyeok135/stockList

GitHub - kimdonghyeok135/stockList: stockList Study

배포 링크 - https://stock-list-p82m.vercel.app

 

후기..

레거시 프로젝트로 업무를 진행했던 내가 이런 토이프로젝트를 진행함에 처음에는 막막하기도 했고, 진행도 뎌디긴 했지만. 꾸준함으로 완성했다. 항상 10을 할 수는 없지만 항상 꾸준히 하기만 한다면 좋은 결과가 있다고 믿고 프로젝트를 만들었다.