A sentimental robot

React의 핵심인 Component에 대하여 공부해자. 나는 이제 리액트를 이용하여 나만의 서버를 만들어 볼 것이기 때문에 전에 만든 리액트 프로젝트 > src 폴더 > App.css를 날려버리고 App.js의 코드를 간단하게 바꿔보았다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 import React, { Component } from 'react'; import Tem from './components/Tem'; import Form from './components/Form'; {/* webpack을 쓰기에 가능한 작업*/ } class App extends Component { render() { return ( {/*JSX 문법*/}..

웹 서버 구축도 처음이고 리액트도 처음이라서 뭘 어디서부터 시작해야 할지 모르겠다. 하지만 내 식대로 잘 정리해보도록 하겠다. 피드백은 언제나 환영이다! 저번엔 우리가 리액트 프로젝트를 하나 만들어 보았다. 일단 나는 우리가 만든 프로젝트의 public 폴더의 index.html 부터 설명하고자 한다. index.html 파일에서 보면 우리에게 익숙한 HTML 태그들이 있다. 너무 반갑당 ㅎ 태그 안에 태그가 있는데 모든 것은 여기서부터 시작된다... 두둥! root라는 id를 가지고 있는 div를 렌더링(Rendering)하는 것에서부터 리액트의 시작이라고 할 수 있겠다. 무슨 말이냐 하면, index.html의 태그들에게 스타일과 동적기능을 주는 것을 이제부터 react.js가 한다는 것이다. 오! ..

요즘 페이스북에서 만든 React란 Front-End library가 핫하다고 한다. React를 사용하여 웹 서버를 구축하기 위해선 react를 쓸 수 있는 환경을 만들어 주어야 한다. 환경을 만들어 보자! react는 Node.js와의 조합이 좋다고 하여 나는 Node.js를 설치했다. 사실 나는 왕초보 프로그래머(프로그래머라고 하기도 뭐하다)이다. 그리고 웹 프로그래밍에 대한 지 식도 없고 웹 서버 구축을 처음 해본다. 그런 내가 react를 쓴다니 거의 맨 땅에 헤딩 수준이다. 근데 그렇게 좋다고하는데 너무 써보고 싶다! Web programming 카테고리에 맨땅에 헤딩하는 흔적들이 있으니 참고하길 바란다. 먼저 나는 어떻게 react.js의 환경을 구축했냐 하면, ① Node.js 설치 - 자..

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 12..