DEV

여기를 눌러보세요!

Be positive and Authenticity! 

Experience

  • Front-End Engineer 

    @opstech
    2022.03-2024.08 | Remote work

    • 리버스쿨(정보 보안 플랫폼) | 22.03-24.08

      • 서비스의 초기 개발 단계부터 참여하여 웹사이트, 백오피스 화면 개발 및 반응형 작업, 로깅(sentry) 등 서비스 전반에 기여하였습니다.

      • QA에서, 다중 탭을 사용할 때 사용자 간의 정보가 공유되지 않는 문제를 발견하였고 BroadcastChannel과 visibilitychange 이벤트를 활용하여 다중탭에서 사용자 정보를 동기화하는 기능을 구현하여 이슈를 해결 해 본 경험이 있습니다.

      • lazy-loading 및 preload를 도입하여 랜딩페이지의 FCP 속도를 2.3초에서 1.0초로 개선, Lighthouse 점수를 59점에서 89점으로 30% 개선한 경험이 있습니다.

      • 프로젝트 배포 시간을 단축하기 위해 swc를 도입하여 133초 걸렸던 배포시간을 90초로 약 33%의 빌드 속도를 단축한 경험이 있습니다.

    • 지능형 CCTV 성능 평가 시스템 구축 및 고도화 | 23.06-12, 24.04-07

      • KISA 지능형 CCTV 성능 평가 시스템을 기존에 CS(Client & Server) 프로그램에서 웹으로 변경하는 프로젝트

      • 사용자, 백오피스 화면 구현

      • 서비스 안정성 강화를 위해 주도적으로 E2E테스트를 도입했습니다.

      • 배포 시간을 단축하기 위해 Docker Image 사이즈를 2GB에서 1.2GB로 40%로 감소시킨 경험이 있습니다.

  • Software Engineer 

    @prefix
    2021.08-2022.03 | 교보문고 파견

    • 교보문고 동영상 관리 시스템(Saas)

      • 백오피스 화면 개발

Projects

같이 달램(코드잇 프론트엔드 단기심화 3기 프로젝트) 프로젝트 이미지
같이 달램(코드잇 프론트엔드 단기심화 3기 프로젝트)

유저가 바쁜 일상 속 휴식을 위한 다양한 모임을 탐색하고 참여하며, 직접 모임을 개설하고 리뷰를 생성할 수 있는 서비스입니다.

React
Next.js
TypeScript
Tailwind CSS
TanStack Query
zustand
axios
Jest
Playwright
리버스쿨(정보보안 교육 플랫폼) 프로젝트 이미지
리버스쿨(정보보안 교육 플랫폼)

리버싱, 버그헌팅, 인공지능 등 정보보안 분야의 모든 기술을 학습할 수 있는 곳. 실무에 바로 활용 가능한 기술들을 누구나 이해할 수 있도록 고민하고 연구합니다

React
TypeScript
styled-components
Redux
Redux-saga
axios
같이 달램(코드잇 프론트엔드 단기심화 3기 프로젝트) 프로젝트 이미지
같이 달램(코드잇 프론트엔드 단기심화 3기 프로젝트)

유저가 바쁜 일상 속 휴식을 위한 다양한 모임을 탐색하고 참여하며, 직접 모임을 개설하고 리뷰를 생성할 수 있는 서비스입니다.

React
Next.js
TypeScript
Tailwind CSS
TanStack Query
zustand
axios
Jest
Playwright
리버스쿨(정보보안 교육 플랫폼) 프로젝트 이미지
리버스쿨(정보보안 교육 플랫폼)

리버싱, 버그헌팅, 인공지능 등 정보보안 분야의 모든 기술을 학습할 수 있는 곳. 실무에 바로 활용 가능한 기술들을 누구나 이해할 수 있도록 고민하고 연구합니다

React
TypeScript
styled-components
Redux
Redux-saga
axios

Education

  • 코드잇 스프린트 - 프론트엔드 단기심화 3기

    2024.08-2023.10 | (주)코드잇

    같은 프론트엔드 팀원들과의 협업 경험 및 팀장을 맡아 프로젝트를 리드하는 경험을 하였습니다.

  • 메가테라 - 프론트엔드 생존코스 3기

    2023.04-2023.07 | (주)시드웨일

    React 핵심 개념, Test, 상태 관리 등등 프론트엔드 핵심 기술에 대해서 학습하였습니다.

  • 구공팩토리 - 부트캠프

    2021.02-2021.05 | (주)흥미랩

    90일 간의 코딩 프로젝트 프로그램(프론트엔드 과정)

  • 스파르타 코딩클럽

    2020.12-2021.02 | 팀스파르타(주)

    온라인 개발 교육 플랫폼(웹개발 기본교육 수료)

Skills

WEB

HTML

CSS

TailwindCSS

styled-components

JavaScript

TypeScript

React

NextJS

jest-icon

Jest

playwright-logo

Playwright

tanstack-query-icon

TanStack Query

GitHub