Work/JS(5)
-
js study - Node.js + TypeScript + Express
#Node.js - 모든 종류의 서버 사이드 도구들과 어플리케이션을 JS로 만들 수 있도록 해주는 런타임 환경 - 브라우저 영역 밖에서도 사용할 수 있도록 의도( 서버 OS 또는 컴퓨터에서 직접적으로 실행 ) - 단위 시간당 처리량과 어플리케이션에서 확장성을 최소화 - 비동기 이벤트 - 스레드를 사용하지 않도록 설계 - HTTP는 first class citizen - 라이브러리가 아닌 런타임 생성자로 이벤트 루프 제공 - 스트리밍과 저지연을 염두에 두고 설계 #Express.js - Node.js를 위한 웹 프레임워크 - 서버를 다시 시작할 때마다 메모리 내 저장소 삭제 - install $ npm install express --save - setup $ npm init - routing - 애플리케..
2021.06.28 -
JavaScript 04
event 이벤트- onload : 웹 문서가 로드- onunload : 현재 웹 페이지에서 빠져 나갈때- onfocus : 객체에 포커스 위치- onblur : 객체가 포커스 잃었을때- onclick : 객체에 마우스 클릭- onmouseover : 마우스가 객체 위로 올라갔을 때- onmouseout : 마우스가 객체 영역을 벗어 났을때- onkeydown : 키가 눌렸을 때, 대소문자 파악X- onkeyup : 눌린 키가 다시 올라 올때- onkeypress : 키가 눌렸을때, 대소문자 파악-> 모든 이벤트는 on 뒤에 window 객체- 일반 속성-- name : 창의 이름을 읽거나 설정-- closed : 창이 열려 있는지 여부(true/false)-- outerWidth, outerHeight..
2017.02.21 -
JavaScript 03
함수function title() { ... } -> 일반 함수title();function title(parament) { ... } -> 매개 변수형 함수title(p);function title(p) { return p; } -> 리턴형 함수var ti = title(p);function title() { var local = 3; -> 지역변수 }var global = 3; -> 전역변수 객체var car = {x : 0,y : 0,move : function(nx, ny){this.x += nx;this.y += ny;}} 객체 생성 과정 car x 0y 0move function(nx, ny) { ... } 객체를 포함하는 객체var car = {num : "11가2222",truck : {x..
2017.02.21 -
JavaScript 02
산술 연산자5 / 2 -> 2.5-> 정수끼리 나누어도 실수가 될 수 있음 비트 연산자- & : AND, 두 비트가 모두 1이면 1 아니면 0- | : OR, 두 비트 중 한 비트가 1이면 1 모두 0이면 0- ^ : XOR, 두 비트의 값이 서로 다르면 1, 같으면 0- ~ : NOT, 단항 연산자, 각 비트를 반대로 바꿈- > : 오른쪽으로 쉬프트, 빈 곳은 부호유지 0 또는 1-> 값을 이진수로 보았을 때 비트에 대해 연산 수행 증감 연산자n = 1;x = ++n; -> n = n+1;x = n;n = 1;x = n++; -> x = n;n = n+1; -> 증가(++) 감소(--) 연산자 관계 연산자document.wirte(5>=10); -> falseif(score >= 60)else if(s..
2017.02.20 -
JavaScript 01
JavaScriptHTML에 포함되어 있는 언어-> 가장 보편적 타입, 바로 앞에 쓸 것을 권장, JavaScript에서 세미콜론은 필수가 아니지만 문장과 문장사이에는 반드시 필요, 오류 발생 방지를 위해 세미클론 사용요청 작업 : 1) URL 분리 -웹서버 : .net -요청 문서 : .html 2) .html 요청 3) 요청한 문서(.html) 전송 4) 수신한 문서(.html) 해석 및 출력 document.write(' ' or " ");, document.write(15 or 15.5);, document.write('숫자', 15); 다중 출력은 쉼표로 구분 개행' '주석// 한줄 주석 처리/* 여러 줄 주석 처리 */ 공백' ' 변수var -> 데이터 형(Data Type)에 제약이 ..
2017.02.20