TO do list
간단하게 체크완료기능과 검색기능을 넣은 todolist입니다. React를 빌드속도를 향상시키기 위해 개발툴로 vite를 사용했습니다. Redux로 상태 관리를 구현했습니다.
커피원두 E-commerce 웹사이트
Next.js를 사용해 만든 커피원두 E-commerce 웹사이트입니다. 팀프로젝트의 관리자 페이지에서 사용자 페이지에 보여지는 부분을 간편하게 조작할 수 있는점을 중점적으로 보고 제작하였습니다. 저는 팀프로젝트에서 메인페이지의 상단메뉴바, 상품 슬라이드, 회원가입,로그인, 상품 판매 상세페이지, 마이페이지, 결제 이후 서버에서 DB의 날짜를 조회해 자동으로 연장되는 구독시스템 등의 만드는 부분을 맡았습니다.
Notion API/DB와 연동하여 개발한 블로그 준비사이트
별도의 데이터베이스 서버 없이 Notion API/DB와 연동하여 개발 현재는 일단 개인 기록용 노션기록, 차후 커뮤니티기능(댓글,좋아요)추가후 따로 운영할 예정
다양한 도형 쌓아보기
물리엔진 matter-js 라이브러리와 Next.js를 사용해 만든 웹페이지 입니다. 여러 물리엔진 라이브러리와 canvas를 공부해보기 위해 만들어봤습니다. 사용자가 도형의 크기, 색깔, 모양, 배경색깔 등을 조절할 수 있게 만들었습니다. 스크린샷 기능을 통해 사용자가 자신이 만든 도형쌓기를 가져갈 수 있도록 했습니다.
아래와 같은 기술들을 공부하고 사용해보고 있습니다.
아직 부족한점이 많지만 열심히 하겠습니다.
아직 부족한점이 많지만 열심히 하겠습니다.