axios2

• 

  프로젝트 초기 세팅 (with yarn berry, vit, react, typescript, emotion...) 새로운 프로젝트를 시작하면서 내가 자신이 없었던 프로젝트 초기 세팅을 드디어!! 새롭게 경험할 수 있었다. 이번에는 반드시 초기세팅에 대한 두려움을 없애버리고 자신감있게 초기 세팅을 할 수 있도록 정리를 해보았다. 스택 TypeScript: 정적 타입 분석을 통한 안정적인 코드 작성을 위해 사용 React: 컴포넌트 기반 개발 및 SPA 구축을 위해 사용 emotion css: 컴포넌트 기반 스타일링을 위해 사용 Redux Toolkit : 복잡한 상태 관리를 위해 사용 PWA: 네이티브 앱과 같은 사용자 경험을 주기 위해 사용 Axios: 간결한 http 통신 코드 작성을 위해 사용 Framer Motion: 리액트 기반 애니메이션 라이브러리로, 서비스 내의 다양한 애니메이션 구현을 위해 사용 yarn.. 개발 2024. 1. 29.

• 

  서버통신하려면 ajax (axios) 서버에서 데이터 받을때 서버는 데이터를 달라고하면 주고 수정해달라고 하면 수정해주고 그냥 데이터 저장소이다. 데이터를 요청할 때는 그에맞는 규격에 맞춰서 요청을 해야한다. 1. 어떤 데이터인지 (URL 형식으로) 2. 어떤 방법으로 요청할지 (대부분 GET or POST 두가지 쓴다.) 데이터를 가져올 때는 보통 GET 고르면 되고 데이터를 서버로 보낼 때는 POST 고르면 된다. 더보기 요청 메소드 종류 GET : 리소스 조회 POST: 요청 데이터 처리, 주로 등록에 사용 PUT : 리소스를 대체(덮어쓰기), 해당 리소스가 없으면 생성 PATCH : 리소스 부분 변경 (PUT이 전체 변경, PATCH는 일부 변경) DELETE : 리소스 삭제 예를들어 post 요청을 보내고 싶다면 아래 코드처럼 쓰면.. 개발 2023. 8. 18.