JavaScript/React.js

React 시작하기[Vscode]

우선 리액트는 Node 기반이기 때문에 Node를 설치 해야한다. https://nodejs.org/en/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 접속을 하면 밑에 페이지가 뜰 것이다. 유저가 가장 많은 18.12.1LTS 파일을 다운받겠다. 다운을 받고 원하는 경로에 파일을 생성한다. 나는 create-react-app이라는 이름으로 생성했다. 아무이름이나 해라~ 그 후 vscode로 만든 파일을 연다. 밑에 파란줄 부분 드래그해서 끌어올려라~ 그러면 터미널 창이 올라온다. 그 후 npx create-react-app {projectName} 입력! 하지만.... 역시 맘대로 되..

JSX란?

JSX는 자바스크립트의 확장 문법이며 XML과 매우 비슷하게 생겼다. 이런 형식으로 작성한 코드는 브라우저에서 실행되기 전에 코드가 번들링되는 과정에서 바벨을 사용하여 일반 자바 스크립트 형태의 코드로 변환된다. 만약 컴포넌트를 렌더링 할 때마다 JSX코드를 작성하는 것이 아니라 위 코드처럼 매번 React.createElement 함수를 사용한다면 매우 불편할 것 같다. 하지만 JSX가 매우 편하게 UI를 렌더링이 가능하다!! 장점 o 보기 쉽고 익숙하다! JSX르 사용하는 것이 더 가독성이 높고 작성하기 쉽다. HTML로 코딩하는 것과 비슷하기 때문이다. o 더욱 높은 활용도! JSX에서 div, span과 같은 HTML태그를 사용할 수 있을 뿐 아니라, 컴포넌트도 JSX안에서 작성가능하다. 문법 정..