[React]9 [React] Props 복습 https://shins99.tistory.com/68 [React] export default 복습 https://shins99.tistory.com/67 [React] export와 import 복습 https://shins99.tistory.com/66 [React] 컴포넌트(component) 복습 https://shins99.tistory.com/65 [React] 엘리먼트(element) 복습 https://shins99.tistory.com/63 [React] JSX 문 shins99.tistory.com Props props(properties) - props는 함수에서 인수(argument)의 개념과 비슷하게 이해가능 - 컴포넌트에 데이터를 전달하고자 할 때 사용 (전달된 값은 변수.. 2023. 9. 6. [React] export default 복습 https://shins99.tistory.com/67 [React] export와 import 복습 https://shins99.tistory.com/66 [React] 컴포넌트(component) 복습 https://shins99.tistory.com/65 [React] 엘리먼트(element) 복습 https://shins99.tistory.com/63 [React] JSX 문법 복습 https://shins99.tistory.com/62 [React] JSX (JavaScript shins99.tistory.com export default export defalut 구문 1 export default App; cs - export default 구문을 사용하여 내보낸 컴포넌트는 중괄호({}.. 2023. 9. 5. [React] export와 import 복습 https://shins99.tistory.com/66 [React] 컴포넌트(component) 복습 https://shins99.tistory.com/65 [React] 엘리먼트(element) 복습 https://shins99.tistory.com/63 [React] JSX 문법 복습 https://shins99.tistory.com/62 [React] JSX (JavaScript XML) 복습 https://shins99.tistory.com/61 [React] React 란? React shins99.tistory.com React 모듈의 기본 구조 - 코드 상단에 위치한 import 문은 다른 곳에 정의된 코드를 App.js 파일 내에서 사용할 수 있도록 불러오는 구문 1 2 3 4 5 .. 2023. 9. 4. [React] 컴포넌트(component) 복습 https://shins99.tistory.com/65 [React] 엘리먼트(element) 복습 https://shins99.tistory.com/63 [React] JSX 문법 복습 https://shins99.tistory.com/62 [React] JSX (JavaScript XML) 복습 https://shins99.tistory.com/61 [React] React 란? React란? - 사용자 인터페이스(UI)를 만들기 위해 사용되는 shins99.tistory.com 컴포넌트(component) - React에서 컴포넌트란 자바스크립트 함수의 개념과 비슷하게 이해 - React에서는 애플리케이션의 UI를 설계할 때 사용자가 볼 수 있는 화면을 여러 개의 컴포넌트로 나누어 구성함 (각.. 2023. 9. 3. [React] 엘리먼트(element) 복습 https://shins99.tistory.com/63 [React] JSX 문법 복습 https://shins99.tistory.com/62 [React] JSX (JavaScript XML) 복습 https://shins99.tistory.com/61 [React] React 란? React란? - 사용자 인터페이스(UI)를 만들기 위해 사용되는 자바스크립트 라이브러리 - 싱글 페이지 애 shins99.tistory.com DOM 속성(attribute) - React에서는 모든 DOM 속성(attribute)을 카멜 표기법(camelCase)으로 표현 (HTML 속성 maxlength - > React에서 maxLength 표기) - 예외적으로 aria-* 와 data-* 속성은 소문자로 표기.. 2023. 9. 2. [React] JSX 문법 복습 https://shins99.tistory.com/62 [React] JSX (JavaScript XML) 복습 https://shins99.tistory.com/61 [React] React 란? React란? - 사용자 인터페이스(UI)를 만들기 위해 사용되는 자바스크립트 라이브러리 - 싱글 페이지 애플리케이션(Single Page Application, SPA) 개발에 주로 사 shins99.tistory.com JSX과 XML - XML 문서는 매우 규칙적이고 엄격 - JSX는 XML 구문에 자바스크립트 코드를 결합한 구문을 사용 - JSX 구문을 작성할 때도 XML과 마찬가지로 XML 표준을 엄격하게 준수 JSX 구문이 Babel을 통해 자바스크립트 구문으로 제대로 변환되기 위한 규칙 1... 2023. 9. 1. 이전 1 2 다음