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를 공부해보기 위해 만들어봤습니다. 사용자가 도형의 크기, 색깔, 모양, 배경색깔 등을 조절할 수 있게 만들었습니다. 스크린샷 기능을 통해 사용자가 자신이 만든 도형쌓기를 가져갈 수 있도록 했습니다.
아래와 같은 기술들을 공부하고 사용해보고 있습니다.
아직 부족한점이 많지만 열심히 하겠습니다.
아직 부족한점이 많지만 열심히 하겠습니다.