미리보기
기본 정보
저는 5년차 FE개발자로 Lean하고 유연한 작업 방식으로 결과물을 만들어내어, 테스트하고 소통하는 걸 선호합니다. 저는 빠른 아웃풋을 바탕으로 이슈들을 논의하는 과정을 좋아합니다. 기본적인 구조를 잡는 과정과 작업 속도가 빠르며, 현재 체크할 수 있는 이슈에 집중합니다. 아직 일어나지 않은 이슈보다는 현재 발생한 문제를 해결하는 것을 우선시합니다. 또한, 경험을 바탕으로 시야가 넓어져 체크할 수 있는 범위도 꾸준히 성장하고 있습니다. 이를 통해 더 나은 프로덕트를 만들어가고 있습니다. 🔗 저는 빠른 아웃풋을 바탕으로 이슈들을 논의하는 과정을 좋아합니다. 기본적인 구조를 잡는 과정과 작업 속도가 빠르며, 현재 체크할 수 있는 이슈에 집중합니다. 아직 일어나지 않은 이슈보다는 현재 발생한 문제를 해결하는 것을 우선시합니다. 또한, 경험을 바탕으로 시야가 넓어져 체크할 수 있는 범위도 꾸준히 성장하고 있습니다. 이를 통해 더 나은 프로덕트를 만들어가고 있습니다. 🔗 https://github.com/yjonghy 🔗 https://study-step.vercel.app/
기술 스택
HTML/CSS, JavaScript, TypeScript, React, Next.js, tailwind-css, react-query, Redux
경력
주식회사먼치팩토리
팀원 | 개발팀
2023.01. ~ 2024.06. (1년 6개월)
크리에이터와 PD에게 촬영 장소를 대여해 주는 한국, 미국 플랫폼 개발
⭐️ Stack
TypeScript, Next.js, Recoil, React(TanStack) Query, Tailwind CSS, HTML, CSS
✨ 미국 지역을 타깃으로 한 웹서비스 신규 개발 및 유지보수 / 2023.05 ~ 2024.06 (기여도 100%)
Next.js 활용하여 초기 구조 설계부터 개발, 유지보수까지담당
Next.js 14+@ 사용, app directory routing 기반, react-query 담당 directory, component 전용 directory로 구조 설계
Next에서 제공하는 MetadataRoute를 사용하여 robots, sitemap 설계 및 동적 메타데이터 생성으로 seo대응
업로드 된 이미지의 리렌더링 부하를 줄이기 위해서 이미지 최적화 진행
Next.js 13버전에서 14버전으로 업그레이드 후 초기 진입 속도 1.5초 가량 단축
skeleton ui, loader ui를 도입하여 비개발 직군은 물론 사용자에게도 API를 불러오는중(로딩 중)임을 가시적으로 보여줄수 있도록 함
* 데이터 로딩 시 빈화면이 보이는 문제 개선 하자는 내부 의견이 있었지만, loader ui의 개념을 중요하게 생각하지 않는 내부적 상황에서 다른 서비스의 사례(ex.에어비앤비)를 들며 도입 주장. skeleton ui, loader ui를 도입하여 비개발 직군은 물론 사용자에게도 API를 불러오는중(로딩 중)임을 가시적으로 보여줄수 있도록 함 그 후, 추가 기능 개발 시 필수적으로 위의 ui들이 도입됨
✨ 아워플레이스 웹사이트 PHP -> Next.js로 마이그레이션 / 2023.01 ~ 2024.06 (기여도 50%)
PHP에서 Next.js 로 마이그레이션 및 유지 보수 담당
작업 중간 ui 업데이트 및 신규 페이지도 제작
마이그레이션 중 기존 기능 문제점 제기, 해결방안 제시 등 주도적 프로젝트 진행
Next.js, Tailwind React Query 등 신규 기술 스택 학습을 병행 하면서 구현하여 프로젝트를 성공적으로 완료
공통으로 쓰는 ui 세분화하여 컴포넌트로 제작, 다양한 ui에 대응할 수 있도록 개발
ui 업데이트 및 신규 페이지 제작하여 배포한 뒤, 디자이너와의 프로젝트 회고를 통하여 더 나은 작업방식을 논의하여 찾아가고 그 후에 서로의 일정을 최소 몇시간이라도 더 줄임
카카오톡 내 브라우저, 삼성 브라우저 등 디버깅 설정이 어려운 환경에서 sentry로 error throw 후 이슈 체크하여 해결.
주식회사클래시컴퍼니
팀원 | 개발팀
2019.01. ~ 2023.01. (4년 1개월)
간판의품격 / 간판 제작을 원하는 자영업자들에게 원하는 견적을 토대로 업체를 매칭 시켜주는 플랫폼
프론트엔드 개발 담당, vanillaJs로 이루어진 초기 프로젝트 react로 마이그레이션
추가 기능 개발, 유지 보수 전담
⭐️ Stack
JavaScript, React, styled-components, HTML, CSS, Redux
✨ 바닐라 js, jquery 로 이루어진 기존 웹페이지 react 마이그레이션 및 간판의품격 웹서비스 추가 기능 개발 및 유지보수 / 2020.10 ~ 2023.01 (기여도 100%)
바닐라 js 프로젝트에서 react로 마이그레이션
styled-component 부터 redux 까지 점진적 기술도입 및 유지보수
간판의품격 앱이 웹뷰를 바탕으로 한 웹앱으로, javascript bridge 사용하는 등 앱 또한 유지보수
SEO가 적용되지 않는 문제를 AWS lambda 사용하여 문제 해결
* 초기엔 react helmet 도입하여 테스트 및 꾸준히 수정 아예 적용조차 되지 않는 이슈로 helmet 한계점 파악 후, 동적 meta 정보가 담긴 문서를 반환하는 api (node.js)제작하여 aws lambda 사용하여 seo 봇 접근 시 호출되게 배포 환경 수정 및 seo 적용 확인