javascript57 [API] nodejs 파일 업로드 모듈 [필수적으로 먼저 봐야할 게시글]- [node.js] 모듈, 미들웨어 개념 : http://jinbroing.tistory.com/126 [express 파일 업로드 기능 및 특징]- express는 파일 업로드 기능을 제공하지않음 : 리얼 틀 제공(최소한의 구조), 써드파티 미들웨어(모듈)와 express 조합 - multer : express와 함께 사용하는 파일 업로드 기능(써드파티 미들웨어) 제공 모듈 [express 프로젝트 multer require 시키기]1) npm install --save multer : multer 모듈을 다운로드 받아 프로젝트 모듈 관리자에서 관리할 수 있도록 추가하기- express 프로젝트 내 package.json 파일 확인해보면 multer가 추가된 것을 볼 .. 2017. 5. 23. [웹기본개념] 집에서 웹서버 운영하기 [먼저 보면 좋은 게시글]- [웹기본개념] 웹서버와 웹어플리케이션서버 : http://jinbroing.tistory.com/119 [웹서버란]- 클라이언트(웹브라우저)의 요청에 따른 응답을 하는 역할- HTTP 프로토콜에 의해 요청됨, HTTP 프로토콜로 응답함- WAS와는 다르게 웹서버는 정적인 파일을 응답할 때 클라이언트로 보냄- Apache, Nginx가 대표적인 웹서버 [구축에 필요한 개념]- ip : 네트워크가 물려진 컴퓨터를 식별하는 식별자- 도메인 : ip를 포장하는 개념, ip를 다 외우기 힘드니깐 ip 말고 쉽게 인식하고 기억할 수 있는 주소값으로- 유동 ip / 고정 ip : ip가 지속적으로 변경되는가 아닌가에 따른 구분, 서버용으로는 고정 ip를 사용하는 것이 좋음- DDNS : .. 2017. 5. 22. [자바스크립트 자료구조] 배열 [배열이란]- 보통 배열을 사용하는 용도는 묶음 단위로 데이터를 구분할 때 사용함- 기본적인 자료구조 [자바스크립트 배열]- 자바스크립트 배열은 객체 : 내장 객체(미리 만들어져있고, 사용하면 되는 객체)- 객체지만 내부적으로 배열로서 특화된 객체 : 배열 관련 프로퍼티- 자바스크립트 배열은 한 배열 내 다양한 타입의 요소를 포함시킬 수 있음 : 스크립트 언어가 대부분 그럼- 배열은 레퍼런스 타입 [자바스크립트 배열 생성 방법]1) [ ]를 이용한 배열 선언123456var numbers = []; /* for문을 통해 numbers 배열에 요소 추가 */for(var i = 0; i 2017. 5. 22. [자바스크립트] this 바인딩 포스팅 AS - 바인딩 종류 [자바스크립트 this]- 자바스크립트 this는 다른 언어들과 다름 : 컴파일 때 this가 정해지지만, 자바스크립트는 실행하면서 정해짐(동적)- 자바스크립트 코드 실행 가능 영역 분류 : global(전역), function, eval- this 는 현재 실행 코드의 환경(변수객체)을 지칭함 : 기본적으로 전역객체(브라우저 : window, nodejs : global)를 가리킴- 쉽게 말해 어떤 변수객체로 호출하고 있는가에 따라 this가 다름- this를 명시적으로 변경 가능함 [자바스크립트 this 결정조건]1) 어떤 영역에서 수행되는가 : global / function / eval2) 호출자(호출 객체)가 누구인가 : 가장 가까이에 있는 객체 - 첫번째 조건에서 같은 function 영역이라.. 2017. 5. 20. [자바스크립트] 잠깐 쉬어가기 : 자바스크립트 특징 [자바스크립트 특징]1) 스크립트 언어 - 자바스크립트는 웹페이지 동작을 역동적으로 만들기위해 만들어짐- 다시 말하자면 프로그래밍 언어와 같이 쓸 수 있도록 만들어진 언어- 간결하게 코딩하는 것이 특징 2) 프로그래밍 언어- 웹에서 벗어나 독립적으로 하나의 프로그램을 만들 수 있게됨 : 엔진의 속도 향상, nodejs이라는 새로운 환경(런타임 환경) 3) 동적 바인딩, 동적 언어 : 처음에 익히기가 까다로움- 컴파일 시에 자료형, this, 변수 scope 등이 정해지는 것이 아니라 실행 중에 정해지고, 변경됨- 동적이기때문에 갖는 장점과 단점이 있음- 전역 객체(window), 함수 객체(VO 혹은 AO), 실행 컨텍스트, this, scope 정확하게 알고 있어야 예측 가능 4) 표준이 있지만 브라우.. 2017. 5. 18. [자바스크립트] 객체 그리고 프로토타입 [먼저 보면 좋은 게시글]- [자바스크립트] 객체란 무엇인가 그리고 함수는 객체다 : http://jinbroing.tistory.com/113 [객체란]- 객체란 변수프로퍼티와 메서드들이 모여 이룬 하나의 꾸러미- 추상적 객체와 구체적 객체(인스턴스 객체) 구분지어 사용: 한 종류지만 각자의 개성에 맞는 값, 구체적 행동 방식을 가짐(다양성)- 객체간의 관계를 만들어 프로그래밍하는 방식을 객체지향 프로그래밍이라 함- 객체는 레퍼런스 타입 : 변수에 값을 직접 대입하는 것이 아니라 객체 메모리 주소를 대입함 [자바스크립트의 객체지향]- 객체지향 프로그래밍 : 객체 사이에 관계를 형성하여(추상화된 객체 - 구체화된 객체) 프로그래밍 하는 방식- 자바스크립트는 객체지향이긴한데, class가 없다- 자바스크립.. 2017. 5. 17. [자바스크립트] this 바인딩 [먼저 보면 좋은 게시글]- [자바스크립트] 개념정리② - 스코프, 실행컨텍스트, 스코프체인 : http://jinbroing.tistory.com/116 [this란]- 해당 함수가 현재 어느 실행컨텍스트에서 구동되고있는지 알려줌- 현재 컨텍스트가 참조하고 있는 객체를 가리킴, 참조객체가 없다면 전역객체를 가리킴- this는 최초 실행 시 정의되고, 실행 도중 변경 불가능- this는 실행컨텍스트를 가리킴 [자바스크립트 실행가능한 코드와 실행컨텍스트]1) global2) function3) eval - 코드가 실행되면 컨텍스트 생성 및 컨텍스트 스택에 쌓임 - global은 앱이 실행되었을 때 최초 1번, 앱이 종료되었을 때 스택에서 제거됨- function 함수 호출될 때 생성, 실행이 끝난 후 스택.. 2017. 5. 16. [웹기본개념] 웹서버와 웹어플리케이션서버 [웹서버와 웹어플리케이션서버 차이]- 같은 서버이지만 원활한 서비스를 하기위해 서버의 역할을 나누어놓음- 같이 처리할 수는 있으나 규모가 일정 이상 커졌을 때 서버의 역할을 나누어 성능 분산 효과를 보기위해 개념 사용 [웹서버란]- 웹서버 : 정적인 파일(.html, js 파일, 이미지 파일 등)을 제공하기위한 서버, HTTP 프로토콜에 의해 제공- 클라이언트(웹브라우저)에게 컨텐츠(정적인파일)를 제공하는 서버- 정적인 파일로만 처리 가능한 것은 WAS로 요청을 넘기지않고 바로 요청 처리함 [웹어플리케이션서버란]- 웹어플리케이션서버(WAS) : 동적인 데이터를 제공하기위한 서버, WAS에서 데이터를 가공 후 웹서버에 전달- 웹서버에서 정적인파일 수정 후 클라이언트 전달 - 동적인 요청(예를 들어 사용자에.. 2017. 5. 16. [자바스크립트] 개념정리② - 스코프, 실행컨텍스트, 스코프체인 [먼저 보면 좋은 게시글]- [자바스크립트] 짧게짧게 개념정리① : http://jinbroing.tistory.com/112 [스코프]- 변수의 범위를 뜻함- 자바스크립트는 블록( { ... } )이 아닌 함수 기준 변수 범위를 사용함- 함수의 유효범위는 [[Scopes]] 프로퍼티로 함수 객체 내 연결리스트 형태(왜 연결리스트인지는 아래 내용들 참고)로 관리됨 [실행컨텍스트와 스코프]- 실행컨텍스트가 생성될 때 스코프 정보를 생성함- 실행컨텍스트 종류는 어플리케이션이 실행되면 자동으로 생성되는 전역 컨텍스트 / 함수가 실행되면 생성되는 함수 컨텍스트가 있음- 전역 컨텍스트에는 전역객체(스코프정보가 담긴 [[Scopes]] 프로퍼티, 함수 파라미터 정보가 담긴 arguments)가 있음- [[Scope.. 2017. 5. 12. [자바스크립트] 함수는 값이다 그리고 일급객체다 [먼저 보면 좋은 게시글]- [자바스크립트] 객체란 무엇인가 그리고 함수는 객체다 - http://jinbroing.tistory.com/113 [자바스크립트 함수는 값]- 자바스크립트는 함수를 값으로 취급함- 값의 형태는 객체(object) [자바스크립트 함수 특징]- 자바스크립트 함수는 값(object)으로 변수에 저장할 수 있음- 자바스크립트 함수는 자료구조(array, object 등)에 저장할 수 있음- 자바스크립트 함수는 다른 함수의 인자로 전달할 수 있음- 자바스크립트 함수는 return 값으로 사용될 수 있음 [일급시민과 일급객체란 무엇인가]- 일급시민(first class citizen)이란 값으로 다룰 수 있음을 뜻함, 예를 들어 값에는 숫자와 문자가 있음- 일급객체(first clas.. 2017. 5. 12. 이전 1 2 3 4 5 6 다음
