목록2022/06/19 (3)
devops
상태라는 것으로 React를 설명할 수 있다고 해도 과언이 아니다. State란? 배고픔에 대한 상태가 적당함, 배고픔, 배부름을 인간의 허기 상태의 종류다. 이와같이 상태란 계속해서 변화하는 특정 상태며, 상태에 따라 다른 행동을 하게된다. React에 빗대어 설명하자면, 어떤 컴포넌트가 '상태'를 관리하게 된다. State 사용 실습 // Counter.js 코드 import React, {useState} from 'react'; const Counter = () => { //0에서 출발, 1씩 증가, 1씩 감소하는 Counter 상태 const [count, setCount] = useState(0); //setCount는 count상태를 변화시키는 역할, 0은 초기값 console.log("co..
JSX는 리액트에 컴포넌트를 만드는데 사용되는 문법이다. 스타일 설정하기 스타일 설정하기 (객체 사용)2 렌더하는 방법 1 랜더하는 방법2
ReactApp은 nodejs 기반의 웹서버 위에서 동작한다. 이미 세팅이 완료된 패키지를 Boiler Plate라고 한다. 쉽게 말해서, 서비스를 개발할 수 있는 빵 틀의 역할을 하는 패키지를 의미한다. npm install -g npx npx create-react-app [이름] * 위 명령어 실행 전에 npx, npm, nodejs가 설치되어 있는지 확인해야한다. 설치된 package.json 파일을 살펴보자. { "name": "reactexam1", "version": "0.1.0", "private": true, "dependencies": { //7개의 패키지가 설치됨. "@testing-library/jest-dom": "^5.16.4", "@testing-library/react": "..