Introduce

항상 배움의 자세를 갖고 부족한 부분을 채워 나가며 공부합니다.

자잘한 버그들을 미리 방지하고자 알아보기 쉽고, 논리적으로 코드 구성하려고 합니다.

사람들과 협업하는 것에 익숙하며 지식을 공유하는 것을 즐기는 것이 저의 장점입니다.

유저의 편의성을 생각하며 좋은 코드를 쓰기 위해 꾸준히 성장하는 프론트엔드 개발자 정윤혁입니다.

• 스스로 모르는 부분이 무엇인지 정리합니다.

  → 개발하거나 ****공부를 할 때 개념이 이어져 있는 부분은 본인이 무엇을 모르는지 모르는 상태에서 진행하는 경우가 많았습니다. 이를 보완하기 위해 차례대로 개념을 정리해보고 학습하고 찾아보려 합니다.

• 문제에 대해 소통하는 것을 즐깁니다.

  → 해결되지 않는 문제에 대해 끝까지 생각하고 해결하려고 노력합니다. 알고 있는 내용은 적극적으로 지식 공유하는 것을 좋아합니다.

• 효율을 중요하게 생각합니다.

  → 핵심적인 아이디어나 키워드에 집중하여 빠르게 이해하려 노력합니다. 왜 필요한지에 대한 근거를 바탕으로 새로운 기술을 배우는 것을 좋아합니다.

즐겁게 개발에 대해 학습하고 경험하다 보면 좋은 개발자가 될 수 있다고 생각합니다.

Projects

질병검색 사이트

각종 질병 명을 검색할 수 있는 검색창

(🌐서비스 | 📎깃허브)

[팀, 프론트엔드] JavaScript, React, Vercel 기업 과제 프로젝트 2023.05.02 ~ 05.05

• 페이지 디자인 기능 클론
• API 호출별로 로컬 캐싱 구현 및 디바운싱으로 최적화
• 검색창에서 키다운 기능
• cors에러 때문에 https://chrome.google.com/webstore/detail/allow-cors-access-control/lhobafahddgcelffkeicbaginigeejlf 설치하고 켜주세요.****

일정기록 사이트

Todo를 기록하는 웹사이트

(🌐서비스 | 📎깃허브)

[개인, 프론트엔드] TypeScript, React, Vercel

과제 프로젝트 2023.04.02 ~ 04.09

• 정해진 요구사항에 맞춰 웹사이트 구현
• custom hook을 최대한 사용하여 재사용성 증가

Hyuklog (본인 소개 사이트)

내가 원하는 모습으로 만드는 블로그 프로젝트

( 🌐서비스 | 📎깃허브 | 🗨️ 포트폴리오)

[개인, 프론트엔드] TypeScript, React, Next.js, Emotion, Vercel

• Dark 모드 구현

  → 헤더에 아이콘을 클릭하면 전역으로 테마 별로 색상 변경

• 반응형 view 구현

  → facepaint 라이브러리로 반응형 view 구현

• 검색 엔진 노출

  → next-seo를 사용한 seo 구현

• Google Analytics 추가

  → 블로그 방문자의 유입 소스나 사이트 내 행동과 같은 유용한 정보를 수집하고 저장, 분석하기 위해 추가

• 소개 페이지 / 프로젝트 페이지 등 구현

Momukzzi(오늘 뭐 먹지?)

점심메뉴를 고민하는 현대인을 위한 도보 방문(1km) 가능 음식점 추천 서비스

(🌐서비스 ✅위치정보 허용 | 📎깃허브 | 🗨️ 포트폴리오)

[팀, 프론트엔드] JavaScript, React, Next.js, Redux, Styled-Components, Vercel

• 현재 좌표로 카카오 음식점 정보 데이터 가져오기 구현

  → Geolocation API로 유저의 현재 좌표를 가져오고, 이를 카카오 음식점 그룹 API에 담아 반지름 1km 이내의 음식점 정보를 받는 방식으로 구현

• 반응형 view 구현

  → 다양한 규격의 스마트폰, 패드 화면에 맞춰 UX를 고려하여 반응형으로 view 구성

• 셔플 함수를 이용한 다른 메뉴 추천 기능 개발

  → Fisher-Yates 셔플 알고리즘으로 주변 60개의 음식점 데이터를 섞어서 다른 메뉴를 추천할 때 바로 중복되지 않게 구현

• 로그인 / 회원가입 구현

• 마이페이지 구현

  → 리뷰 READ(더 보기 기능), DELETE 구현

  → 개인정보 수정 기능 구현

• Vercel 프론트 배포

  → cafe24 도메인 주소 호스트IP(A 레코드) 연결

  • 매달 10만원정도의 서버 비용 발생 (비용 문제 때문에 2023년 4월 4일부터 서버 중단)

오늘 뭐 먹지? 어플 버젼

https://github.com/hyukzz/momukzzi-app

오늘 뭐 먹지? 어플

[개인 100%] TypeScript, React-Native, Expo, Redux-Toolkit

• 오늘 뭐 먹지?라는 특성 상 어플로 있다면 접근성이 매우 좋을 것 같아 개발

• 카카오맵 길찾기

  → 도보 1km 이내 음식점을 추천해주는 컨셉 상 길찾기 버튼을 누르면 바로 도보 네이게이션을 보여줌

• 기존의 문제점을 해결

  → 기존처럼 메인 페이지에서 바로 랜더링하는 것이 아닌 Nav 버튼을 onPress했을 때 랜더링을 하여 UX 개선

EveryFootBall

오프라인 풋살 매칭 서비스 / feat 개인 전적 시스템 (📎깃허브 | 🗨️포트폴리오)

[팀, 프론트엔드] JavaScript, React

• 매치 기록실 구현

  → 총 득점 기준으로 데이터를 내림차순 정렬해서 득점 순위 구현

• 로그인 / 로그아웃 / 회원탈퇴 구현

• 마이페이지 구현

  → 개인 기록을 확인할 수 있게 구현

  → 개인 정보 수정 기능 구현

• refactor 메인페이지

  → Date picker로 매치 필터링

  → 요일 별 매치 필터링

Profile

[Github]

https://github.com/hyukzz

[Email]

[email protected]

[Phone]

010-2531-8769