[Seeds-study] (React/리액트) 2주차 JSX와 컴포넌트 기초
·
Front-end/React 리액트
[STUDY 진행 과정은 깃허브에 계속 commit 하고 있습니다] (많관부!) https://github.com/just-stopyoon/Seeds-study 2주차 과제 내용 App.js에 JSX와 Component를 사용해서 개인페이지 UI 작성하기 JSX (JavaScript XML)에 대하여 JSX란? JavaScript를 학장한 문법으로, UI가 어떻게 생겨야 하는지 설명하기 위해 React와 함께 사용할 것을 권장 JSX는 React "element"를 생성한다! React는 별도의 파일에 마크업과 로직을 넣어 기술을 인위적으로 분리하는 대신, 둘 다 포함하는 "컴포넌트"라고 부르는 누슨하게 연결된 유닛으로 관심사를 분리한다. React는 JSX 사용이 필수는 아니지만, 대부분 JavaScr..
[Seeds-study] (React/리액트) 1주차 React 개발 환경 설정
·
Front-end/React 리액트
[STUDY 진행 과정은 깃허브에 계속 commit 하고 있습니다] (많관부!) https://github.com/just-stopyoon/Seeds-study 1주차 과제 내용 'React 개발 환경 설정하기' 였다 React와 친해지길 바라! 1. Node.js 설치하기 - Node.js란? Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임으로, React 를 개발하기 위한 필수 도구이다. - Node.js 는 Node.js 공식 사이트에서 쉽게 설치할 수 있다! 2. npm 또는 Yarn 설치 - npm와 Yarn은 프로젝트 의존성 관리를 위한 패키지 매니저이다 - npm : Node.js를 설치하면 함께 제공하는 도구 - Yarn : Facebook에서 개발한 대체 ..