React

우리는 웹쇼핑이나 웹게임 등 웹페이지를 이용할 때 전체 홈페이지에서 서브페이지로 넘어 가는 페이지를 대부분 이용할 수 있다. 그러나 리액트는 SPA(싱글페이지애플리케이션)이다. 그러면 리액트로 만든 홈페이지에서 서브페이지로 넘어갈 수 있게 만들려면 어떻게 해야 할까?

보통 오류가 나면 구글링을 해보았지만 단순 에러인거같아 영어를 번역해 보니 프로젝트 폴더명에 영어 대문자 혹은 특수기호를 쓰지말라는 경고였다. 내가 설정한 폴더이름은 "RockScissorsPaper"로 대문자가 섞여있어 생긴 오류인 것이다.

리액트프로젝트의 구조는 대략 이러하다. 부모인 App에서 자식 컴포넌트랑 단방향적으로 소통하는 피라미드 형식이다. 컴포넌트 C에 변화를 주려면 컴포넌트(자식들)사이에서는 소통을 못하기 때문에 결국은 App에서 A로, A에서 C로 state가 옮겨져야 한다. 그래서 복잡

먼저 redux는 동기적으로 state를 처리하는 라이브러리다.(액션을 던지면 대기없이 바로 발동!)미들웨어는 프레임워크가 요청을 받고 응답을 만드는 사이에 놓을 수 있는 코드이다. 리액트 프로젝트가 진행되고 있다고 가정하자. 보통 위의 그림처럼 흘러간다. 액션을 디스

redux-toolkit은 redux가 공식적으로 만든 라이브러리다.리덕스 저장소 구성의 복잡함리덕스를 아무런 라이브러리없이 작업을 수행하려면 많은 패키지를 추가해야했음리덕스에는 너무 많은 상용구 코드가 필요함위의 문제들을 해결하기 위해 리덕스 툴킷이 만들어졌다. 리

자바스크립트 확장문법이며 XML과 매우 비슷하게 생김📌 자바스크립트 문법은 아니며 작성된 코드는 브라우저에서 실행되기전에 코드가 번들링되는 과정에서 바벨을 사용하여 일반 자바스크립트 형태의 코드로 변환된다.JSX일반자스형태의 코드로 변환JSX내부에서 코드를 {}로 감