미리보기
기본 정보
# 노력을 통해 성장하는 것을 즐기는 프론트앤드 개발자 진상우입니다. 새로운 기술과 부딪혀가며 약간의 아픔을 받아들이며 배워가는 것을 즐깁니다. - 현재 Nextjs를 학습하며 SSR환경에 어떤 방법으로 적용을 하여 routing방법은 어떤 형태를 가지고 있는지에 대해 배우고 또한 프로젝트를 통해 학습의 심도를 조금 더 깊게 할 수 있도록 진행하고 있습니다. 커뮤니케이션을 좋아하고 서로 이해할 수 있는 환경을 만들도록 노력합니다. - 문제점에 도달하였을 때 팀원들과 소통을 하여 어떤 방식으로 풀어나가는 것이 좋을지에 대해 탐구하며 함께 고민하고 풀어나가는 환경을 만들기 위해 노력했습니다. - 이전 프로젝트에서 백앤드 팀과의 소통에 대한 이해와 문제 파악을 위해 서로 대화가 진행될 수 있도록 어떤 문제가 어떤 환경에서 일어나는지에 대해 파악하고 간단하게 학습해보며 단방향 소통이 아닌 양방향 소통이 되도록 노력하였습니다. 코드의 중복을 줄이기위해 노력하는 개발자입니다. - 컴포넌트 내에 중복으로 발생하는 요소에 대하여 컴포넌트화 시키고 또한 반복적으로 사용되는 함수를 custom hooks를 통해 공통적으로 사용할 수 있는 부분을 줄이는 것을 즐깁니다.
기술 스택
React, JavaScript, Next.js, HTML/CSS, tailwind-css, vercel, TypeScript, Figma, GitHub
프로젝트
요기요 점주 사이트 Clone
기타
2024.01. ~ 2024.06.
프로젝트 목적
Next.js를 이용하여 요기요 점주 사이트 클론코딩
프로젝트 전체 인원
요기요 개발 프로젝트 전체 인원 (Front - 2명, Back - 2명)
나의 주요 업무
요기요 점주 사이트 개발 작업 주도
프로젝트 내에 OAuth를 이용하여 로그인 구현 / 백앤드에서 제공하는 로그인 구현
프로젝트에 핵심 기능들을 구현 및 최적화 진행
중복된 코드를 줄이기 위해 컴포넌트화, Custom Hooks 사용
사용 기술
React 18, Next.js 14, Typescript, Recoil, Tailwind-css, Axios, Swiper, react-beautiful-dnd, react-datepicker, react-icons
협업 도구
Git, Figma, REST API, Discord
배포
Vercel
느낀 점
Nextjs를 사용함으로써 자체적으로 제공하는 기능들을 통해 최적화된 route기능을 사용
REST API를 통한 소통을 통해 api를 어떤 식으로 요청하고 또한 어떤 방법으로 서버와 통신하게 되는지 학습
CSR과 SSR의 차이점을 비교하며 SSR에는 어떤 환경적 요소들이 필요한지 탐구 및 적용
팀과 함께 소통하며 작업을 하며 진행에 대한 어려움이 있었지만 이또한 재미의 요소로 느끼고 즐거움을 느낌
재사용 컴포넌트 및 함수로 분리하며 코드의 양을 30% 가까히 줄일 수 있어 재밌는 프로젝트가 됨
