🍊 TamraJu

내 손안에 탐나는 제주 전통주 도감, 탐라주

탐라주 서비스 바로가기

☁️ Goormton - Group 5

구름톤 우수상 수상!

팀원 소개

프론트 개발	프론트 개발	백엔드 개발
신희상	박재현	김소현
기획	디자인
한수아	이설희

🛠 Used Stacks

Front-end 기술 스택

🔧 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

  • 전역으로 상태 관리를 간편하게 할 수 있도록 하고 상태 업데이트에 대한 성능 최적화를 지원해서 사용했어요.

🏗 System Architecture