A New Life

어제 써온 이력서를 바탕으로 수정

수업내용 1교시 (09:30-10:20) 이전 시간 복습 React.createElement(”h1”, { id: “recipe-0” }, “구운 연어”) React.createElement(태그, 속성, 자식 노드) 2교시 (10:30-11:20) 04_elements.html 05_components.html ← 옛날 문법 [교재 98~109p] 두 번 읽어오기 3교시 (11:30-12:20) 숙제 Python openAPI 기상청 xml데이터 가져오기 (금요일까지) 중기예보 단기예보 초단기예보조회 단기예보조회 4교시 (12:30-13:20) xml_parsing.py import xml.etree.ElementTree as elemTree xmlStr = ''' KimCheolSoo 25 19940..

수업내용 1교시 (09:30-10:20) JavaScript, React 복습 2교시 (10:30-11:20) 02_elements.html 03_elements.html 3교시 (11:30-12:20) photo.html 파일 업로드 파일 express_11.js // Express 기본 모듈 불러오기 var express = require('express') , http = require('http') , path = require('path'); // Express의 미들웨어 불러오기 var bodyParser = require('body-parser') , static = require('serve-static'); // 파일 처리 var gs = require('fs'); // 파일 업로드용 미..

수업내용 1교시 (09:30-10:20) 리액트란 babel SPA create-react.app react + node.js / react + spring 다른 컴포넌트 우리는 이제 입문하므로 react, http, express 사용하여 공부할 예정 2교시 (10:30-11:20) 01_elements.html 리액트란 react -------------------- React React는 뷰를 만들기 위한 라이브러리 ReactDOM UI를 실제로 브라우저에 렌더링할 때 사용하는 라이브러리 가상 돔. 변경된 부분만 바꿈 두 라이브러리는 모두 unpkgCDN 스크립트에서 다운로드할 수 있다. babel create-react.app document.createElement document.appendC..

수업내용 1교시 (09:30-10:20) script_18.html Classes Open the console 2교시 (10:30-11:20) react 에서 사용할 ES6 자바스크립트 문법 월요일 5시까지 강의노트 내용 정리해서 올리기 1. const 2. let 3. template string 4. module ES6 export export default import xxx from './화일이름' CommonJS exports module.exports require('화일이름'); 5. arrow function (파라미터1, 파라미터2.. n) => {} 호이스팅 : hoisting : 표현식 함수는 호이스팅 안됨 6. spread operator ...변수명 first, finish ....

수업내용 1교시 (09:30-10:20) [교재 53p] 자바스크립트 모듈에 대한 설명 2교시 (10:30-11:20) [교재 48p] async/await Ajax에서 비동기 처리 방식으로 할 때 async/await로 동기 방식 처리 가능 script_17.html Promises with fetch Open the console script_16.html Promises Open the console 자바스크립트 비동기 방식 처리할 때(ECMS6) catch, then async/await Promises 3교시 (11:30-12:20) express_09.js // Express 기본 모듈 불러오기 var express = require('express') , http = require('http..

수업내용 1교시 (09:30-10:20) script_13.html Destructuring Open the console 2교시 (10:30-11:20) script_14.html Literal Enhancements Open the console script_15.html Spread Operator Open the console 3교시 (11:30-12:20) 개발 생태계에 대한 설명 4교시 (12:30-13:20) express_08.js // Express 기본 모듈 불러오기 var express = require('express') , http = require('http') , path = require('path'); // Express의 미들웨어 불러오기 var bodyParser = r..

수업내용 1교시 (09:30-10:20) script_09.html Arrow Functions Open the console script_09_1.html Arrow Functions Open the console 2교시 (10:30-11:20) script_10.html Arrow Functions Open the console script_11.html Arrow Functions Open the console script_12.html Arrow Functions Open the console 3교시 (11:30-12:20) client → http(모듈) → express(모듈) client → react → express espress_04.js // app5.js var express = r..

수업내용 1교시 (09:30-10:20) 프로젝트 이야기 2교시 (10:30-11:20) [36p 하단, 31p] 호이스팅 : 끌어올리다 script_06.html ES6 FUNCTION script_07.html Default Parameters Open the console 3교시 (11:30-12:20) script_08.html 화살표 함수 : Arrow Funvtion Node.js 4교시 (12:30-13:20) Node.js - express npm install express --save http-server -p 3000 express_01.js // Express 기본 모듈 불러오기 // express 모듈은 웹 서버를 위해 만들어진 것으로 http 모듈 위에서 동작한다. // expr..

수업내용 1교시 (09:30-10:20) JavaScript 지난 시간 복습 2교시 (10:30-11:20) script_04.html 템플릿 문자열 Template Strings script_05.html 템플릿 문자열 var article = { title: "Template Strings", body: ` Lorem ipsum dolor sit amet, consectetur adipiscing elit, sef fo eiusmod temport laboris nisi ut aliquip ex ea commodo consequat. ` } document.body.innerHTML = ` WEB HTML CSS JavaScript ${title} Hypertext Markup Language (HT..

수업내용 1교시 (09:30-10:20) JavaScript [리액트 교재 25p] let 키워드 script_02.html ✅ if (topic) { C:\Users\kosmo\AppData\Roaming\npm\node_modules\http-server\bin\http-server + http-server@14.1.1 updated 1 package in 1.281s http-server 실행하기 --------------------------- -p : 포트 사용하기 옵션 8000 : 8000 port 열기 C:\00.KOSMO108\50.react\node_http>http-server -p 8000 Starting up http-server, serving ./ http-server versi..

수업내용 1교시 (09:30-10:20) JavaScript script_01.html (미완성) 2교시 (10:30-11:20) script_01.html Node.js란 설치: https://nodejs.org/dist/v14.16.0/ 3교시 (11:30-12:20) Node.js ---------------- https://nodejs.org/dist/ https://nodejs.org/dist/v14.16.0/ node-v14.16.0-x64.msi C:\Users\kosmo>node -v v14.16.0 C:\Users\kosmo>npm -v 6.14.11 npm : Node Package Manager ------------------------------------- 현재 디렉토리에 NPM..