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) 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..

수업내용 1교시 (09:30-10:20) 서브쿼리 SELECT HIREDATE FROM EMP; -- 입사 일이 빠른 순서로 5건을 구하시오 -- 데이터는 꼭 눈으로 확인해야 한다. 건수가 적으면 아이체킹 한다. -- 건수가 많으면 대표적인 데이터타입을 구별해서 확인해야 한다. -- 1. 입사일 전 건 확인하기 SELECT HIREDATE FROM EMP; SELECT HIREDATE FROM EMP ORDER BY HIREDATE ASC; SELECT HIREDATE FROM EMP WHERE ROWNUM 0) bool = true; KosConnectivity.conClose(conn, pstmt); }catch(Exception e) { logger.info("인서트 디비 에러가 >>> : " + ..

수업내용 1교시 (09:30-10:20) 어제 배운 것 정리 regex_2.html 회원가입 회원번호 : 이름 : 주소 : (도로명주소) 생일 : 아이디(6 ~ 8 문자) : 비밀번호 : 성별 : --- 성별 --- 남성 여성 이메일 : @ 선택하세요 직접입력 naver.com gmail.com 휴대폰 : - - regex_3.html ←jQuery 버전 제출하기 회원가입 회원번호 : 이름 : 주소 : (도로명주소) 생일 : 아이디(6 ~ 8 문자) : 비밀번호 : 성별 : --- 성별 --- 남성 여성 이메일 : @ 선택하세요 직접입력 naver.com gmail.com 휴대폰 : - - 2교시 (10:30-11:20) 삭제하기 기능 추가 쿼리 UPDATE MVC_BOARD SET DELETEYN = ..