state가 업데이트될 때 마다 렌더링이 새롭게 된다고 했는데 만약 아래와 같이 컴포넌트가 맨 처음 렌더링될 때 state를 업데이트하는 상황이면 어떻게 될까요?

React의 컴포넌트에서 관리하는 데이터로 크게 Props 와 State 가 있다. 이 둘은 컴포넌트에서 데이터를 관리할 때 사용하는 개념으로 굉장히 중요하므로 꼭 알고 있어야 한다.

React 프로젝트를 처음 만들었을 때 보이는 index.html 파일. 태그 안에 아무 것도 없다.

React의 핵심 개념은 바로 Component(컴포넌트)이다. 컴포넌트는 UI를 표현하는 요소로 React에서 정말 많이 사용된다. UI 요소들을 잘개 쪼개서 컴포넌트로 만들고 페이지에서 컴포넌트를 합치는 개념이라고 보면 된다.취미 공유 플랫폼, 클래스 101 웹도

프로젝트 폴더(grab-market-web)를 하나 만든 후 VSCode에서 해당 폴더를 열어준다.react 프로젝트를 손쉽게 만들어주는 도구 create-react-app 을 설치해준다. 이는 npm을 통해서 관리되는 패키지다. 터미널을 여는 단축키는 ctrl + j

처음에 javascript는 브라우저에서만 실행되는 언어였습니다. javascript를 읽고 실행시키기 위해 브러우저들은 서로 다른 엔진(코드 인터프리터)을 가지고 있습니다. 점점 javascript가 널리 사용되면서 '웹 개발 말고 다른 곳에서도 사용할 수 있지 않

웹을 만들기 위해선 HTML, CSS, JS를 이용해야 합니다. 보통 아래와 같이 페이지 별로 코드를 짜게 되죠.그러나 점점 웹이 복잡해 지면서 더 많은 html, Javascript가 들어가게 됩니다. 점점 하나의 html 파일에 수많은 Javascript 라이브러리

변수 선언 : let, const비동기 처리 : PromiseES6 문법을 사용하면 실제로 더 편하게 코딩을 할 수 있습니다. 대부분의 메이져 브라우저, Node.js 서버 개발 등 다양한 분야에서 ES6 문법을 채택하고 있어요. 일반적으로 string 자료형을 조합

Promis는 비동기처리를 수행할 콜백 함수를 인수로 전달 받고resolve, reject 두 함수를 인수로 전달 받는다..then : 비동기 처리가 성공했을 때 호출.catch : 비동기 처리가 실패 했을때 호출.finally : 성공,실패 여부 없이 무조건 한 번

파라미터로 함수를 전달하는 함수콜백함수란 파라미터로 함수를 전달받아, 함수의 내부에서 실행하는 함수이다.콜백함수는 이미 우리의 코드 속에서 자주 사용되고 있다.예를 들어, forEach 함수의 경우 함수 안에 익명의 함수를 넣어서 forEach 문을 동작시킨다.

일반 텍스트 기반의 경량 마크업 언어다. 일반 텍스트로 서식이 있는 문서를 작성하는 데 사용되며, 일반 마크업 언어에 비해 문법이 쉽고 간단한 것이 특징이다. HTML과 리치 텍스트(RTF) 등 서식 문서로 쉽게 변환되기 때문에 응용 소프트웨어와 함께 배포되는 READ