본문 바로가기

자바스크립트와 캔버스

Node.js - Part13-2. 템플릿 예제 처음부터 시작하는 AWS와 Node.js 책자 본문 일부입니다. https://itadventure.tistory.com/493 [전자책 출간!] 처음부터 시작하는 AWS와 Node.js ( express ) 65 페이지 분량의 미리보기 책을 무료로 제공해드립니다 첨부파일을 다운로드하셔서 보시고 관심을 갖게 되신다면 그 때 구매하세요! 그동안 집필해본 '처음부터 시작하는 AWS와 Node.js' PDF 전자 itadventure.tistory.com 지난 이야기의 설명드린 내용대로 "내친 김에 만들어!" 보도록 하겠습니다. 참고로 랜덤 강아지 이미지를 제공하는 것은 해외 제공 오픈 API입니다. 템플릿을 활용하기 위해 ejs 모듈과 request 모듈을 설치해야 합니다. 새로운 폴더에서 또 시작해보도록 .. 더보기
Node.js - Part 12-3. 동적웹페이지 만들기 처음부터 시작하는 AWS와 Node.js 책자 본문 일부입니다. https://itadventure.tistory.com/493 [전자책 출간!] 처음부터 시작하는 AWS와 Node.js ( express ) 65 페이지 분량의 미리보기 책을 무료로 제공해드립니다 첨부파일을 다운로드하셔서 보시고 관심을 갖게 되신다면 그 때 구매하세요! 그동안 집필해본 '처음부터 시작하는 AWS와 Node.js' PDF 전자 itadventure.tistory.com 오늘은 좀 내용이 길어요~ 동적 웹페이지는 어떻게 만들면 되는 것일까요? app.get() 함수를 사용하시면 되는데요. 정적 웹 선언과 오류처리 사이에 배치해 주시면 됩니다. main.js 코드를 아래와 같이 수정해볼까요? const express=requi.. 더보기
Node.js - Part 12-1. 동적웹페이지? 그게 뭔데? 처음부터 시작하는 AWS와 Node.js 책자 본문 일부입니다. https://itadventure.tistory.com/493 [전자책 출간!] 처음부터 시작하는 AWS와 Node.js ( express ) 65 페이지 분량의 미리보기 책을 무료로 제공해드립니다 첨부파일을 다운로드하셔서 보시고 관심을 갖게 되신다면 그 때 구매하세요! 그동안 집필해본 '처음부터 시작하는 AWS와 Node.js' PDF 전자 itadventure.tistory.com 정적의 반대말은 동적이지요. 동적 웹페이지란 어떤 것일까요? 웹페이지가 막 걷기도 하거나 뛰기도 하거나 하는 등 움직이는 것일까요?... ^^; 이전 Part에서는 express 프레임워크에서 정적 웹사이트를 구성, 서비스하는 부분을 살펴 보았습니다. 정적인.. 더보기
Node.js - Part 11-6. 그림파일도 문제 없어요 처음부터 시작하는 AWS와 Node.js 책자 본문 일부입니다. https://itadventure.tistory.com/493 [전자책 출간!] 처음부터 시작하는 AWS와 Node.js ( express ) 65 페이지 분량의 미리보기 책을 무료로 제공해드립니다 첨부파일을 다운로드하셔서 보시고 관심을 갖게 되신다면 그 때 구매하세요! 그동안 집필해본 '처음부터 시작하는 AWS와 Node.js' PDF 전자 itadventure.tistory.com 파일 모듈에서 잠깐 설명 드렸는데요. 그림, 영상, 이미지 등의 파일은 특별한 처리가 필요해 복잡하다고 했었지요? express 는 그 부분도 문제 없습니다. 정적 웹페이지에서는 자동 처리가 되거든요. 이 참에 그림 파일을 업로드하는 부분도 알아보겠습니다. .. 더보기
Node.js - Part 11-5. 스크립트의 이해 자, 이제 4줄짜리 express 기본 소스가 어떤 구조인지 살펴 보도록 하겠습니다. Node.js 스크립트는 항상 첫 줄부터 순차진행됩니다. 첫째 줄 스크립트는 아래와 같은데요. const express=require('express'); 답습하는 의미에서 다시 살펴보겠습니다. const 는 한번 대입하면 변하지 않는 상수를 정의하는 선언문이고 const express 는 상수의 이름을 express 로 지어주겠다는 의미이며, 그리고 express = require('express');는 express 모듈을 불러와 express 에 넣어주겠다는 의미입니다. 등호기호 = 는 동일하다는 의미가 아니라 오른쪽을 복사해서 왼쪽에 넣는 의미였지요. express 도 결국은 모듈이기 때문에 이와 같은 방법을 사.. 더보기
http 웹페이지에서 카메라, VR 제어 권한 주기 크롬브라우저의 업데이트로 인해 http 주소에서는 카메라 제어나 휴대폰의 VR기울기 센서를 제어할 수 없도록 변경되었었는데요. 기본적으로 https 주소에서만 카메라나 VR기울기센서를 사용할 수 있습니다. 그렇다고 https 인증서를 구매해서 적용하자니 돈이 들고 해서 나중에 기회가 되면 알아볼까 했었는데요. 오늘 드디어 http 주소에서도 카메라, VR을 제어할 수 있는 방법을 알아내어 공유합니다! 단, 이 방법은 사용자 본인이 각각 적용할 URL을 직접 입력해야 작동되는데요. 먼저 아래 URL 에 접속하신 다음에, chrome://flags/#unsafely-treat-insecure-origin-as-secure Disabled 선택상자를 클릭, Enabled 로 바꿔 주세요 그리고 제어를 허용할 .. 더보기
Node.js - Part 11-4. 단 4줄로 정적 웹사이트 만들기 처음부터 시작하는 AWS와 Node.js 책자 본문 일부입니다. https://itadventure.tistory.com/493 [전자책 출간!] 처음부터 시작하는 AWS와 Node.js ( express ) 65 페이지 분량의 미리보기 책을 무료로 제공해드립니다 첨부파일을 다운로드하셔서 보시고 관심을 갖게 되신다면 그 때 구매하세요! 그동안 집필해본 '처음부터 시작하는 AWS와 Node.js' PDF 전자 itadventure.tistory.com Part11-3은 중요도가 그리 높지는 않아 건너 뛰었습니다 :) 이전 Part 에서 파일 모듈로 정적인 웹사이트를 만드는 부분을 다뤄봤었는데요. express.js 를 이용하면 단 4줄로 정적인 웹사이트를 만들 수 있어 살펴보겠습니다. 스크립트를 입력해볼 .. 더보기
Node.js - Part 11-1. express 프레임워크 소개 처음부터 시작하는 AWS와 Node.js 책자 본문 일부입니다. https://itadventure.tistory.com/493 [전자책 출간!] 처음부터 시작하는 AWS와 Node.js 65 페이지 분량의 미리보기 책을 무료로 제공해드립니다 첨부파일을 다운로드하셔서 보시고 관심을 갖게 되신다면 그 때 구매하세요! 그동안 집필해본 '처음부터 시작하는 AWS와 Node.js' PDF 전자 itadventure.tistory.com Express! 이삿짐 센터일까요? Node.js 에서는 노우! 홈페이지 틀을 구축해주는 성능 좋은 도구입니다. 이런 도구를 프레임워크라고 부르지요. 지난 파트에서는 fs파일모듈믈 이용하여 다소 원시적(?)인 웹서비스를 제공하는 방법을 살펴보았는데요. 위 방법의 장점은 반응속도가.. 더보기