728x90 Front-End/React23 [React] 2. JSX 출처: React 공식 홈페이지 JSX 소개 – React (reactjs.org) 1. JSX 의 예시 > javascript의 확장 문법. 자바스크립트 + 태그 const element = Hello, world!; 2. 자동 세미콜론 삽입 방지용 가로 () 사용 권장 const element = ( Hello, {formatName(user)}! ); 3. JSX도 표현식이다. > if문, for문 안에 사용할 수 있다. function getGreeting(user) { if (user) { return Hello, {formatName(user)}!; } return Hello, Stranger.; } 4. JSX 속성 정의( 태그 속성 정의인듯? 내생각) (1) 따옴표로 문자열 정의. cons.. 2021. 2. 1. [React] 1. HelloWorld 출처: React 공식 홈페이지 Hello World – React (reactjs.org) 1. Hello, world! 를 출력하는 방법이다. > index.html에 있는 에 연동되어 표시되는 것이다. ReactDOM.render( Hello, world!, document.getElementById('root') ); 2021. 2. 1. [React] 0. 환경설정 출처: React 공식 홈페이지 자습서: React 시작하기 – React (reactjs.org) 자세한 설치 과정이나 설명은 생략. 키워드로 구글링필요 1. Node.js 설치 2. Visual Studio Code(VS Code) 설치 3. VS Code 실행 후 terminal 열기 4. terminal에서 프로젝트를 만들기 원하는 폴더로 이동 5. 'npx create-react-app my-app' 을 적으면 my-app 이라는 이름의 프로젝트가 생성된다. 6. 이후 나같은 경우 index.js 파일에 import를 제외한 내용을 지우고 예제를 실습했다. 2021. 2. 1. 이전 1 ··· 3 4 5 6 다음 728x90