안녕하세요,
프론트엔드 개발자
송진경입니다.

핵심 역량

유연하게 소통하고 견고하게 개발합니다.

• 

  모던 프론트엔드 개발

  React.js를 이용한 프론트엔드 개발경험이 있으며, Javascript(ES6), typescript에 능숙합니다. Next.js와 더불어 핵심적인 React library 활용 경험이 있습니다.

• 

  웹사이트 개선 및 최적화

  웹사이트를 개발하고 유지보수하면서, 웹사이트의 성능을 측정하고 개선했습니다.
  또, 검색엔진 최적화 작업을 통해 유입 트래픽을 6개월간 25.6% 증가시킨 경험이 있습니다.

• 

  커뮤니케이션 및 협업

  Github 이용한 협업 경험이 있으며, Jira, Slack, Notion 등의 협업 도구 사용 경험도 있습니다.
  기획, 디자인, 총무 등 다양한 직무 경험을 기반으로 다른 직군과 원활한 커뮤니케이션이 가능합니다.

기술 스택 및 도구

아래의 기술을 사용할 수 있습니다.

Javascript

React.js

Next.js

typescript

Zustand

Styled-components

tailwind css

Antd

Chakra-UI

Jest

React-testing-library

Storybook

GraphQL

Tanstack-query

React-hook-form

Redux

Sass

Webpack

pnpm workspace

Vercel deploy

AWS Amplify

Github, Github workflow

Vite

XD

Photoshop

Illustrator

Premiere Pro

Figma

C

경력 사항

다양한 업무와 프로젝트를 통해
경험과 노하우를 쌓고 있습니다.

프로젝트 상세

주요 프로젝트의 세부 사항을 확인해보세요

Next.js 기반 웹사이트
개발 및 유지보수

코드스테이츠 홈페이지 유지보수 및 리뉴얼 업무.
5 명의 프론트엔드 개발자와 협업.

• 

  React.js

• 

  typescript

• 

  Next.js

• 

  Styled-components

• 

  Storybook

Next.js App router 활용하여
웹사이트 개발

나의 포트폴리오 사이트 제작 프로젝트
데이터를 분리하여 관리하며 빌드 시점에 렌더링하는 SSG 웹 제작

• 

  React.js

• 

  typescript

• 

  Next.js

• 

  tailwind css

• 

  Figma

선언적 Toast 컴포넌트 만들기

코드스테이츠 디자인 시스템 프로젝트 참여
Toast 컴포넌트 외에 Icon, Accordion 등 여러 공용 컴포넌트 개발

• 

  React.js

• 

  typescript

• 

  Next.js

• 

  Zustand

• 

  Styled-components

• 

  Storybook

웹사이트 성능 최적화

코드스테이츠 홈페이지 성능 최적화 작업.
성능 최적화 사내 스터디 진행 후, 학습 내용을 적용

• 

  React.js

• 

  Javascript

• 

  Next.js

블로그 개발 및
검색엔진 최적화

코드스테이츠 공식 블로그 제작 프로젝트.
기존에 운영되던 Wordpress 블로그의 데이터를 api로 가져와 연결

• 

  React.js

• 

  typescript

• 

  Next.js

• 

  Styled-components

로그인 상태 관리 개발
유효성 검사 테스트 작성

코드스테이츠 통합 로그인 개발 프로젝트.
통합 로그인 상태 관리와 마이페이지 개발 담당

• 

  React.js

• 

  typescript

• 

  Next.js

• 

  Zustand

• 

  Styled-components

• 

  Jest

• 

  React-testing-library

• 

  Storybook

• 

  Tanstack-query

• 

  React-hook-form

더 보기

블로그

자세한 문제해결 과정은
블로그에서 확인할 수 있습니다.

[TypeScript] openapi codegen에서 optional 삭제하기

2024.01.10

자세히 보기

[Ant Design] token을 이용하여 컴포넌트 padding을 변경하기

2023.11.06

자세히 보기

msw 에러 해결 "TypeError: Failed to execute 'text' on 'Response': body stream already read"

2023.07.25

자세히 보기

교육 및 어학