코린이의 기록

컴포넌트? 컴포넌트는 부품이라는 뜻을 가지고 있다. 예를들면 버튼이나 텍스트박스와 같이 범용적으로 사용되는 부품이 컴포넌트이다. 리액트에서도 컴포넌트를 정의하여 일반적인 JSX 태그처럼 사용할 수 있다. 함수를 기반으로 컴포넌트를 정의하는 방법 12345678910111213141516171819202122const dom = ReactDOM.render(dom, document.getElementById('root')) function PhotoText (props){ const url = props.image //const url = "http://uta.pw/shodou/img/28/214.png" const label = props.label const boxStyle = { border : "1..

프로젝트 생성하기 1. 프로젝트를 생성할 디렉토리를 만들고 해당 디렉토리로 이동한다. $ mkdir project_a$ cd project_a 2. npm으로 프로젝트를 생성한다. $ npm init npm init은 node project를 시작하는 명령어이다. npm init 명령어를 실행하면 프로젝트 이름, 버전, 설명 등의 정보를 입력하는 란이 나온다. 이 정보들을 일일히 입력하지 않고 엔터를 누르면 default값이 자동으로 들어간다. 그리고 이러한 프로젝트 정보들이 package.json 파일에 저장된다. yunsoyeon-ui-MacBook-Air:project_a yunsoyeon$ npm initThis utility will walk you through creating a packag..

정의Node.js 홈페이지에서는 Node.js를 아래와 같이 정의하고 있다. Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient. Node.js' package ecosystem, npm, is the largest ecosystem of open source libraries in the world. -> Node.js는 크롬의 V8 JavaScript 엔진(자바 스크립트 실행 엔진 중 압도적인 성능을 가진 엔진)에서 런타임시 빌드되는 JavaScript로 No..