| 이름 | 송영준 |
| 나이 | 만 27세(1996년생) |
| 연락처 |  |
| GitHub | https://github.com/S0ngYoungJun |
 | |
| 학력 | 한남대학교(수학교육과 졸업) |
| 활동 | 대전그린컴퓨터아트학원 수료 2023.08~2024.03 |
도형을 쌓아 그림을 그려요. stack block
물리엔진 matter-js 라이브러리와 Next.js를 사용해 만든 웹페이지 입니다.
여러 물리엔진 라이브러리(physics.js, Planck.js) 사용해보았고 그 중에서 matter.js로 선택했습니다.
도형과 벽을 만들기 위해 Canvas와 좌표값을 이용하는 부분을 중점적으로 공부했습니다.
사용자가 도형의 크기, 색깔, 모양, 배경색깔 등을 조절할 수 있게 만들었습니다.
스크린샷 기능을 통해 사용자가 자신이 만든 도형쌓기를 가져갈 수 있도록 했습니다.
팀 프로젝트, 커피원두 E-commerce 웹사이트
Next.js를 사용해 만든 커피원두 E-commerce 웹사이트입니다. 관리자 페이지에서 사용자 페이지에 보여지는 부분을 간편하게 조작할 수 있는점을 중점적으로 보고 제작하였습니다. 저는 팀프로젝트에서 메인페이지의 상단메뉴바, 상품 슬라이드, 회원가입,로그인, 상품 판매 상세페이지, 마이페이지, 결제 이후 서버에서 DB의 날짜를 조회해 자동으로 연장되는 구독시스템 등의 만드는 부분을 맡았습니다.
유럽 미술사의 흐름을 한눈에 보기, Arthistory
서양미술사 책을 읽다가 책의 흐름을 그림으로 한눈에 보면 좋겠다는 생각으로 제작하였습니다. Next.js에서 app router 기능을 중점적으로 공부하면서 layout을 통해 상태를 유지하고 Rerendering을 방지하면서 자체 경로 안의 컴포넌트와 UI를 쉽게 공유할 수 있는점을 생각하면서 어떻게 하면 더 유연하고 빠르게 페이지를 이동할수 있는지 고민했습니다. 마커를 클릭해 특정 좌표로 비행기가 이동하고 비행기가 도착하면 모달창이 나오는 이벤트를 구현해서 사용자가 재미를 느끼도록 만들었습니다.
아직 부족한점이 많지만 열심히 하겠습니다.
