profile-image

안녕하세요 👋🏻
프론트엔드 개발자 양현종입니다

이론과 구현에 대해 호기심을 가지고 스스로 질문하며 개발합니다.
UI/UX를 개선하여 사용자 중심의 웹 경험을 제공하는데 관심이 있습니다.
복잡한 문제를 구조화하고 추상화해 단순하게 풀어내는 것을 좋아합니다.
팀의 성장이 곧 개인의 성장이라고 생각합니다. 사내 개발 문화를 개선하는것이 팀의 성장속도 상승과 연결된다고 믿습니다.

      꼼꼼한 코드 작성과 정확한 커뮤니케이션을 바탕으로 비즈니스가 직면한 문제를 해결하고 디지털 경험을 높여왔습니다

현재 게임사에서 4년차 프론트엔드 엔지니어로 일하고 있습니다. 개발만큼 중요한 것이 구성원과의 적극적인 대화라고 생각하기 때문에 좋은 커뮤니케이션에 대해 늘 고민합니다. 특히 비즈니스커뮤니케이션 상황에서 적확한 워딩과 적절한 비유를 사용해 업무 효율을 높이려 노력합니다.
profile-image

Tech Stacks

Language

JavaScript

ES13

TypeScript

v5.

HTML

CSS

SPA Framework

React

v17.

Next.js

v14.

Client State Management

React-redux

v9.

Zustand

v4.

Server State Management

React-query

v3

HTTP Client

Axios

v1.

Experience

Work Experience

Pearl Abyss

2024 - 재직중

Peoples Health

2022 - 2024

Squareknot

Freelancer 2023

PRONE

2021

Education

Dongguk Univ.

Sociology 2014 - 2021

Project Lion

The Origin : React 2022

Archive

(56)

Trouble Shooting

[Next.js] ISR을 사용한 번역 데이터 로드

[Next.js] 블로그의 SEO : ISR + next-sitemap

로컬 환경에서 HTTPS 인증서 사용하기

[Next.js] MUI Emotion FoUC 현상 해결하기

[Next.js] 블로그의 SEO : meta-tag

[Facebook chat] React-Query 를 사용한 데이터 페칭 및 캐싱 전략

[Facebook chat] React-Query에서 무한스크롤 페이지네이션 구현하기

[Facebook chat] WebSocket으로 실시간 채팅 구현하기

Next.js

Next.js의 기본 개념들

Next.js Data Fetching

Next.js 개념에 대한 짧은 문답

Next.js에서 동적 경로 사이트맵 생성하기

Browser

프로세스와 스레드(feat.Chrome)

브라우저에 URL을 입력하면 - Navigation

브라우저에 URL을 입력하면 - Render

Reflow & Repaint - 브라우저 렌더링 최적화

React

React Hooks

React 불변성

Component 모듈화

Axios, AxiosInstance

React State 와 Props

React & JS 개념에 대한 문답

React 렌더링과 Virtual DOM 패턴

Headless Component 패턴

React 렌더링 최적화

React fiber 이해해보기

JSX

JSX

React Key

Redux

React-Redux

Redux

Redux-saga

Common

프론트엔드 성능 측정과 최적화

라이브러리 선택시 고려할 점

JavaScript

조건부 삼항 연산자

구조분해할당

전개연산자(Spread Operator)

Generator function

JavaScript 타입(Types)

JavaScript와 ECMAScript

일급객체

표현식과 문

JavaScript 변수(Variable)

TypeScript

Type 과 TypeScript

React에서 TypeScript 사용하기

Git

Sementic Versioning

GitFlow

CSS

CSS란?

캐스캐이딩(Cascading)과 상속(Inheritance)

HTML

HTML이란?

웹사이트 제작시 고려사항들

SEO

SEO를 위한 효과적인 사이트맵 관리 방법

Network

브라우저에 URL을 입력하면 - 개요 및 프로토콜 URL

브라우저에 URL을 입력하면 - DNS

브라우저에 URL을 입력하면 - TCP

브라우저에 URL을 입력하면 - HTTP 요청 전송

브라우저에 URL을 입력하면 - 서버 처리 및 응답

Works

(13)
TypeGPT

Personal

TypeGPT

GPT 3.5 기반의 웹 타이핑 연습 서비스

Next.js

TypeScript

Amplitude

AI

MUI

ToggleDoc

Team

FE 100

ToggleDoc

외국인 의료관광 환자 관리를 위한 CRM

Next.js

React-redux

React-query

TypeScript

Amplitude

Gifcon.Biz

Team

FE 100 BE 100

Gifcon.Biz

사업자를위한 기프티콘 대량 예약 발송 서비스

Next.js

Firebase

TypeScript

React-redux

MUI

Yacht Dice - Reached 700 subscriber

Personal

Yacht Dice - Reached 700 subscriber

PVP가 가능한 Yacht-Dice 웹게임

React

Firebase

Amplitude

MUI

Dots for VisionPro

Personal

Dots for VisionPro

비전프로 사용자를 위한 초점 테스트 웹앱

Next.js

TypeScript

Netflix clone

Personal

Clone

Netflix clone

Netflix 클론 코딩

React

Firebase

More

(8)

GitHub

LinkdIn

Instagram

About

Tech Stacks

Archive

Works

Contact

ashy(at)kakao.com

+82 10 3454 4488

ⓒ Hyeonjong 2026