React

React를 처음 시작할때 CRA없이 시작한다면 시간을 지체할 수 밖에 없다. 또, 이미 React를 활용하고 있는 사람에게도 새로운 Project를 시작할때 CRA는 정말 효율적이다. CRA란 Create-React-App의 약자로 React 공식웹에서 제공한다.

CRA로 React App폴더를 만들었다면 진짜 React 코딩을 시작해야 한다. 처음 React App폴더를 만났을때 어떤파일을 건드려야 하는지, 내가 어떤 파일에 코딩을 해야하는지 몰라서 당황했다.

우리가 많이 사용하는 WebSite Naver, Instagram에는 서로 다른 차이점이 있다.위 Gif를 보다보면 느낄 수 있는데 Naver의 경우 제공하는 다른 서비스를 선택하면 웹이 새로고침 되며 주소가 바뀌고모든 내용들이 랜더링 된다.하지만 Instagram의

useState는 React를 사용함에 있어 매우 중요한 Hook이다. 여기서 Hook이란 아주 쉽게 React에서 사용할 수 있는 추가기능이라고 할 수 있다. 그럼 useState는 왜 쓰는것이며 기능이 무엇인지 살펴보자. 이렇게 string이라는 변수가 있다고

React를 사용할때 Components를 나누고 서로 다른 Components File에서 작업을 하면 서로의 값이 필요할 순간이 항상 있다. 이때 React에서는 props를 이용해서 값을 주고 받는데, props에 대해서 공부해보자.

useEffect도 React 작업을 할때 자주 사용하는 Hook이다.useEffect의 기능은 내가 원할때 동작, 기능을 실행 할 수 있게 하는 것이다.그럼 어떨때 사용할 수 있는지, 어떻게 사용하는지 살펴보자.이 처럼 작성하면 Component가 mount된 최초에

취업 후 열심히 배우고 일하느라 오랜만에 글을 쓴다.회사생활이 너무 재미있어서 시간을 녹여버리고 있다.어쨋든오늘은 React와 찰떡궁합 React-redux를 알아보자.기존의 props를 과다 사용해서 프로젝트를 만들다보면여러 컴포넌트가 쌓이고 쌓일수록 굉장히 복잡해지