분류 전체보기
-
[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..
-
[JS] 탬플릿 리터럴(`를 이용한 표현식)생활코딩/ 2020. 9. 9. 14:04
[강의 출처] opentutorials.org/course/3332/21045 JavaScript - Template Literal - 생활코딩 수업소개 여러줄로 이루어진 문자열의 표현과 문자의 치환을 쉽게 할 수 있는 기능을 제공합니다. 강의 소스코드 var name = 'k8805'; // String literals var letter = 'Dear '+name+'\n\nLorem ipsum dolor sit amet, conse opentutorials.org [참고 페이지] developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Template_literals Template literals 템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴입니다...