내 손안에 탐나는 제주 전통주 도감, 탐라주
| 프론트 개발 | 프론트 개발 | 백엔드 개발 |
|---|---|---|
 |
 |
 |
| 신희상 | 박재현 | 김소현 |
| 기획 | 디자인 | |
 |
 |
|
| 한수아 | 이설희 |
🔧 TypeScript, React, Kakao Map SDK, React-Query, Axios, EmotionJS, Recoil
-
TypeScript, React
-
TypeScript는 자바스크립트의 상위 집합 언어로, 정적 타입 검사를 수행하여 발생할 수 있는 에러를 사전에 방지합니다.
-
React를 TypeScript와 함께 사용하면 타입스크립트를 사용해 정적 타입 검사를 할 수 있으므로 코드 안정성과 가독성을 높일 수 있어서 사용했어요.
Kakao Map SDK
- 제주 전통주를 제조하는 양조장의 위치를 효과적으로 전달하기 위해 Kakao 지도 API를 활용해 양조장의 위치정보를 시각적으로 전달했어요.
React-Query, Axios
-
React-query는 API 요청을 캐싱하여 성능을 향상시킵니다. 또한 컴포넌트 내부에서 직관적으로 통신을 하고 관련 로직을 모아주기 때문에 빠르고 유지보수성 좋은 코드를 효과적으로 사용할 수 있어요.
-
빠른 시간안에 프로젝트를 완성해야하는 프로젝트 상 Axios의 간편한 HTTP 비동기 통신 기능을 사용했어요.
-
두 라이브러리를 함께 사용하여 API 요청과 응답을 관리하고, 이를 활용하여 웹 애플리케이션을 개발할 수 있습니다.
EmotionJS
-
CSS-in-JS 형식으로 스타일을 지정할 수 있는 라이브러리입니다.
-
CSS 클래스 이름 충돌 등의 문제를 예방할 수 있으며, 분리한 컴포넌트를 빠르게 스타일링하고 유지보수 할 수 있어요.
Recoil
- 전역으로 상태 관리를 간편하게 할 수 있도록 하고 상태 업데이트에 대한 성능 최적화를 지원해서 사용했어요.
-
