반응형
6월에 본격적인 프로젝트를 시작하기 전, 손 풀기 겸 새로운 스택 공부 겸 토이 프로젝트를 하기로 결심했다.
내가 선정한 토이 프로젝트 주제는 심리 테스트 모음집 애플리케이션이다! 평소 동생과 심리 테스트를 매우 즐겨했었고, 매번 네이버에 심리 테스트를 검색하고 원하는 심리테스트가 있는 블로그에 들어갔다 나왔다하며 심리테스트를 하는 것이 불편해서 재밌는 심리테스트 들을 모아놓은 사이트가 있으면 좋겠다는 생각에 선정하게 되었다.
특히 이번 프로젝트의 꽃은 Nextjs와 Vercel인데, 한 번도 사용해보지 않은 스택을 공부해보고 사용해보고자 한다! 아직 결정하지는 못했지만 Nextjs와 TailwindCSS가 함께 쓰이는 경우가 많고, TailwindCSS가 꽤 간단하다고 하니, TailwindCSS도 가볍게 사용해보는 것도 나쁘지 않을 것 같다. Styled-Componenets도 좋지만, 새로운 걸 해보는 것도 좋잖아?
새로운 스택을 경험해보는 것이 주 목적이니 애플리케이션 구현 난이도가 높지 않은 간단한 주제로 선정했다. 로딩 페이지도 없어도 될 것 같긴하다. 일단 혹시 모르니 넣어두었다 ㅋㅋㅋㅋ
이번 기회로 Nextjs, Vercel, 가능하다면(여유가 된다면) TailwindCSS까지! 새로운 것을 공부할 생각에 걱정되고 설렌다.
반응형
'프로젝트 > 오심테(오늘의 심리테스트)' 카테고리의 다른 글
[Nextjs] 공통 컴포넌트(헤더, 네비게이션 바) 적용 및 동적 라우팅 (0) | 2023.05.20 |
---|---|
[Tailwind CSS] 전체 화면 스크롤 바 없애기(Header 고정) (0) | 2023.05.19 |
[Tailwind CSS] nextjs is missing required "width" property & Error: Invalid src prop "" on `next/image` (0) | 2023.05.19 |
[NextJS & Tailwind CSS] 헤더 & 네비게이션 바 만들기 (0) | 2023.05.18 |
Nextjs 12버전으로 프로젝트 시작하기(feat. npm run dev 에러) (0) | 2023.05.17 |