자신을 표현 할 수 있는 사진 한장을 업로드 해주세요!
밑의 사진을 삭제한 후, 업로드 해주시면 됩니다
벚꽃톤에서 자신이 맡은 역할은 무엇인가요?
API 연결 관리: 웹 애플리케이션에서 필요한 데이터를 실시간으로 불러오고, 사용자의 요청을 백엔드 시스템으로 전달하기 위한 API 연결을 구현했습니다. 또한, 사용자의 경험을 최적화하기 위해 비동기 통신 방식인 Fetch API를 사용하여, 페이지의 전체를 새로고침하지 않고도 필요한 데이터를 갱신할 수 있도록 했습니다.
사용자 계정 인증 토큰:
데이터베이스 연동: 백엔드 개발자와 협력하여 데이터베이스 설계에 대한 이해를 바탕으로, 사용자가 필요로 하는 데이터를 효과적으로 요청하고 표시할 수 있는 프론트엔드 로직을 개발하여 로그인, 회원가입 기능, 댓글 필터링 내역 호출 등을 담당하였습니다.
OpenAI와의 연결: 최근 AI 기술의 발전은 웹 개발에도 새로운 가능성을 열어주고 있습니다. 저희 댓칼코마니는 카카오웹툰을 URL로 전송하면 크롤러가 댓글내용을 수집한 뒤 Open AI API인 GPT4.0에게 송신하고 반환받은 값을 가공하고 출력하는 일을 담당하였습니다.
VSCode에서 Project Tree 생성: VSCode의 'Project Tree' 확장 기능을 설치하여, 프론트엔드 프로젝트의 구조를 시각적으로 그렸습니다. 이를 통해 프로젝트의 전반적인 구조와 각 파일 및 폴더의 관계를 명확히 할 수 있었습니다.
Vercel을 이용한 배포: Vercel의 공식 웹사이트에 접속하여, GitHub 계정을 통해 로그인한 후, 배포하고자 하는 GitHub 리포지토리를 Vercel과 연동하였습니다.연동된 리포지토리에서 배포하고자 하는 프로젝트를 선택하고, 필요한 배포 설정을 완료한 후, 'Deploy' 버튼을 클릭하여 배포를 시작하였습니다.배포 과정이 완료되면, Vercel은 배포된 사이트의 URL을 제공합니다. 이 URL을 통해 언제 어디서든 접근할 수 있는 완전한 웹 애플리케이션을 가지게 되었습니다.
이 서비스는 자신에게 어떤 의미일까요?
저에게는 첫 해커톤이자 디자이너, 기획, 백엔드, 프론트엔드 모두 모여서 함께 완성해본 첫 프로그래밍 작품입니다. 어떠한 오류가 발생하면 모르는 부분도 끈기를 가지고 시도한다면 해결할 수 있다는 것을 배웠습니다! 또한, 이번 개발을 통해 새롭게 배우게 된 project tool이나 vercel배포등이 미래 제 개발자 삶에 큰 영향을 줄 것같습니다!