React_Basic

리액트 시작하기! node.js를 다운로드하고 리액트의 CDN 방식의 초기설정과 태그만들기 예제를 만들어보자.

웹 코딩 구현 시 html, css, javaScript, images 등 각 구조물이 필요하듯이, React project를 사용할 때도 직접 Scaffolding(임시가설물)을 세워 환경설정을 해주어야 한다. 스캐폴딩을 생성할 빈 폴더를 만든 후, 터미널에서 현재

생성한 스캐폴딩 구조를 이해하고 , 이것을 기반으로 원하는 값을 변수선언하고 출력해보자.

JSX란 ⭐️JSX는 JavaScript eXtension의 약자로, 자바스크립트의 확장 버전을 의미한다. 자바스크립트 내부에 html 문법을 그대로 입력하는 방식을 말하는데, 이것을 Babel이 순수 리액트 문법으로 변환시키고 또 리액트 라이브러리가 순수 자바스크립

React는 많은 노드와 이벤트로 구성된 복잡한 프론트 영역에서 데이터를 효율적으로 핸들링하기 위해 나온 Js 라이브러리이다. React의 핵심 키워드 중 하나인 Component를 이해하고, 이를 활용한 퍼블리싱에 대해 알아보자. DOM 내부에 분리하고 싶은 데이터를

React Props(Properties)를 사용하여 속성값을 조회하고 출력해보자

리액트에서 SCSS 전처리기를 사용하기 위해 다음과 같은 설치과정이 필요하다.

배열함수 map()은, 기존 배열에 영향을 주지 않고 각 인자를 새로운 배열에 담아 반환하는 자바스크립트의 내장 함수이다. 리액트에서는 component의 반복적인 요소를 배열 객체로 생성하여 간단하게 사용할 수 있도록 해준다. map() 안에는 map(function