Hello,
I'm Jin-kyeong Song,
a Frontend Developer.

Core Strengths

I communicate flexibly and build solidly.

• 

  Modern Frontend Development

  Experienced in frontend development with React.js, proficient in JavaScript (ES6) and TypeScript. Hands-on experience with Next.js and core React libraries.

• 

  Website Improvement & Optimization

  Measured and improved website performance through active development and maintenance.
  Applied SEO techniques to grow organic traffic by 25.6% over six months.

• 

  Communication & Collaboration

  Experienced in collaborative workflows using GitHub, and proficient with tools such as Jira, Slack, and Notion.
  Able to communicate effectively across disciplines, drawing on diverse experience in planning, design, and operations.

Tech Stack & Tools

I work with the technologies below.

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

Experience

Through diverse work and projects,
I keep building experience and know-how.

Project Details

Take a closer look at the details of my key projects.

Next.js Website
Development & Maintenance

Maintenance and renewal of the Codestates website.
Collaborated with 5 frontend engineers.

• 

  React.js

• 

  typescript

• 

  Next.js

• 

  Styled-components

• 

  Storybook

Portfolio Website Development
with Next.js App Router

Personal portfolio site built with a data-separated architecture,
rendered as a static site (SSG) at build time

• 

  Figma

• 

  React.js

• 

  typescript

• 

  Next.js

• 

  tailwind css

Building a Declarative Toast Component

Contributed to the Codestates design system project;
developed shared components including Toast, Icon, and Accordion

• 

  React.js

• 

  Next.js

• 

  typescript

• 

  Storybook

• 

  Styled-components

• 

  Zustand

Website Performance Optimization

Performance optimization work for the Codestates website.
Applied learnings from an internal performance study group

• 

  React.js

• 

  Next.js

• 

  Javascript

Blog Development &
Search Engine Optimization

Built the official Codestates blog.
Integrated data from an existing WordPress blog via API

• 

  React.js

• 

  Next.js

• 

  typescript

• 

  Styled-components

Login State Management
& Validation Testing

Unified login system development for Codestates.
Responsible for cross-product login state management and My Page development

• 

  React.js

• 

  Next.js

• 

  typescript

• 

  Tanstack-query

• 

  React-hook-form

• 

  Zustand

• 

  Styled-components

• 

  Jest

• 

  React-testing-library

• 

  Storybook

Show more

Blog

You can find detailed problem-solving
write-ups on my blog.

[TypeScript] Removing optional from openapi codegen

2024.01.10

Read more

[Ant Design] Customizing component padding with tokens

2023.11.06

Read more

Fixing msw error: "TypeError: Failed to execute 'text' on 'Response': body stream already read"

2023.07.25

Read more

Education & Language