portfolio

// 이 포트폴리오는 개발하는 정대리님의 유튜브 영상을 참고하여 제작하였습니다. 이번에 vite를 통해 포트폴리오 사이트를 배포했습니다. '최대한 많은 기술들을 사용해보고 수많은 오류를 경험해보자!' 라는 생각으로 프로젝트에 다양한 기술들을 사용해봤습니다. NextJs, ThreeJs, NotionAPI,TypeScript,Tailwind 등 많은 기술들을 사용해봤습니다. 그 중에 가장 신기하고 인터렉티브한 경험을 준 ThreeJs에 대해 이야기해볼까합니다. Three.js 가 뭘까요?? Three.js는 3D 그래픽을 생성하고 렌더링하기 위한 JavaScript 라이브러리로, 웹 브라우저에서 강력하고 직관적인 3D 그래픽을 개발할 수 있게 도와주는 역할을 합니다. ThreeJs에는 다양한 요소들이 있는..

오늘은 제작중인 포트폴리오 안에 제게 연락할 수 있는 Contact 컴포넌트를 만들어보았습니다. 기본적으로 연락을 남기시는 분의 이름, 이메일, 메세지 내용을 받는 형태로 제작하였습니다. 서버가 따로 없는 serverless형태로 메일 발송을 도와주는 EmailJS를 사용했습니다. EmailJS 홈페이지에 로그인을 하게 되면 아래 보이시는 페이지로 이동하게 됩니다. 현재 제가 서비스를 이용중이라 gmail 서비스가 등록되어있지만, 처음 오신 분들은 위에 보이시는 Add New Service를 클릭하여 서비스를 등록해야합니다. 이용하실 메일을 선택하시고 Create Service를 클릭하시면 됩니다. 서비스를 생성하셨다면 이후엔 메일의 템플릿을 설정해야합니다. 템플릿 카테고리에서 Create New Tem..