미리보기

프론트엔드 개발자로 기존 프로젝트 유지보수 및 리뉴얼작업과 새로운 프로젝트 프론트엔드 작업 리드 및 신입 교육을 맡고 있습니다.
프론트 기술스택을 Vanilla js + EJS + Jquery에서 React + Typescript + TailwindCSS으로 바꾸고, 코드리뷰와 컨벤션 등을 도입하여 개발 문화 개선에 기여했습니다.
주1회 ~ 주2회 사내 프론트 스터디를 이끌며 실력향상 및 지식 공유를 할 수 있는 환경을 만들었습니다.

Description

방송사, 영화사 등 다양한 콘텐츠 제작사를 대상으로 포털, 소셜 미디어, 온라인 커뮤니티 등 다양한 플랫폼에서 크롤링한 데이터를 가공 후 시각화 하여 클라이언트에게 제공하는 플랫폼

Experience

• 입사 후 첫 프로젝트. 반응형 작업 진행
• 최악의 레거시코드. 리뉴얼제안이 거절당하여, 반응형작업 이후로는 유지보수 작업만 진행
• 12000라인짜리 html파일과 css파일을 통해 코드분리와 네이밍컨벤션의 중요성에 대해 배움

Tech Stack

HTML CSS EJS Javascript Jquery

Description

기존 사용하고있던 플랫폼 리뉴얼 프로젝트 입니다.
방송사, 영화사 등 다양한 콘텐츠 제작사를 대상으로 포털, 소셜 미디어, 온라인 커뮤니티 등 다양한 플랫폼에서 특정 타켓에관한 글을 크롤링하여 저작권 보호에 도움을주는 플랫폼

Experience

• 기존 레거시코드 리뉴얼작업 -> 프론트코드를 찾을 수 없어 개발자도구로만 참고하여 새로 개발
• css, js등 기능별로 폴더를 만들고, 하위에 실제 페이지별로 폴더를 추가로 만드는 방식 제안
• 프로젝트 시작 전 디자인시안을 보고 공통모듈을 정하기를 제안 (레이아웃, 모달창, 검색필터 등)
• 네이밍 컨벤션, PR컨벤션 등 공용 컨벤션 제안
• amChart5를 베이스로 다양한 커스텀차트를 클라이언트에게 제공

Tech Stack
HTML CSS EJS Javascript Jquery

Description

자체 프로젝트가 아닌 마케팅 회사 아웃소싱 프로젝트 입니다.
영화 배급사를 대상으로 다양한 플랫폼에서 배급중인 영화에 관한 반응을 크롤링하여 마켓팅 전, 후 반응 및 관객수 비교 등 여러 지표를 시각화하여 보여주는 플랫폼

Experience

• 프로젝트 일정조율 및 업무분담, 환경구성을 진행
• React, Typescript, TailwindCss 모두 새로 도입
• 새 기술스택에 대한 경험자가 없어, 스터디를 운영하면서 프로젝트 병행(프로젝트 기간 1달전부터 진행)
• 테이블을 엑셀로 추출 및 보고서를 PDF로 추출 등 여러 파일변환기능 추가

Tech Stack
React Typescript TailwindCSS

Description

회사 홈페이지 리뉴얼
신입 개발자분 2명이 들어오실때 맞춰 진행하여 온보딩 프로젝트로 진행.

Experience

• 프로젝트 진행 단계에맞춰 환경구성, 레이아웃, 컴포넌트 분리 등 스터디와 병행

Tech Stack
React Typescript TailwindCSS

Description

사내 스터디시간에 백엔드 공부하고 싶었던 본인, 플러터 공부하고 싶었던 리액트개발자, 리액트 공부하고 싶었던 신입분 3명이서 전혀 모르는 세 분야를 공부하려고 만든 오직 공부를 위한 운동 루틴관리 앱 / 웹

Experience

• Tech Stack에 있는것중 단 한개도 아는것이 없는 상태로 시작
• AWS와 Nginx을 이용한 배포 자동화 경험
• JWT를 이용한 토큰 기반 보안설정 경험
• 테스트코드 작성 경험

Tech Stack
Java Spring Boot MYSQL Github Action AWS Nginx