초보개발자 개발일지

43일차(2)/React(3) : map, concat 함수 / 이벤트 처리 예제 - 매번 새 프로젝트를 생성하려면 시간이 오래 걸리므로... App00.js 를 만든 후 해당 파일을 브라우저에 출력하도록 바꾸는 방식으로 실습 App02.js //App02.js import { Component } from "react"; class App02 extends Component{ //상태값(state) 정의하기 state={ info:"x:0, y:0", info2:"x:0, y:0" }; render(){ //요소에 적용할 인라인 css를 object로 정의하고 적용할 수 있다. const boxStyle={ width:"300px", height:"300px", border:"1px solid red"..

43일차(1)/React(2) : React App 생성, React 기초 * React JS 홈페이지 : https://ko.reactjs.org/ - 어떤 동작을 하는 유저 인터페이스를 만들려면 javascript 가 필요하다. - React는 이 javascript를 좀더 체계적으로 쉽게, 그리고 대규모로 만들더라도 체계적인 구성으로 만들 수 있도록 도와주는 라이브러리! - React 와 비교되는 비슷한 js 라이브러리: Angular, Vue, React 등 - 자주 쓰이는 순서는 react > vue > angular - 클래스 : 객체 생성을 위한 설계도. 상속받아서 사용 가능. 안에 메소드가 있음 (java에서의 클래스와의 공통점) - jsx의 구조를 보면 javascript임에도 java같..

42일차(3)/React(1) : Node.js 초기 세팅, 주요 개념 정리 - node.js 설치 및 세팅 - class 작성법 / 함수 작성법 - 이클립스로는 작성하기가 좀 불편하므로 Visual Studio Code로 리액트 수업 진행 예정 [ node js란? ] - 서버 side javascript 실행환경이다. - 즉 서버에서 java, c, python 등의 언어로 개발하던 application을 javascript로도 개발할 수 있게 해준다. - node js로 주로 만드는 application은 1. 웹 서버 application (국내에서는 주로 게임 서버로 많이 활용) 2. 앱 개발 환경 application을 엄청나게 많이 만든다. - 앞으로 하게 될 리액트 개발 환경을 만들기 위해..