🕵️‍♂️ About Me

Introduction

1️⃣ Props Drilling을 줄여 불필요한 리렌더링과 중복 API 요청을 방지해 성능을 개선합니다.

2️⃣ TanStack Query 캐싱으로 백엔드 부하를 줄이고 vCPU 메모리 사용을 안정화합니다.

3️⃣ Optimistic Update로 API 400ms를 기다리지 않고 보여줄 수 있는 좋은 UX를 지향합니다.

Contact & Blog

<aside> <img src="https://noticon-static.tammolo.com/dgggcrkxq/image/upload/v1566899596/noticon/slhw4nu8hybreryigopq.png" alt="https://noticon-static.tammolo.com/dgggcrkxq/image/upload/v1566899596/noticon/slhw4nu8hybreryigopq.png" width="40px" /> 깃 허브

</aside>

<aside> <img src="https://noticon-static.tammolo.com/dgggcrkxq/image/upload/v1605925693/noticon/ydfszdnubsd0eczqffwf.png" alt="https://noticon-static.tammolo.com/dgggcrkxq/image/upload/v1605925693/noticon/ydfszdnubsd0eczqffwf.png" width="40px" /> 기술 블로그

</aside>

<aside> 📧 [email protected]

</aside>

✏️ Certificate & Education

<aside> 🧾 Certificate

</aside>

<aside> 🎓 Education

</aside>

2023.09 : 정보처리산업기사

2022.12 : AWS Certified Solutions Architect - Associate

2022.10 : AWS Cloud Practioner (CLF-C01)

2020.06 : 네트워크 관리사 2급

2025.02 : 한국IT직업전문학교 - 컴퓨터 보안과 졸업 ( 3.4 / 4.5 )

22.05 ~ 22.08 : 항해 99 부트캠프 프론트엔드 수료 ****

⚔ Skills

<aside> <img src="https://noticon-static.tammolo.com/dgggcrkxq/image/upload/v1567008394/noticon/ohybolu4ensol1gzqas1.png" alt="https://noticon-static.tammolo.com/dgggcrkxq/image/upload/v1567008394/noticon/ohybolu4ensol1gzqas1.png" width="40px" />

JavaScript

</aside>

<aside> <img src="https://noticon-static.tammolo.com/dgggcrkxq/image/upload/v1566913457/noticon/eh4d0dnic4n1neth3fui.png" alt="https://noticon-static.tammolo.com/dgggcrkxq/image/upload/v1566913457/noticon/eh4d0dnic4n1neth3fui.png" width="40px" />

TypeScript

</aside>

<aside> <img src="https://noticon-static.tammolo.com/dgggcrkxq/image/upload/v1566557331/noticon/d5hqar2idkoefh6fjtpu.png" alt="https://noticon-static.tammolo.com/dgggcrkxq/image/upload/v1566557331/noticon/d5hqar2idkoefh6fjtpu.png" width="40px" />

React

</aside>

<aside> <img src="https://noticon-static.tammolo.com/dgggcrkxq/image/upload/v1631622784/noticon/zwush4y3u0mgamlck9bq.png" alt="https://noticon-static.tammolo.com/dgggcrkxq/image/upload/v1631622784/noticon/zwush4y3u0mgamlck9bq.png" width="40px" />

TanStack Query

</aside>

<aside> <img src="https://noticon-static.tammolo.com/dgggcrkxq/image/upload/v1641952185/noticon/a9qgcuhj0enmzobh68cf.png" alt="https://noticon-static.tammolo.com/dgggcrkxq/image/upload/v1641952185/noticon/a9qgcuhj0enmzobh68cf.png" width="40px" />

Recoil

</aside>

<aside> <img src="https://noticon-static.tammolo.com/dgggcrkxq/image/upload/v1566912109/noticon/puksfce6wca36hes1vom.png" alt="https://noticon-static.tammolo.com/dgggcrkxq/image/upload/v1566912109/noticon/puksfce6wca36hes1vom.png" width="40px" />

CSS

</aside>

<aside> <img src="https://noticon-static.tammolo.com/dgggcrkxq/image/upload/v1568851518/noticon/lwj3hr9v1yoheimtwc1w.png" alt="https://noticon-static.tammolo.com/dgggcrkxq/image/upload/v1568851518/noticon/lwj3hr9v1yoheimtwc1w.png" width="40px" />

Styled Components

</aside>

<aside> <img src="https://noticon-static.tammolo.com/dgggcrkxq/image/upload/v1593063747/noticon/v54j0lavn52l6ff61sga.png" alt="https://noticon-static.tammolo.com/dgggcrkxq/image/upload/v1593063747/noticon/v54j0lavn52l6ff61sga.png" width="40px" />

AWS

</aside>

<aside> <img src="https://noticon-static.tammolo.com/dgggcrkxq/image/upload/v1566913958/noticon/uoqjdixts4lwsgtsa1pd.png" alt="https://noticon-static.tammolo.com/dgggcrkxq/image/upload/v1566913958/noticon/uoqjdixts4lwsgtsa1pd.png" width="40px" />

Firebase

</aside>

<aside> <img src="https://noticon-static.tammolo.com/dgggcrkxq/image/upload/v1673248072/noticon/uj1sljza7nnsj0lpilwk.png" alt="https://noticon-static.tammolo.com/dgggcrkxq/image/upload/v1673248072/noticon/uj1sljza7nnsj0lpilwk.png" width="40px" />

Github Actions

</aside>

💻 First Projects

favicon.png

<aside> <img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/aa52548c-0157-46b5-b59b-0455b09b233a/396a0d0c-9eb4-4c7e-a54a-bb24e372f735/favicon.png" alt="https://prod-files-secure.s3.us-west-2.amazonaws.com/aa52548c-0157-46b5-b59b-0455b09b233a/396a0d0c-9eb4-4c7e-a54a-bb24e372f735/favicon.png" width="40px" /> 에코이코 바로가기

</aside>

<aside> <img src="https://noticon-static.tammolo.com/dgggcrkxq/image/upload/v1566899596/noticon/slhw4nu8hybreryigopq.png" alt="https://noticon-static.tammolo.com/dgggcrkxq/image/upload/v1566899596/noticon/slhw4nu8hybreryigopq.png" width="40px" /> 에코이코 깃허브

</aside>

사용 스킬

<aside> 환경 지식을 얻고 동물도 키우며 보상도 받는 환경 인식 개선 서비스 ( 팀 프로젝트 )

</aside>

image.png

  1. TanStack Query의 캐싱 기능을 이용하여 불필요한 네트워크 요청을 방지하고 78%의 단축된 속도로 응답 속도 향상

image.png

  1. 상점 아이템과 같이 사용자가 실시간으로 데이터를 확인할 필요가 없는 경우, staleTime을 길게 설정하여 재방문 시 해당 데이터를 불러오지 않도록 함
  2. TanStack Query의 refetch 기능을 사용하여 사용자가 다음 문제를 푸는 시점 (개발자 의도 시점)에 최신의 퀴즈 데이터가 올 수 있도록 로직 구성

image.png

  1. Axios를 사용했을 때 3가지의 상황에서의 상태 관리를 TanStack Query의 옵션을 통해 간소화
  2. 각 데이터들을 키로 관리하여 다른 컴포넌트에서의 재사용성을 높임

💻 Second Projects