생활코딩/WEBn
-
[Node.js] 인코딩 - encodeURI(), charset=utf-8생활코딩/WEBn 2020. 9. 17. 22:12
URL의 인코딩 실습 중 한글 인코딩 관련해서 이슈가 발생했다. 먼저 코드 원문. 유저로부터 받은 post 데이터를 파싱해서 파일명 title인 파일을 생성하고, 유저를 해당 파일 페이지로 리다이렉트 한다. fs.writeFile(`data/${post.title}`, content, 'utf8', function(err){ response.writeHead(302, {location: `/?id=${post.title}`}); response.end(); }); 아래는 발생한 에러메세지. _http_outgoing.js:512 throw new ERR_INVALID_CHAR('header content', name); ^ TypeError [ERR_INVALID_CHAR]: Invalid charact..
-
[Node.js] 비동기/동기(Sync)와 콜백, request생활코딩/WEBn 2020. 9. 15. 22:33
[강의 출처] opentutorials.org/course/3332 WEB2 - Node.js - 생활코딩 수업소개 이 수업은 JavaScript를 이용해서 Node.js를 제어해 동적으로 HTML 코드를 생성하는 웹애플리케이션을 만드는 방법에 대한 수업입니다. 수업대상 예를들어 1억개의 페이지로 이루어진 웹사 opentutorials.org Node.js에서의 비동기처리 동기(Synchronous): 작업을 순차적으로 처리 비동기(Asynchronous): 작업을 병렬적으로 처리 비동기로 처리하면 대기시간이 없어 빠르기 때문에 퍼포먼스가 중요한 작업에 권장됨 node.js에서는 비동기가 default로, 동기처리용 함수는 Sync 형태로 제공됨(ex fs.readFile, fs.readFileSync)..
-
[HTML] form생활코딩/WEBn 2020. 9. 14. 20:31
[강의 출처] opentutorials.org/course/3332/21134 HTML - Form - 생활코딩 수업소개 웹브라우저에서 서버로 데이터를 전송할 때 사용하는 기능이 form입니다. 여기서는 HTML로 폼을 만드는 방법을 살펴보겠습니다. 강의 소스코드 syntax/form.html opentutorials.org Form 사용자와의 상호작용을 위한 틀을 짜주는 HTML의 기능 무엇을: form 내부 control들(input, textarea ... )에 사용자가 입력한 정보를 언제: 사용자가 submit 버튼을 눌렀을 때 어디로: form의 action 속성이 가리키는 서버로 어떻게: 쿼리스트링 형태의 데이터로 전송 method="post" 유저의 데이터를 url로 받으면 보안 이슈 등 의..
-
[Node.js] NPM, PM2생활코딩/WEBn 2020. 9. 14. 16:38
[강의 출처] opentutorials.org/course/3332/21133 Node.js - 패키지 매니저와 PM2 - 생활코딩 수업소개 혼자서 소프트웨어를 만드는 일은 거의 없습니다. 타인의 모듈을 이용해서 소프트웨어를 만들게 됩니다. 이 때 사용하는 모듈이 많아지면 여러가지 복잡한 문제가 생겨납니다. 이를 �� opentutorials.org NPM (Package Manager) python의 pip에 해당 전역에서 사용할 패키지라면 'npm install 패키지명 -g'으로 다운로드가 가능하다. -g는 --global 옵션. 특정 프로젝트에서만 사용할 패키지라면, 해당 경로에서 'npm init' 명령을 통해 프로젝트 초기 설정 후, 다운로드 및 관리할 수 있다. init시에 패키지명을 비롯해..
-
[Node.js] 기타 - read/write JSON, function import, css/js response, favicon생활코딩/WEBn 2020. 9. 11. 23:32
~node.js로 로컬호스트에서 웹페이지 실습 겸 삽질해가며 깨달은 내용 기록~ json파일 가져오기 data // 확장자 따로 설정하지 않았다 { "logo": "https://images.unsplash.com/photo-1592438710456-7ac899fc0b94?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&w=1000&q=80", "logosize": "width=\"300\" height=\"200\"", "description": "Big Tech, also known as the Tech Giants or S&P 5, are the largest and most dominant companies in the information technology indust..
-
[Node.js] 개요 - CRUD(Create, Read, Update, Delete)생활코딩/WEBn 2020. 9. 10. 19:50
[강의 출처] opentutorials.org/course/3332 WEB2 - Node.js - 생활코딩 수업소개 이 수업은 JavaScript를 이용해서 Node.js를 제어해 동적으로 HTML 코드를 생성하는 웹애플리케이션을 만드는 방법에 대한 수업입니다. 수업대상 예를들어 1억개의 페이지로 이루어진 웹사 opentutorials.org CRUD(Create, Read, Update, Delete) fs(file system) 모듈을 이용. 보통 아래 형태로 모듈을 호출 const fs = require('fs'); Create file var fs = require('fs'); fs.writeFile('sample.txt', 'content', 'utf8', function(err){ // con..
-
[Node.js] 개요 - 웹페이지 생성 preview, query string생활코딩/WEBn 2020. 9. 9. 20:42
[강의 출처] opentutorials.org/course/3332 WEB2 - Node.js - 생활코딩 수업소개 이 수업은 JavaScript를 이용해서 Node.js를 제어해 동적으로 HTML 코드를 생성하는 웹애플리케이션을 만드는 방법에 대한 수업입니다. 수업대상 예를들어 1억개의 페이지로 이루어진 웹사 opentutorials.org Node.js javascript를 웹브라우저 외부(컴퓨터 자체나 서버 등)에서도 사용할 수 있도록 환경을 구현해주는 플랫폼 javascript 기반으로 웹페이지를 자동으로 생성하기 때문에 서버쪽 애플리케이션(Server Side Application)이기도 함 html을 직접 타이핑해서 웹페이지를 만들면 구조를 바꾸는 등의 작업은 굉장히 복잡해지지만, html t..
-
[Home Server] 개요생활코딩/WEBn 2020. 9. 8. 19:24
[강의 출처] opentutorials.org/course/3265 WEB2 - Home server - 생활코딩 수업소개 이 수업은 자신의 집에서 서버를 운영하는 방법을 알려드리는 수업입니다. 가정에서는 보통 공유기를 이용해서 인터넷을 이용하는 경우가 많습니다. 이런 환경에서 서버를 운영하기 � opentutorials.org IP주소(IP address) 컴퓨터 네트워크에서 기기들이 서로를 인식하고 통신하기 위해 사용하는 특수한 번호 기존에는 32비트 길이의 IPv4(IP version 4) 체계를 사용해왔으나(2**32개 수용 가능) 단말기가 늘어나면서 번호가 부족해짐에서 따라 IPv6로 변경하는 중(2**128개 수용 가능) 공유기(Router) IP주소는 돈을 주고 사야한다. 보통은 통신사와 계..