🗂 목차 ● [Node.js] Node.js 기초 ● [JavaScript] 기본 문법 ●[Web] URL의 이해 🚀 Node.js 🔽 개요 Node.js는 Chrome V8 JavaScript Engine으로 Build된 JavaScript Runtime. Node.js를 통해 다양한 JavaScript Application을 실행할 수 있고, Server를 실행하는데 가장 많이 사용되고 있는 것이에요. ● Node.js는 `JavaScript`를 Server에서도 사용할 수 있도록 만든 `소프트웨어 플랫폼`이다. ● Node.js는 `V8`이라는 `JavaScript` Engine 위에서 동작하는 `JavaScript Runtime(환경)`이다. ● Node.js는 `Server Side Script..

📌 Event setState 함수 이해하기 return ( {/* State화 하기 전 코드 */} {/**/} {/*State화 한 뒤 코드*/} {/**/} {this.state.subject.title} {this.state.subject.sub} 위와 같은 코드에서 컴포넌트가 이미 생성된 이후에 [this.state.mode = 'welcome']처럼 State 값을 직접 변경하면 안되고, 함수 형태로 변경해야 하는 이유를 알아볼 것이에요. constructor(props) { // State 값을 초기화 시키기 위함이고, 그 초기값으로 'title="WEB" sub="word wide web!"'을 설정하려 한다. super(props); this.state = { mode : 'read', ..

안녕하세요? 주니하랑입니다. 오늘은 React에 본격적으로 들어가기에 앞 써 Event 처리에 대해 공부해보고, props, render에 대해 다시 한번 재정립하고 가도록 할게요! 함께 공부 해 보실게요! 📌 이벤트 state props 그리고 render 함수 강의 리엑트에서는 state 값이 바뀌면 그 state를 가지고 있는 컴포넌트의 render 함수가 다시 호출되고, 그 밑에 있는 컴포넌트들도 각자 render 함수가 있는데, 모두 다 호출된다. 그래서 화면이 다시 그려지게 된다. render함수가 하는 일은 어떤 HTML을 그릴것인가?에 대한 결정을 하는 것이에요. 리엑트에서는 props, state 값이 바뀌면 컴포넌트의 render 함수가 호출 되도록 설계 되어 있는 것이에요. {this..