react 2

[React] JSX

JSX란? 자바스크립트의 확장 문법 바벨을 통해 일반 자바스크립트 형태의 코드로 변환됨 JSX 코드 function App() { return ( Hello ); } Javascript로 변환된 코드 function App(){ return React.createElement("div", null, "Hello"); } JSX의 장점 보기 쉽고 익숙하다 HTML 태그를 사용할 수 있을 뿐 아니라 컴포넌트도 JSX 안에서 작성할 수 있다 JSX 문법 vue.js 처럼 요소들을 부모 요소 하나로 감싸주어야 함 Virtual DOM에서 컴포넌트 변화를 감지해 낼 때 효율적으로 비교할 수 있도록 컴포넌트 내부는 하나의 DOM 트리 구조로 이루어져야 하기 때문 보통은 로 감싸나, 리액트 v16 이상부터는 로 감싸..

React 2022.08.07

[React] MacOS zsh 터미널에서 초기 환경 설정

Homebrew 설치 Homebrew 홈페이지에서 명령어를 복사해 터미널에 붙여 넣어준다 (https://brew.sh/index_ko.html) Homebre는 MacOS에서 패키지들을 쉽게 설치하고 관리할 수 있도록 도와주는 패키지 매니저다. /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" 설치가 끝나면 위와 같은 메세지가 뜨는데, 해당 명령어를 실행시켜주면 brew 설치가 완전히 끝난다. Node.js 설치 Node.js를 여러 버전으로 설치하고, 관리해줄 수 있는 nvm 도구를 먼저 설치한다. brew install nvm 만약 설치 후에도 nvm이 실행되지 않고 zsh: c..

React 2022.08.06