📞 010-3950-0548

 **🏠 경기도 오산시 원동**

📧 [email protected]


Skill Set

React

JavaScript

Typescript

Vue.js

Link address

[Github](https://dkswnsvy.notion.site/Github-9e89c29bc5474a048ba010536263a685)

[Velog](https://dkswnsvy.notion.site/Velog-9c7eef0c223745d089acfecabf88028a)

✳️ 개발자 이력

👨‍💻 프론트엔드 교육과정

2023.10.04 ~ 2024.02.08

내일배움캠프 (React 개발자 육성과정)

👨‍💻 백엔드 교육과정

2022.10.29 ~ 2023.04.15

성남그린컴퓨터아카데미(Java 개발자 육성과정)

About Me

Project List

프로젝트 세부 사항

🧾 메인 프로젝트 소개

🙋‍♂️ 메인 프로젝트 유튜브 영상

오늘의 게임

스크린샷 2024-02-07 204048.png

스크린샷 2024-01-31 154733.png

스크린샷 2024-02-29 124913.png

📢 프로젝트 개요

기간: 24. 01. 04 - 24. 02. 08

💡 주요 기능

  1. 스팀API 기반, 장르별 다양한 게임, 및 신작 제공
  2. 유저들이 자유롭게 소통할 수 있는 커뮤니티 공간 제공
  3. 궁금한 게임에 대한 게임정보,게임설명, 컨텐츠,연관게임 정보 제공
  4. 좋아요,내가 찜한 찜목록,내가쓴글, 내 정보 변경 기능

https://www.youtube.com/watch?v=71eQN-Y73cI

✳️ 나의 프로젝트 개선 사항

게시판 삭제 렌더링 이슈 개선 및 불필요한 렌더링 감소

문제 게시물 삭제 ⇒ 데이터는 삭제되지만 리렌더링 안되는 이슈 발생
기술적 의사결정 삭제할 시 쿼리를 무효화하여 데이터 최신화 ⇒ 불필요한 렌더링 감소
해결 해당 쿼리의 캐시 무효화를 통한 렌더링 이슈 해결

https://github.com/final-project-09a/todaygames/pull/121

타입스크립트 파일 한 곳에서 관리하여 코드 가독성 ,유지보수성 개선

문제 타입스크립트 타입선언으로 인한 코드 가독성 문제
기술적 의사결정 컬럼 증가에 따른 타입관리 판단 ⇒ 타입 한 곳에서 선언 ⇒ import,export 사용
결과 가독성 증가, 컬럼 증가에 따른 유지 보수성 증대

https://github.com/final-project-09a/todaygames/pull/5

게시판 인기순,최신순,검색기능 최적화에 맞춰 구현

목적 인기순 최신순 Supabase 라이브러리에서 필터링 후 인기순(좋아요 순 정렬), 최신순(날짜 별 정렬) 구현.
시도 데이터 컷팅 ⇒ 무한스크롤 활용 ⇒ 필터링된 데이터 적용
결과 사용자스크롤 ⇒ 게시물 5개씩 렌더링 ⇒ 사용자 경험 향상

https://github.com/final-project-09a/todaygames/pull/113