프로젝트
[프로젝트 이미지]
프로젝트 1: 개인 포트폴리오 웹사이트
React와 TypeScript를 사용하여 제작한 개인 포트폴리오 웹사이트입니다. 반응형 디자인과 인터랙티브한 UI를 구현하여 사용자 경험을 최적화했습니다. Framer Motion을 이용해 동적인 애니메이션을 추가하고, SEO 최적화를 통해 검색 엔진 노출을 고려했습니다.
사용 기술:
React
TypeScript
Framer Motion
Styled-components
[프로젝트 이미지]
프로젝트 2: E-commerce 사이트
Vue.js와 Vuex를 활용하여 만든 온라인 쇼핑몰 사이트입니다. 상품 목록, 상세 페이지, 장바구니, 그리고 실제 결제 연동(PG) 기능까지 구현하여 완전한 쇼핑 경험을 제공합니다. 백엔드와 RESTful API 통신을 통해 상품 데이터를 관리합니다.
사용 기술:
Vue.js
Vuex
Axios
SCSS
[프로젝트 이미지]
프로젝트 3: 블로그 플랫폼
Next.js를 사용하여 만든 서버사이드 렌더링(SSR) 블로그 플랫폼입니다. 정적 사이트 생성(SSG)을 통해 빠른 로딩 속도를 확보했으며, Markdown 파일로 포스트를 작성할 수 있는 기능을 제공합니다. 댓글 기능과 다크 모드 전환 기능도 포함되어 있습니다.
사용 기술:
Next.js
React
GraphQL
Tailwind CSS