Skip to content

우리는 지구에서 제일 쎈 탐라주메이커 >> 제주도좋네

Notifications You must be signed in to change notification settings

TamraZu/TamlaJu-Front

Repository files navigation

🍊 TamraJu

image

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

탐라주 서비스 바로가기

☁️ Goormton - Group 5

구름톤 우수상 수상!

구름톤 5팀 사진

팀원 소개

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

🛠 Used Stacks

Front-end 기술 스택

🔧 TypeScript, React, Kakao Map SDK, React-Query, Axios, EmotionJS, Recoil

  • 세부 내용

    react logo

    TypeScript, React

    • TypeScript는 자바스크립트의 상위 집합 언어로, 정적 타입 검사를 수행하여 발생할 수 있는 에러를 사전에 방지합니다.

    • ReactTypeScript와 함께 사용하면 타입스크립트를 사용해 정적 타입 검사를 할 수 있으므로 코드 안정성과 가독성을 높일 수 있어서 사용했어요.


    kakao map sdk logo

    Kakao Map SDK

    • 제주 전통주를 제조하는 양조장의 위치를 효과적으로 전달하기 위해 Kakao 지도 API를 활용해 양조장의 위치정보를 시각적으로 전달했어요.

    react query icon

    React-Query, Axios

    • React-query는 API 요청을 캐싱하여 성능을 향상시킵니다. 또한 컴포넌트 내부에서 직관적으로 통신을 하고 관련 로직을 모아주기 때문에 빠르고 유지보수성 좋은 코드를 효과적으로 사용할 수 있어요.

    • 빠른 시간안에 프로젝트를 완성해야하는 프로젝트 상 Axios의 간편한 HTTP 비동기 통신 기능을 사용했어요.

    • 두 라이브러리를 함께 사용하여 API 요청과 응답을 관리하고, 이를 활용하여 웹 애플리케이션을 개발할 수 있습니다.


    emotion logo image

    EmotionJS

    • CSS-in-JS 형식으로 스타일을 지정할 수 있는 라이브러리입니다.

    • CSS 클래스 이름 충돌 등의 문제를 예방할 수 있으며, 분리한 컴포넌트를 빠르게 스타일링하고 유지보수 할 수 있어요.

    recoil logo image

    Recoil

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

🏗 System Architecture

image

About

우리는 지구에서 제일 쎈 탐라주메이커 >> 제주도좋네

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published