test

마운트는 DOM이 생성되고 웹 브라우저 상에서 나타나는 것을 뜻하고, 반대로 언마운트는 DOM에서 제거되는 것을 뜻한다.컴포넌트가 마운트 (mount) 되고 언마운트 (unmount) 될 때 특정 코드를 실행하기 위해 컴포넌트 클래스에 특별한 메서드 (ex. compo

Clock.js 이전에 작성했던 Clock 컴포넌트입니다. Clock 이 타이머를 설정하고 매 초 UI를 업데이트 하는 것은 Clock 의 구현 세부사항이어야 합니다. 이상적으로 Clock 은 한번만 작성하고 자체적으로 업데이트 시키려고 합니다. 이를 실행하기 위해

components는 UI를 독립적이고 재사용 가능한 부분으로 분리합니다. 개념상 컴포넌트는 자바스크립트 함수와 비슷합니다. 임의의 입력 (props라고 부르는)을 받아들이고 어떤 게 화면에 나타나야 하는 지를 설명하는 React 요소를 반환합니다This functio

An element describes what you want to see on the screen브라우저 DOM 요소와 달리 React 요소는 순수한 객체입니다. React DOM은 React 요소와 일치하도록 DOM을 업데이트합니다.React로 구축한 어플리케이션은

웹페이지의 HTML을 계층화 시켜 트리구조로 만든 객체모델JS는 이 모델로 웹페이지에 접근하고, 페이지 수정 가능DOM은 웹페이지 (HTML)과 Script언어(Javascript) 를 서로 잇는 역할그래서 JavaScript는 어떻게 HTML에 접근할 수 있다는 말일

JSX란?\-JavaScript를 확장한 문법입니다. \-자바스크립트의 모든 기능이 포함되어 있습니다. \-JSX는 React “엘리먼트(element)” 를 생성합니다.결과물 ⬇️⬇️⬇️여기서 짚고 넘어가고 싶은 개념!다음 두 예시는 동일하다babel은 JSX는 Re

리액트 주요 개념들을 정리하고자 리액트 공식문서를 참고하여 포스팅을 시작합니다. 처음으로 돌아가 다시 리액트 뿌수기! 공식문서에도 링크가 걸려 있지만 리액트 시작 튜토리얼은 https://www.taniarascia.com/getting-started-with-rea

말 그대로 펼친다 라는 의미로 객체나 배열을 펼칠 수 있습니다. 기존의 것을 건들이지 않고, 새로운 객체를 만든다는 것 인데요, 이러한 상황에 사용 할 수 있는 유용한 문법이 spread 입니다.spread와 비슷하지만 역할은 다릅니다. 비구조화 할당 문법과 함께 사용

sadf

이 게시글은 https://velog.io/@velopert/

React state/props

React / React-Router / Sass