빅픽처팀 프론트엔드 개발에서의 기록

몰라몰라 개복치 서비스 및 관리자 페이지 제작

• - 소셜로그인 카카오톡 및 구글 로그인 구현
• - 회원가입 플로우 구현
• - 짤뽑기 컨텐츠 프론트엔드 작업

짤툰대난투 소개페이지 및 관리자 페이지 제작

• - 프로젝트 초기 환경세팅(yarn berry, i18next)
• - 타라이브러리 사용 없이, 모바일에서 지원하는 캐러셀 컴포넌트 제작
• - 모든 PR리뷰
• - 게임 소개, 미디어 페이지 퍼블리싱
• - 미디어를 관리하기 위한 관리자 페이지 기능 구현

default-hooks(라이브러리) 제작

• - 스토리북을 이용한 E2E 테스트 환경 구축
• - Jenkins, Docker 를 활용한 npm 배포 파이프라인 구축
• - 프론트엔드 개발에서 자주사용되는 공통 훅을 라이브러리로 형태로 배포

새서울자수 웹페이지 제작

• - next.js 를 활용한 SEO를 고려한 SSR 반응형 웹페이지 제작
• - next-18next 를 이용한 다국어 페이지 제작
• - Jenkins, Docker 를 활용한 CD 파이프라인 구축
• - 프론트엔드 환경에서 REST API 서버와 소통
• - yarn berry 도입으로 인한 빌드시간 단축(zero-install)

한국 야쿠르트 이벤트 페이지

• - react 를 활용한 반응형 웹페이지 제작
• - react 를 활용한 백오피스 웹사이트 제작
• - 프론트엔드 환경에서 REST API 서버와 소통
• - Jenkins, Docker 를 활용한 CD 파이프라인 구축
• - yarn berry 도입으로 인한 빌드시간 단축(zero-install)
• - 크로스브라우징 QA 진행

보건복지부 노담 웹페이지 제작 및 유지보수

• - next.js 를 활용한 SEO를 고려한 SSR 반응형 웹페이지 제작
• - 전 페이지 퍼블리싱 및 기능연동에 관여
• - react-query 도입을 통한 클라이언트 / 서버 상태의 분리
• - react 를 활용한 백오피스 웹사이트 제작​
• - Jenkins, Docker 를 활용한 CI/CD 파이프라인 구축
• - Jest를 활용한 단위 테스트 코드 작성
• - 크로스브라우징 QA 진행

랠리즈 웹페이지

• - react 를 활용한 반응형 웹페이지 제작
• - 메인 페이지 전체 퍼블리싱 및 기능 구현
• - Ad Tracker 삽입
• - react 를 활용한 백오피스 웹사이트 제작​
• - 크로스브라우징 QA 진행

아이발달 모바일 애플리케이션(RN)

• - 온보딩 페이지 제작
• - 앱스토어 심사를 위한 회원 차단 기능 구현

프론트엔드 팀 문화 확립

• - 프론트엔드 코딩 컨벤션 문화 확립
• - 프론트엔드팀 코드 리뷰 문화 개선
• - yarn berry, react-query, husky등 신기술 도입 및 팀원분들에게 정확한 당위성과 근거 설명

뒤로가기