react

넌 누구니 !? 들어만 봤던 친구인데내가 웹 개발자가 될려면 필수적으로 익혀야 할 기술인 것 같다.찾아본 자료 https://ko.legacy.reactjs.org/docs/getting-started.htmlhttps://codingapple.com

공식 문서https://ko.legacy.reactjs.org/docs/components-and-props.html리액트(React)에서 컴포넌트는 UI를 구성하는 독립적인 요소이다.각 컴포넌트는 자체적으로 상태(state)를 가지고 있고, 이를 통해 데이터

회원가입 https://openweathermap.org/회원가입을 진행하면 api 키가 기본적으로 발급된다.npx create-react-app weather-app : 프로젝트 생성하기 (npx create-react-app 앱이름)Happy hacking

앞 글이 길어져서 쪼갰다 헤해현재까지의 화면화씨보다는 습도 정보를 보여주는 게 나을 것 같아서습도 정보로 교체해주었다.날씨별 날씨 아이콘 나오게 도시 검색 기능 weathermap api에서 이미 해당 아이콘들을 제공해주고 있었다. 따봉날씨별 아이콘 확인 https&#

리액트는 spa(싱글 페이지 어플리케이션) 형태인데여러 웹페이지처럼 보이게 할 수 있는 방법이 있다.리액트 라우터라는 라이브러리를 활용하는 것 !이다.실습을 위해 리액트프로젝트를 생성한다.npx create-react-app router-example

리액트 애플리케이션의 상태 관리 라이브러리state(상태) : 컴포넌트 내부에서 관리되는 데이터리액트는 자식 컴포넌트들 간의 다이렉트 데이터 전달은 불가능 하다.자식 컴포넌트들 간의 데이터를 주고 받을 때는 상태를 관리하는 부모 컴포넌트를 통해서 주고 받는다.자식이

리덕스를 state 관리하기 위해 썼다면단점도 존재한다.리덕스 처리 과정은 동기적이라서 비동기 작업은 할 수 없음.ex) api 요청과 같은 기다려야 하는 작업들이러한 단점을 해결하려고 나온 게 리덕스 미들웨어라고 한다.미들웨어에서 만드는 함수에서 비동기 처리를 하게

redux toolkit이라는 친구는 찾아보니 어렵게 생각하지 말고기존 redux를 좀 더 편리하게 사용할 수 있게 나온 도구라고 생각하고 시작하면 좋을 것 같다고 생각했다.리덕스툴킷 설치npm install @reduxjs/toolkit기존에 설치했던 redux가 있

공식 문서 참고https://tanstack.com/query/latest현재 시점은 5버전 ! React Query는 React Application에서 서버 상태를 불러오고, 캐싱하며, 지속적으로 동기화하고 업데이트하는 작업을 도와주는 라이브러리이다.Rea