codecamp

템플릿 리터럴(Template literal)은 일반 문자열과 비슷해 보이지만, ‘ 또는 “ 같은 통상적인 따옴표 문자 대신 백틱(backtick) 문자 \`를 사용한다.템플릿 리터럴은 + 연산자를 사용하지 않아도 간단한 방법으로 새로운 문자열을 삽입할 수 있는 기능을

타입스크립트란 자바스크립트의 타입을 강제시키는 언어입니다. 기존의 자바스크립트에서는 변수에 문자열을 할당했다가 이후에 숫자열을 재할당해도 문제가 되지 않습니다. 하지만 타입스크립트에서는 변수의 자료형을 지정해주기 때문에 위와같이 재할당이 불가능합니다. 자바스크립트

State는 props처럼 App 컴포넌트의 렌더링 결과물에 영향을 주는 데이터를 갖고 있는 객체지만,props는 (함수 매개변수처럼) 컴포넌트에 전달되는 반면 state는 (함수 내에 선언된 변수처럼) 컴포넌트 안에서 관리된다는 차이가 있다.props를 사용했는데도

React render 할 때 특정 조건에 따른 동작을 하게 하는 것입니다.data는 동기적으로 받아와야 하는 데이터라 받아오는데는 시간이 걸립니다.하지만, 받아올때까지 기다려주지 않고 다음 코드로 넘어가게 됩니다. 따라서 data가 없을때 발생하는 오류를 방지하기 위

객체와 배열은 자바스크립트에서 가장 많이 쓰이는 자료 구조입니다.키를 가진 데이터 여러 개를 하나의 엔티티에 저장할 땐 객체를, 컬렉션에 데이터를 순서대로 저장할 땐 배열을 사용하죠.개발을 하다 보면 함수에 객체나 배열을 전달해야 하는 경우가 생기곤 합니다. 가끔은 객

state란 리액트 컴포넌트에서 데이터를 담기 위한 상자라고 했었습니다. 이 상자에 담긴 내용들은 함수가 모두 끝나게 되면 화면에 반영이 되는데요. state를 이해하기 위해 만든 counter를 다시 보겠습니다.위 코드를 화면에 출력해보면 버튼을 클릭할 때 마다 갯수

React의 데이터 흐름은상위 컴포넌트에서 하위 컴포넌트로 전달하는\*\*하향식\*\*, \*\*단방향 데이터 흐름\*\*을 따르고 있습니다.그렇다면 \*\*단방향 데이터 흐름의 장점\*\*은 무엇일까요? 우선, 기능 변경 사항에 대한 코드 수정이 적어집니다.또한 복잡

1.일반적인 방식 (Pagination)2.무한스크롤 방식 (Infinite Scroll)페이지 번호를 클릭해서 이동하는 방식의 페이지 처리 방법입니다.게시판 형태의 페이지에서 가장 일반적으로 사용되는 방식입니다.a. page 인자를 사용해서 게시글 목록 불러오기b.

Functional Component이 컴포넌트를 클래스형 컴포넌트로 작성해봅시다. 코드를 다 지우고 다음과 같이 입력해보세요.Class Component

컴포넌트의 생명주기는 컴포넌트가 브라우저에 나타나고 업데이트 되고, 사라지게 될 때 호출되는 메서드 입니다.쉽게 말해, 특정 시점에 코드가 실행되도록 설정할 수 있다는 것입니다.그리기 → render 인풋창 그리기그리고 난 뒤 → componentDidMount포커스

우리가 HTML 태그를 선택할 때는 보통 getElementId를 사용했습니다.react에서는 HTML 태그에 접근을 도와주는 역할을 useRef가 하고 있습니다.컴포넌트에 focus를 위치시킬 필요가 있는 경우.속성 값을 초기화(clear)할 필요가 있는 경우.3.u