Javascript21 Javascript : nodejs Express 쿼리스트링 쿼리 스트링이란?URL을 통한 데이터정보 전달이라고 생각하면된다.예를 들면 http://a.com/topic?id=1 이라고 있을때 id =1을 쿼리 스트링이라고 한다.이것은 id의정보가 1라는 것을 나타낸다. 예제 위와 같이 코드를 작성한다. 각각의 뜻하는 것은 일단 topics라는 배열에 작성한 스트링을 넣어준다(각각의 쿼리스트링에 해당되는 정보를 보여주기위해서)그리고 output이라는 변수에다가 id즉 쿼리스트링에 해당되는 링크를 만들어준다.그리고나서 topics변수에 해당되는 스트링을 보여준다. 마지막으로 res(응답)에다가 output을 해주면 각각의 해당되는 링크를 보여줄것이고그 링크를 클릭했을때 해당 쿼리스트링이 찍히면서 글을 보여줄것이다. 위와같이 각각 쿼리링크(id =0,1,2)에 해당되.. 2017. 4. 20. Javascript : nodejs express 정적표현 정적표현이란? 쉽게 이야기하면 동적의 반대이다. 프로그래밍 적으로 만들어진 정보를 동적이라고 한다. 반대로 사람이 만들어 언제나 똑같이 나타내는것을 정적이라고 한다. 즉 이미지, CSS파일 JavaScript파일과 같은 정적 파일을 제공하려면 Express만의 방식을 사용해야한다. 방법 일단 expressjs.com 의 홈페이지에 보면 정적으로 나타내는 방법을 알려준다.위의 그림을 보면 express.static('public(폴더)')에서 public이라는 디렉토리를 정적으로 사용한다는 의미이다.따라서 디렉토리를 생성! 디렉토리는 그냥 우리가 만든 server_side_javascript디렉토리에 생성해준다.그리고 public 디렉토리안에 사진을 하나 넣는다. 위의 그림에서 3번째 코드를 보면 홈페이지.. 2017. 4. 20. Javascript : nodejs Express 이용 Express란? Express는 웹 및 모바일 애플리케이션을 위한 일련의 강력한 기능을 제공하는 간결하고 유연한 Node.js 웹 애플리케이션 프레임워크이다. 즉 nodejs에서 웹을 만들기위해 더 편하게 만들기위해 제공하는 소프트웨어라고 보면된다. Express설치 및 예제 expressjs.com으로 접속한다그럼 바로 인스톨하는 방법이 보이는대 저번에 배운대로 설치하면된다물론 설치전에 패키지를 지정해주는것이 필수! (NPM이라고 보면된다 ) 2017/04/18 - [Javascript] - Javascript : nodejs NPM 이용 윗글 참조 그럼 cmd 창을 띄워 디렉토리를 내가 만든 패키지 폴더로 이동시킨후에 다운 아톰에서 확인해보면 여러가지 폴더가 만들어진 것을 확인할수있다. 이로써 웹을.. 2017. 4. 19. Javascript : nodejs NPM 이용 NPM을 이용하기 기본적인 예제를 통해서 NPM을 알아보았다. 그럼 이번에는 npm을 통하여 다른사람의 모듈을 이용하는 방법을 알아보자. npm에서 underscore이라는 소프트웨어를 다운받아서 사용해보자. 검색해보면 따로 다운로드 하는방법이 없다. 위의 그림에보면 사이트가 보이는대 들어가보자. 밑에보면 install방법이 보인다 node.js용으로 복사 하지만 다운받기전에 내가 현재 다른사람의 패키지를 이용하기위해서는 나역시 패키지로 만들어야한다.패키지를 만들기위해서는 cmd화면에서 npm init을 치면 된다. 그럼 몇가지 절차가 나오는대 대충 뜻을보면 알수 있다. 그렇게 완성되면 패키지 파일이 하나 생성된다 그럼 이제 아까 복사해둔 underscore를 다운 그럼 아톰으로 돌아가보면 폴더가 생성된.. 2017. 4. 18. Javascript : nodejs NPM NPM이란? NPM(Nodejs Package Manager)라한다 NPM은 쉽게 말하면 핸드폰에서의 어플이라고 보면된다 핸드폰만으로는 새로운 기능을 사용하기 힘들다. 그래서 우리는 어플을 다운받아 다른 기능들을 사용하는대 편의성을 높인다. 이처럼 편의성을 높이기위한 것을 NPM이라고 보면된다. 간단한 예제 일단 사이트에 접속한다 ( npmjs.com) 상단에 예제로 사용할 소프트웨어를 검색 (uglifyjs 라는 소프트웨어)을 검색하면위 그림과 같이 다운로드 하는방법을 알려준다. cmd에 접속해서 복사한 것을 붙여넣기하면 다운이 시작 그럼 내가 미리 작성해놓은 코드를 uglifyjs를 통해 실행시키면 들여쓰기나 띄어쓰기가 제거된후 실행되는 사실을 알수 있다. 원래 코드의 원본 2017. 4. 18. Javascript : node.js 기본 웹 에플리케이션 간단한 웹 예제 기본적으로 예제를 하기전 알아야할 개념으로 클라이언트와 서버의 관계이다. 클라이언트(사용자) 서버( 데이터 제공자)로 나누어진다. 즉 사용자가 정보를 얻기위해 요청하는 곳이 서버이고 서버에 접속할때 보통 우리는 도메인을 사용한다. 도메인은 숫자로만 되어있는 (ex 215.512.885.112) IP를 사람이 쉽게 알아볼수 있도록 해주는 역할을한다. ( IP(컴퓨터언어) = 도메인 (사람언어) ) 포트는 서버에 접속하기 전에 들어갈수 있는 문이라고 생각하면된다. 현재 HTTP는 80번 포트를 사용중이다.즉 http로 접속하는 모든 것들은 80번 포트로 지정되어 있기때문에 생략이 가능하다.이정도 개념을 가지고 밑의 예제를 시작해보자 nodejs.org 홈페이지에 가보면 ABOUT에 기본적인 .. 2017. 4. 17. Javascript : node.js 실행 Node.js 실행node.js는 자바스크립트를 기본으로하는 서버측 언어라고 보면된다. 즉 자바스크립트를 기반으로 하기 때문에 쉽고 빠르다 라는 장점이있다. 또한 자바스크립트를 웹이라는 울타리에서 벗어나게 해주는 아주 중요한 역할을 하기 때문에 node.js를 공부해보자. 2017/04/17 - [Javascript] - Javascript : Javascript와 JSP에서 설치한 node.js를 실행해보자 처음에는 내가 프로젝트를 만들 폴더를 적당한곳에 만든다. 예를들면 나는 위 그림과 같은 경로로 폴더를 생성 내가 지정해준 폴더안에 새로운 파일을 만들고 기본적으로 콘솔에서 보여주는 문법을 작성 그후 cmd를 실행(윈도우) 후에 디렉토리를 프로젝트 폴더가 있는곳으로 옮겨준다.dir/w를 입력하면 현재.. 2017. 4. 17. Javascript : Javascript와 JSP Javascript와 JSP의 차이가장 큰 둘의 차이점은 서버측을 사용하느냐 마느냐의 차이가 가장크다. 예를 들면 Javascript는 클라이언트 자원(자신 컴퓨터)을 사용하여 계산을 하는 반면, JSP는 서버측의 자원을 사용하여 계산을 한다. 따지고 보면 서버측 자원을 사용하는 JSP가 더 좋아 보이지만, 서버의 과부하가 생성될수 있어 좋다고만은 할수 없다. 즉 Javascript는 웹에서만 돌아가는 언어였던것.. .....여기서 내가 헷갈렸던 사실은 Javascript만을 이용하여 데이터베이스를 이용한 게시판을 만들려고 했으나. Javscript만으로 DB에 접속하기 어렵다는 사실을 알아냈다. 보통 게시판을 작성하기 위해서는 JSP를 이용하여( 서버측) 쉽게 DB까지 이용 가능하다. 따라서 다른 방법.. 2017. 4. 17. 이전 1 2 3 다음
