◎ 마케팅 데이터 기반 대시보드 Nuxt.js , Nest.js 및 PostgreSQL 스택을 기반으로 데이터 모델을 설계하고 API 생성 및 웹UI 개발을 담당했습니다. 기본적인 모델별 CRUD 부터 SSE 실시간 알림 등의 기능을 기획부터 참여하여 서비스에 적용했습니다. 그리고 대시보드에 등록된 광고 소재 url을 통해 트랙킹 ID를 생성하고 해당 정보를 카페24 사이트에 등록하는 스케줄러 프로젝트를 개발했습니다. puppeteer 노드 라이브러리를 활용하여 특정 사이트의 html 요소에 이벤트를 발생시키면서 광고 정보를 자동으로 등록하고 매출 데이터를 크롤링하여 DB에 저장하는 기능을 만들었습니다. ◎ 클라이언트 컨텐츠 사이트 제작(유지보수) 및 배포 위 프로젝트와 동일한 스택을 활용하여 SSR 기반의 웹사이트 제작 프로젝트를 진행했습니다. AWS lightsail 단일 인스턴스 내에 FE와 BE를 모두 담은 뒤 pm2 라이브러리로 클러스터와 포트를 두개 생성하였고 , Route53 네임서버 주소를 활용하여 클라이언트 https 도메인과 연결했습니다. 그리고 certbot 과 crontab 라이브러리를 설치해서 SSL 인증서 발급 및 갱신을 설정해서 배포 환경을 세팅했습니다.

更多

해당 교육 과정을 통해 미흡했던 cs 지식을 보완하고 백엔드 지식을 주로 학습했습니다. Node.js, mongoDB 를 중심으로 기능별 api 를 생성하고 콜렉션을 나누어 서버와 DB를 연결했습니다. 뿐만 아니라 두번의 팀프로젝트를 진행하여 동료들과 소통하며 서버와 브라우저를 연결하면서 코드를 보완하고 기능을 구현했습니다.

更多

◎ 스킨스쿨 관리자 및 상담사 전용 고객 관리 웹서비스 • 개요 - 개발 기간: 2021.02 ~ 2021.04 - 인원: 프론트엔드 2명, 백엔드 2명 • 담당 업무 - 해당 서비스 기획 시나리오에 따라 애자일 프로세스와 Jira 협업 툴을 활용하여 각각의 작업 상태를 티켓으로 관리하며 진행 상황을 팀원들과 공유하고 소통했습니다. - useSwr 훅스를 활용하여 불필요한 api 호출을 줄이고 캐시 업데이트를 커스텀하여 관리했습니다.

更多

◎ Wiprex 음원 수익 공유 플랫폼 런칭 및 유지 보수 • 개요 - 개발 기간: 2021.02 ~ 2021.07 (운영 중) - 인원: 프론트엔드 3명, 백엔드 2명, 데브옵스 1명 - 링크: https://www.wiprex.com • 담당 업무 - 신규 런칭 프로젝트 이었기에 운영 사이트와 관리자 페이지에 대해 컴포넌트 작업부터 시작하였습니다. GraphQL 도입하면서 페이지별로 필요한 쿼리와 재사용 가능한 fragment 구조를 정리했습니다. - 전역으로 사용할 컴포넌트 이외에도 상품 목록 및 상세, 회원 목록 및 상세, 자산 내역 등을 맡았으며 상품 목록 무한스크롤, 예상 수익 그래프, 카톡공유 같은 기능을 적용하였습니다. 프론트 기능 구현 이외에도 페이지 간 쿼리 및 UI 재사용성을 충분히 고민하고 기획된 서비스에 적합한 GQL 비즈니스 로직을 만들기 위해 깃으로 코드 리뷰를 거치며 프로젝트를 진행했습니다. - 음원 별 크롤링 데이터에 대하여 기획 및 디자인에 맞는 커스텀 그래프를 구현하였습니다. chart.js 라이브러리를 활용 하였고 이를 컴포넌트화 하여 수치 혹은 단위에 따라 툴팁이 변하고, 마우스 이벤트에 반응하는 canvas 재구성 등이 필요해 해당 버전에 맞는 추가 플러그인을 적용하며 구현했습니다. - 해당 서비스는 배포 방식에 Docker(docker-compose) 활용하였는데 (ec2) QA 를 위한 별도의 컨테이너를 올리고 관리하며 QA 팀과 소통하는 역할을 담당했습니다. - Flutter 를 활용하여 크로스 플랫폼 어플을 개발했습니다. bloc-pattern 구조를 채택하여 프로필, 구매, 입출금 등의 서비스 별 모듈을 만들고 비즈니스 로직과 UI 를 분리하여 코드 가독성을 높이고 추가 업데이트가 용이하게 구성했습니다. ◎ Aprobit 거래소 운영 사이트 유지, 보수 • 개요 - 링크: https://www.aprobit.com • 담당업무 - 주로 오픈프로젝트(Open Project) 협업 시스템을 활용하여 QA 를 전달받으며 UI 를 수정하거나 Redux-saga 모듈을 보완하거나 액션을 추가하며 작업했습니다 - 신규 정책 도입으로 인해 서비스의 전반적인 리뉴얼 프로젝트가 진행될때 프론트 업무 전반에 투입되었습니다. 정책을 검토 하면서 기획이 수시로 바뀌었는데 이에 대비하기 위해서 기획 및 디자인과 개발팀의 실무적인 소통과 진행상황을 지속적으로 공유하도록 주도했습니다. - 해당 서비스의 어플이 React 반응형 스타일을 기반으로 한 하이브리드 구조인데 웹에서만 가능했던 휴대폰 및 신분증 인증 서비스를 모바일로도 가능하게끔 구현하는 작업을 하였습니다. Flutter 웹뷰를 활용하여 권한 설정 및 라우팅 url 에 따른 외부 브라우저 오픈 등의 이슈를 다루어 어플을 업데이트 했습니다.

更多

- 기술 스택 학습 html, css, javascript 기초부터 시작해서 React 기반으로 클래스형 컴포넌트 및 함수형 컴포넌트, scss, styled-components, redux, hooks 까지 심화적인 기능까지 익혔습니다. 더불어 배웠던 내용을 활용하여 웹사이트 개발 팀프로젝트를 진행하여 실습 및 협업을 경험했습니다.

更多