채용공고 올리기

프론트엔드 신입개발자 전승규입니다님을 응원해보세요!

지금 만족하고 있어요

미리보기

기본 정보

이름
프론트엔드 신입개발자 전승규입니다
직업
프론트엔드 개발자
이메일
kyu3638@gmail.com
간단 소개

안녕하세요 신입 프론트엔드 개발자 전승규입니다. 과거 경제단체에서 근무하며 기업 고객의 불편을 해결하는 업무를 수행했습니다. 그 과정에서 기업의 입장에서 능동적으로 고민하고 불편을 예방 및 해결하는 과정에서 보람을 느낄 수 있었습니다. 이러한 성향처럼 저는 개발자로서 프로젝트를 수행하면서도 사용자 경험에 대해 깊게 고민하고, 해결하는 것에 중점을 두고 있습니다. 코드-숲 프로젝트를 수행하며 사용자에게 즉각적인 반응을 제공하기 위해 Optimistic Update 구현을 통해 사용자 경험을 개선할 수 있었습니다. 앞으로도 저는 사용자 경험에 대한 고민을 바탕으로 기술적 문제를 풀어가는 프론트엔드 개발자로 성장하고자 합니다.

기술 스택

기술 스택

JavaScript, TypeScript, React, react-query, GitHub, github-actions

경력

회사명

김포상공회의소

직급 | 부서 | 근무 유형

대리(비개발) | 총무기획부

근무 기간

2017.12. ~ 2023.03. (5년 4개월)

담당 업무

기업 지원 프로젝트 수행

  • 중소기업 지원을 위한 다양한 기관과 협업
    • 지자체 행정부서, 시의회 등 유관기관과 협업하며 프로젝트 수행
  • 프로젝트 기획부터 운영까지 경험
  • 회원사 매출액 증가 등 성과

프로젝트

프로젝트명

코드숲

소속/기관명

개인

프로젝트 기간

2024.02. ~ 2024.02.

프로젝트 내용

프로젝트 개요

  • 개발자들이 의견을 나누고 토론할 수 있는 커뮤니티 코드숲
  • 1인 개발 및 유지보수
  • Firebase를 활용한 서버리스 아키텍처를 적용, 풀스택으로 구현
  • 회원가입, 유저 및 게시글 CRUD 기능 구현
  • 서비스페이지 (ID : readme@test.com, PW : password!@)
  • Github
  • Blog

구현사항

  • ProtectedRoute를 통해 권한별 페이지 접근 인가 관리
  • Tanstack Query를 통한 서버 상태관리
    • useQuery, useMutation 등 훅을 활용한 커스텀 훅 사용을 통해 코드 재사용성 및 유지보수성 향상
  • Tanstack Query를 활용한 Optimistic Update 구현으로 사용자에게 즉각적인 반응 제공
  • React-Helmet을 통해 페이지별 meta tag 동적 설정하여 SEO개선
  • Github Action을 이용한 배포 자동화(CI/CD) 구축

최적화

  • Vite-Bundle-Analyzer, 네트워크 탭, Lighthouse를 활용하여 LCP 및 빌드 소요시간 등 측정과 분석
  • 코드 스플리팅을 통해 빌드 소요시간, FCP, LCP 등 성능 평균 30%이상 향상
  • 사용자가 등록한 이미지를 용도에 맞게 3가지 사이즈로 Resize 후 저장하여 사용함으로써 이미지 로드 시간 감소로 사용성 향상

Skills

Typescript, React, TailwindCSS, Tanstack Query, Context API, Firebase, Github, AWS S3・CloudFront・Route53

프로젝트명

홈술포차

소속/기관명

크래프톤 정글

프로젝트 기간

2023.07. ~ 2023.08.

프로젝트 내용

프로젝트 개요

  • 집에서 편하게 친구들과의 술자리를 제공하는 영상통화 서비스
  • 시연영상
  • Github

구현사항

  • 다자간 영상통화로 비대면으로 술자리를 가질 수 있습니다.
  • 대화 보조 기능과 미니게임을 통해 대화에 재미를 더해줍니다.
  • 음성 인식과 동작 인식을 통해 마우스, 키보드 사용을 줄여 손쉽게 이용할 수 있습니다.

트러블슈팅 : 클라이언트 간 게임 시간 동기화 문제

  • 문제상황
    • 개별 클라이언트의 성능 차이와 네트워크 상황에 따라 게임 시작 타이밍이 일치하지 않는 문제 발생
  • 해결과정
    • 개별 클라이언트가 아닌 서버를 중심으로 시작과 종료 신호를 전달하여 동기화
    • [1단계] 각 클라이언트가 게임 화면으로 이동하여 준비가 완료되면 신호를 서버로 전송
    • [2단계] 모든 유저가 준비 완료되면 서버를 통해 게임 시작 신호 전송

Skills

JavaScript, React, NestJS, Amazon EC2, Amazon Aurora, NGINX, OpenVidu, MediaPipe, WebSpeech API, Github

교육

소속/기관명

크래프톤 정글

종류 | 전공

사설 교육 | 자료구조/알고리즘, CS 등

재학 기간 | 재학 상태

2023.04. ~ 2023.08. | 졸업

소속/기관명

중앙대학교

종류 | 전공

대학교(학사) | 경제학

재학 기간 | 재학 상태

2009.03. ~ 2018.02. | 졸업

댓글