[React] 좋은 Frontend Devloper가 되기 위한 정리

좋은 Frontend Developer로 성장해 나가기 이해 블로그에 공부한 개념들을 정리해 나갈 생각이다.

다음은 진행한 프로젝트 개요 및 기술 스택, 라이브러리에 대한 정리이다.

프로젝트를 진행할 수록 추가할 계획이다.

 

1. 1학기 SSAFY FINAL 관통 프로젝트 JIPSEE

[개요]

부동산 매물 소개 및 맞춤 매물 추천 서비스

 

[기술스택]

Vue

Vuex

TailwindCSS

 

2. 2학기 SSAFY 공통 프로젝트 PLAYGROUND

 

[개요]

운동(농구, 축구, 배드민턴 등)을 같이 하기를 원하는 사람들을 위한 운동 매칭 서비스

 

[주요 기술 스택]

"react": "^18.2.0",

"typescript": "^4.9.3",

"react-query": "^3.39.3",

"react-redux": "^8.0.5", "redux": "^4.2.0", "@reduxjs/toolkit": "^1.9.1",

"react-router-dom": "^6.7.0",

"firebase": "^9.17.1",

"tailwindcss": "^3.2.4",

"vite": "^4.0.0",

 

[라이브러리]

"moment": "^2.29.4",

"swiper": "^9.0.3"

"redux-persist": "^6.0.0",

"react-calendar": "^4.0.0",

"react-hook-geolocation": "^1.1.0",

"@types/navermaps": "^3.6.1",

"vite-plugin-mkcert": "^1.12.0"