state state는 setState를 통해 데이터를 업데이트하고 컴포넌트를 리렌더링시킨다. 하지만 setState를 여러 번 쓴다고 바로 데이터가 업데이트되지는 않는다. state를 담은 함수가 끝나야 화면에 나타날 것이다. 따라서, 다음 코드는 count가 +

props컴포넌트를 2개로 나누면 코드의 연결이 끊어지게 된다.이를 props가 연결해주게 되며 props는 부모컴포넌트가 자식컴포넌트에 물려주는 것이다.props를 넘기게 되면 객체의 형태로 넘어가게 된다.또한, props는 여러개를 넘겨줄 수 있다.파라미터 부분에

container/presentationalcontainer/presenter는 소스코드를 자바스크립트(기능)과 JSX(UI)로 나누는 방법을 의미한다.import되어 불려가는 컴포넌트를 자식 컴포넌트라 하고import하여 불러오는 컴포넌트를 부모 컴포넌트라 한다.자식

타입스크립트란 타입스크립트는 자바스크립트의 타입을 강제시키는 언어이다. 자바스크립트는 자료형에 연연하지 않고 할당이 가능하기 때문에 문제가 발생할 수 있다. 이렇게 변수 옆에 콜론(:)을 붙이고 타입을 지정하면 된다.

filter 함수filter는 말그대로 배열의 원소를 필터링해주는 메서드이다.필터링 할 조건으로 배열이나 객체의 원소를 검사하여 조건에 맞는 원소들만 도출한다.map 함수map은 객체나 배열에 지정된 함수로 원소를 가공하여 처리하는 메서드이다.

라우팅이란서로 다른 네트워크를 연결하기 위한 경로를 만드는 것을 뜻한다.정적 라우팅(static routing)네트워크 관리자가 임의로 경로를 선택하여 수동으로 연결시키는 방법을 뜻한다.네트워크의 변화와 상관없이 항상 같은 경로를 유지한다.동적 라우팅(dynamic r

try-catch 는?try-catch는 예외처리를 위한 문법이다.기본적인 try-catch 구조try구문이 예외상황에 빠지면 catch구문으로 빠져 그 안의 문장을 실행시킨다.finally는 성공, 실패 상관없이 마지막에서 실행된다. 생략가능.try catch를 사용

동기와 비동기\-비동기 실행서버컴퓨터의 작업을 끝날 때까지 기다리지 않고 다음 작업을 진행하는 것을 말함.동기적 처리를 하지 않으면 데이터를 받지 못하고 에러가 뜨는 문제가 발생함.동시에 처리해도 상관 없는 작업을 수행할 때 빠르고 효율적으로 수행 가능함.\-동기 실행

API란 API는 Application Programming Interface(애플리케이션 프로그램 인터페이스)의 줄임말로 정의 및 프로토콜 집합을 사용하여 두 소프트웨어 구성 요소가 서로 통신할 수 있게 하는 메커니즘이다. API란 HTTP 요청을 Back-end

\-템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴이다.\-템플릿 리터럴은 표현식/문자열 삽입, 여러 줄 문자열, 문자열 형식화, 문자열 태깅 등 다양한 기능을 제공한다.\-템플릿 리터럴은 일반 자바스크립트 문자열로 처리/반환된다.\-작은 따옴표(')나 큰 따옴

모듈은 js파일 하나에 불과하다. 스크립트 하나는 모듈 하나.이런 모듈에 export와 import를 사용해서 다른 모듈을 불러와 파일의 내용을 공유시킬 수 있다.모듈 및 모듈 안의 함수나 객체를 다른 모듈에서도 이용할 수 있게 내보내는 것을 의미한다.export는 두

git config - -global user.name “Your name”전역 사용자명 구성git config - -global user.email “Your email address”전역 이메일 구성git config user.name “Your name”저장소 사

 \- JSX(JavaScript XML)는 Javascript에 XML을 추가한 확장한 문법이다. JSX는 리액트로 프로젝트를 개발할 때 사용되므로 공식적인 자바스크립트 문법은 아니다. 브라우저에서 실행하기 전에 바벨을 사용하여 일반 자바스크립트 형태의 코드로