이번 포스트는 React를 시작하는 법에 대해서 작성해보려고 한다. 먼저 Node.js를 설치해야 한다. 다운로드VSCode를 열고 터미널에 npx create-react-app "파일 이름" 입력!!설치가 완료되면 해당 파일로 들어간 후 터미널에 npm start 입
이번 포스트는 React의 컴포넌트에 대해서 작성해보려고 한다. 리액트로 만들어진 앱을 이루는 최소한의 단위이다.컴포넌트는 재사용을 할 수있다.컴포넌트는 데이터(props)를 입력받아 View(state) 상태에 따라 DOM Node를 출력하는 함수이다.컴포넌트 이름은
이번 포스트는 저번 포스트에 이어서 React 컴포넌트의 props에 대해서 작성해보려고 한다.props 는 properties 의 줄임말이다. 우리가 어떠한 값을 컴포넌트에게 전달해줘야 할 때, props 를 사용한다.지난 포스트에서 상자를 만들었을 때 상자안의 내용
이번 포스트는 React의 Hook 중 하나인 useState에 대해서 작성해보려고 한다.state는 컴포넌트 내에서 지속적으로 변경이 일어나는 값을 관리하기 위해 사용한다.개발자가 의도한 동작에 의해 변할 수도 있고 사용자의 입력에 따라 새로운 값으로 변경될 수도 있
이번 포스트는 React의 Hook 중 하나인 useEffect에 대해서 작성해보려고 한다.useEffect는 React의 Hook 중 하나로 컴포넌트가 렌더링 될 때 특정 작업을 실행할 수 있도록 하는 Hook이다.컴포넌트가 처음 렌더링 될 때 한 번, 특정 값이 변
이번 포스트는 React의 Hook 중 하나인 useRef에 대해서 작성해보려고 한다.useRef는 변수 관리 또는 DOM요소에 접근하기 위해 사용되는 React Hook이다. 여기서 Ref는 reference, 즉 참조를 뜻한다.바닐라 자바스크립트를 사용 할 때, 우
이번 포스트는 React의 Context API에 대해서 작성해보려고 한다. Context-API는 컴포넌트 트리에서 속성을 전달하지 않고 필요한 데이터를 컴포넌트에 전달하는 방법을 제공하는 API다.기존에는 부모 컴포넌트에서 상태와 상태를 변경하는 함수를 만들고 속성