관광이 블로그

주소 문자열과 요청 파라미터 다루기웹사이트에 접속하기 위한 사이트 주소 정보는 노드에서 URL 객체로 만들 수 있음. Example) actor로 검색버튼을 눌렀을 시 https://www.google.co.kr/?gws_rd=ssl#newwindows=1&q=actor 이때 가장 중요한 것은 어디 까지가 사이트 주소인지와 어떤 내용이 요청 파라미터 인지 구별해야함. 노드에서 미리 만들어 둔 모듈 : url 모듈 사용!url 모듈을 사용하면 일반 주소 문자열을 URL 객체로 만들거나 또는 URL 객체에서 일반 문자열로 변환하는일이 쉬워진다. Example) url 모듈을 이용한 주소 문자열과 URL 객체 간의 변환 https://www.google.co.kr/?gws_rd=ssl#newwindows=1&..

프로토타입자바스크립트에서도 객체의 원형을 정의 한 후 그원형에서 새로운 인스턴스 객체를 만들어 낼 수 있음.Ex) 프로토 타입 예제function Person(name,age){ this.name = name; this.age = age;} Person.prototype.walk = function(speed){ console.log(speed + " km 속도로 걸어 갑니다.");} var person01 = new Person('kim ',20);var person02 = new Person('park',24); console.log(person01.name + "객체의 walk(10)을 호출 합니다.");person01.walk(10);=>1. Person 프로토 타입의 객체를 만드려면 먼저 Per..

자바스크립트에 클래스는 없지만 함수(function)와 new를 통해 클래스를 비스무리하게 흉내낼 수 있습니다.function Person() { this.eyes = 2; this.nose = 1; }var kim = new Person(); var park = new Person();console.log(kim.eyes); // => 2 console.log(kim.nose); // => 1console.log(park.eyes); // => 2 console.log(park.nose); // => 1kim과 park은 eyes와 nose를 공통적으로 가지고 있는데, 메모리에는 eyes와 nose가 두 개씩 총 4개 할당됩니다. 객체를100개 만들면 200개의 변수가 메모리에 할당되겠죠? 바로 이런 ..

콜백함수(CallBack function)파라미터로 전달되는 함수 function add(a,b,callback){var result = a + b;callback(result);} 함수를 호출했을 때 또 다른 함수를 파라미터로 전달하는 방법함수를 파라미터로 전달하는 경우 대부분은 비동기 프로그래밍, 연산이 끝났을 때 파라미터로 전달한 함수가 실행 될 수 있다면 그 시점에 겨로가를 처리할 수 있으므로, 효율함수 안에서 값을 반환 할 때 새로운 함수를 만들어 반환하는 방법Ex) function add(a,b,callback){ var result = a + b;var cnt = 0; callback(result); var history = function(){cnt ++; return a + '+' + b..

배열의 모든 요소 하나씩 확인하기var Users = [{name:'kgh',age:24},{name:'kgh1234',age:25}]; for(var i =0; i

자바 스크립트의 객체와 함수 이해하기1. 자바 스크립트는 자료형을 명시하지 않는다. 2. 숫자를 넣어 둘떄는 문자열 보다 작은 크기의 변수 상자를 만들게 된다. 3. var 키워드자료형undefined : 값을 할당하지 않은 변수 값null : 존재하지 않는 값을 가리키는 값Object: 객체를 값으로 가진다.Number : 정수나 부동 소수 값을 가지는 자료형 객체.()으로 객체 접근[]대괄호로 속성의 이름이용 접근 예) person['age'] = 20;console.log("나이 %d",person.age); 익명함수function keyword뒤에 곧바로 소괄호 형태function add(a,b){}표현식 처럼 사용될 경우 ;속성 추가 예제ex) var person ={}; person['age'..

1. express를 사용해서 렌더링하려고 할경우html파일로 렌더링을 하기 위해서는?예)app.get('/form',function(req,res){ res.render('form'); // template 파일의 form.jade 파일이나 ejs파일 })Express는 웹서버라서 렌더링 하실 포멧 설정을 해야 한다. (Ejs나 pug) , 아니면 파일확장자만 바꿔도된다.굳이, html 파일을 보내려고 할경우 res.sendFile()을 써준다.2. express를 사용해서 ejs 파일 렌더링 하려는 경우 app.set('view engine','ejs');app.get('/form',function(req,res){ res.render('form.ejs');

모듈 : http,os => node.js 제공 모듈 그외 Date,Array,String Js제공 모듈이다. npm(node 계의 앱스토어) -의존성 관리 낮춰줌package manager uglifyjs 설치 방법$npm install uglify -js -g 명령어(global 독립 소프트웨어로 사용)$uglifyjs --help 명령어 의미를 나타내준다 1.$uglifyjs pretty.js 파일 실행필수적 코드만 만들게 해준다(공백, 필요없는것들 없앤후 코드 생성)2.$uglifyjs pretty.js -m-m 옵션(mungle) 공백 및 지역 변수 같은 이름바꾸어도 될것들은 짧게 바꾸어준다.3.$uglifyjs pretty.js -o uglifyed.js -m 짧아진 코드 지정 해준다.-o u..

var o = require("OS");console.log(o.platform()); => next 다음 사람 모듈 자신의 프로젝트 가져오는것 npm

인터넷 동작 과정computer1(요청) Internet computer2(응답)1. computer1 클라이언트2. computer2 서버(http://a.com, 52.192.173.51) http://a.com(브라우저요청) -> 서버(http://a.com)서버 종류 Database 서버채팅 서버게임 서버웹 서버=> 브라우저 요청에 따라 서버는 누가 응답을 할지를 결정하는 역할을 한다. 포트http://a.com:80(80 생략가능) -> 80번 포트를 요청하면 80번 문에 있는 웹서버에 접속하여 port 80을 Listen 하게 한다. a.com을 컴퓨터 한테 요청한다는 말이다. https://opentutorial.org:80(s가 생략시) 이런 형태로 쓰인다.

웹 서버 코드 // const 는 상수 이며, 값이 한번 할당되면 바꿀수 없다.const http = require('http');const hostname = '127.0.0.1';const port = 1337;const server = http.createServer((req, res) => { res.setHeader('Content-Type', 'text/plain'); res.end('Hello World\n');}); // 서버 생성 코드 // 서버 대기 상태(서버 열기) 만드는 코드server.listen(port, hostname, () => { console.log(`Server running at http://${hostname}:${port}/`);});

Atom 혹은 브라켓 설치 개발자도구 F12(크롬기준)으로 간단히 확인 가능 $dir /w 현재 window 홈디렉터리에 위치 넣어줌 우리는 dev 디렉터리밑에 js 폴더에서 실습을 진행 할것이다. 첫번째로 Atom 혹은 브라켓에서 console.log("hello world"); 를 찍어 보도록한다 작성후 $node test.js 로 cmd 창에서 실행을 해보도록한다.

넷스케이프 (브라우저의 한 종류)1. 웹2. 인터넷 역사(History)2004년 gmail -> html.css.javascriptG map API2008년V8엔진 -> JS 개발 2009년node.js 생겨남node.js(Run time) -> 웹브라우저 뿐만아니라 서버 개발도 가능해졌다 자바 스크립트는 Web browser 와 Server 개발이 가능하다. Node.js 는 V8 엔진을 사용하므로 -> 성능이 갑이다. Node.js 설치(Install)1. node.js 설치 -> 64 비트2. cmd -> $node --version

chapter 1 정보 환경 1.1 정보 처리 시스템- 정보처리란? 컴퓨터가 정보를 생성하기 위해 데이타를 처리하는 작업즉, 정보처리는 단순히 계산이나 자료 처리보다 더 일반성을 나타내고 있다.1.1.1 정보와 데이타- 데이터란? 현실 세계로 부터 단순한 관찰이나 측정을 통해서 수집된 사실이나 값(value)을 말한다.- 정보란? 어떤 상황에 대한 적절한 의사 결정을 할 수 있게하는 지식으로서 데이터의 유효한 해석이나 데이터 상호간의 관계를 말하는것공식적 표현 I = P(D) P는 처리기,D는 데이타,I는 정보- 정보 추출 방법이란? 자료 처리 또는 광의로 정보 처리라고 한다. 정보는 정확성과 현재성을 가지고 있어야한다. 1.1.2 정보시스템- 정보 시스템(information system) 이란? 한 ..

문제 2 - 문자열중에서 앞뒤문자열의 중복을 이루는 것을 체크하는 프로그램을 작성하라(palindrom)예) ioi 앞에서 읽어도 똑같고 뒤로 읽어도 똑같은 문자열이 펠린드롬인지 확인할 수 있도록. #include #include int main(void){char str[100];char str1[100];int len;int check= 1; // 현재 1의 상태 printf("문자열 입력 하시오");scanf("%s",&str);len = strlen(str);printf("문자열 길이: %d",len);printf("문자이름 %s",str); for(int i=0; i