⭐️부트캠프 프로젝트를 한곳에서 정리하고 피드백을 받아보자!

프로젝트의 SA, 최종 프로젝트 정리 및 회고 등 여러곳에 흩어져 있던 정보들을 한 곳에 모아놓고,

다양한 사람들의 피드백을 받아 볼 수 있는 공간입니다.


🛠️ Service Architecture

codefolio-cloudcraft.png


📂 Tech Stack

<aside> <img src="https://noticon-static.tammolo.com/dgggcrkxq/image/upload/v1566879300/noticon/fvty9lnsbjol5lq9u3by.svg" alt="https://noticon-static.tammolo.com/dgggcrkxq/image/upload/v1566879300/noticon/fvty9lnsbjol5lq9u3by.svg" width="40px" /> 정적인 페이지가 많은 서비스 특성상 SSR을 쉽게 구현할 수 있는 Next.js를 사용합니다.

</aside>

<aside> <img src="https://assets.vercel.com/image/upload/front/favicon/vercel/favicon.ico" alt="https://assets.vercel.com/image/upload/front/favicon/vercel/favicon.ico" width="40px" /> Next와 잘 어울리는 배포 시스템인 Vercel을 이용합니다.

</aside>

<aside> <img src="https://seeklogo.com/images/S/supabase-logo-DCC676FFE2-seeklogo.com.png" alt="https://seeklogo.com/images/S/supabase-logo-DCC676FFE2-seeklogo.com.png" width="40px" /> 빠른 백엔드 구축을 위해 BaaS 서비스인 Supabase를 사용합니다.

</aside>

<aside> <img src="https://noticon-static.tammolo.com/dgggcrkxq/image/upload/v1641952185/noticon/a9qgcuhj0enmzobh68cf.png" alt="https://noticon-static.tammolo.com/dgggcrkxq/image/upload/v1641952185/noticon/a9qgcuhj0enmzobh68cf.png" width="40px" /> 로컬 상태관리를 위해 react스러운 상태관리를 제공하는 recoil을 사용합니다.

</aside>

<aside> <img src="https://noticon-static.tammolo.com/dgggcrkxq/image/upload/v1669720599/noticon/xg13hlex6bu8mu182b5y.png" alt="https://noticon-static.tammolo.com/dgggcrkxq/image/upload/v1669720599/noticon/xg13hlex6bu8mu182b5y.png" width="40px" /> 서버 상태관리를 위해 각종 편리한 유틸을 제공해 주는 react-query를 사용합니다.

</aside>

<aside> <img src="https://styled-components.com/favicon.png" alt="https://styled-components.com/favicon.png" width="40px" /> CSS in JS를 사용하기 위해 styled-components를 사용합니다.

</aside>

라이브러리 선정과정 자세히보기


✅ 핵심 기능

포트폴리오 게시 기능 (md editor 지원)