안녕하세요 👋🏻
프론트엔드 개발자 양현종입니다
이론과 구현에 대해 호기심을 가지고 스스로 질문하며 개발합니다.
UI/UX를 개선하여 사용자 중심의 웹 경험을 제공하는데 관심이 있습니다.
복잡한 문제를 구조화하고 추상화해 단순하게 풀어내는 것을 좋아합니다.
팀의 성장이 곧 개인의 성장이라고 생각합니다. 사내 개발 문화를 개선하는것이 팀의 성장속도 상승과 연결된다고 믿습니다.
꼼꼼한 코드 작성과 정확한 커뮤니케이션을 바탕으로 비즈니스가 직면한 문제를 해결하고 디지털 경험을 높여왔습니다
현재 스타트업에서 3년차 프론트엔드 엔지니어로 일하고 있습니다. 개발만큼 중요한 것이 구성원과의 적극적인 대화라고 생각하기 때문에 좋은 커뮤니케이션에 대해 늘 고민합니다. 특히 비즈니스커뮤니케이션 상황에서 적확한 워딩과 적절한 비유를 사용해 업무 효율을 높이려 노력합니다.
Tech Stacks
Language
JavaScript
ES13
CSS
HTML
TypeScript
v5.
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
Peoples Health
2022 - 재직중
Squareknot
Freelancer 2023
PRONE
2021
Education
Dongguk Univ.
Sociology 2014 - 2021
Project Lion
The Origin : React 2022
Archive
(57)
Blog
첫 직장에서 권고사직을 받았다
Trouble Shooting
[Facebook chat] WebSocket으로 실시간 채팅 구현하기
[Facebook chat] React-Query에서 무한스크롤 페이지네이션 구현하기
[Facebook chat] React-Query 를 사용한 데이터 페칭 및 캐싱 전략
[Next.js] 블로그의 SEO : meta-tag
[Next.js] MUI Emotion FoUC 현상 해결하기
로컬 환경에서 HTTPS 인증서 사용하기
[Next.js] 블로그의 SEO : ISR + next-sitemap
[Next.js] ISR을 사용한 번역 데이터 로드
Browser
프로세스와 스레드(feat.Chrome)
브라우저에 URL을 입력하면 - Navigation
브라우저에 URL을 입력하면 - Render
Reflow & Repaint - 브라우저 렌더링 최적화
Next.js
Next.js에서 동적 경로 사이트맵 생성하기
Next.js의 기본 개념들
Next.js Data Fetching
Next.js 개념에 대한 짧은 문답
React
React 렌더링 최적화
Headless Component 패턴
React 렌더링과 Virtual DOM 패턴
React 불변성
React Hooks
JSX
Axios, AxiosInstance
Component 모듈화
React State 와 Props
React Key
React & JS 개념에 대한 문답
React fiber 이해해보기
Redux
React-Redux
Redux
Redux-saga
Common
라이브러리 선택시 고려할 점
프론트엔드 성능 측정과 최적화
JavaScript
JavaScript 변수(Variable)
조건부 삼항 연산자
전개연산자(Spread Operator)
구조분해할당
Generator function
JavaScript 타입(Types)
JavaScript와 ECMAScript
일급객체
표현식과 문
TypeScript
React에서 TypeScript 사용하기
Type 과 TypeScript
Git
Sementic Versioning
GitFlow
CSS
캐스캐이딩(Cascading)과 상속(Inheritance)
CSS란?
HTML
HTML이란?
웹사이트 제작시 고려사항들
SEO
SEO를 위한 효과적인 사이트맵 관리 방법
Network
브라우저에 URL을 입력하면 - 서버 처리 및 응답
브라우저에 URL을 입력하면 - HTTP 요청 전송
브라우저에 URL을 입력하면 - TCP
브라우저에 URL을 입력하면 - DNS
브라우저에 URL을 입력하면 - 개요 및 프로토콜 URL
Works
(13)
Personal
TypeGPT
GPT 3.5 기반의 웹 타이핑 연습 서비스
Team
FE 100
ToggleDoc
외국인 의료관광 환자 관리를 위한 CRM
Team
FE 100 BE 100
Gifcon.Biz
사업자를위한 기프티콘 대량 예약 발송 서비스
Personal
Yacht Dice - Reached 700 subscriber
PVP가 가능한 Yacht-Dice 웹게임
Personal
Dots for VisionPro
비전프로 사용자를 위한 초점 테스트 웹앱
Personal
Portfolio & Blog
Notion api 활용한 블로그 기능이 있는 포트폴리오
More
(8)
개발과 관련한 모든 컨택을 환영합니다.
ashy@kakao.com
GitHub
LinkdIn
About
Tech Stacks
Archive
Works
Contact
ashy(at)kakao.com
+82 10 3454 4488
ⓒ Hyeonjong 2024