Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub.
1 | $ hexo new "My New Post" |
More info: Writing
1 | $ hexo server |
More info: Server
1 | $ hexo generate |
More info: Generating
1 | $ hexo deploy |
More info: Deployment
node.js의 전반적인 내용을 훑고 공부할 겸 게시판만들기 프로젝트를 시작했다.
이것저것 생각하며 만들다보니 영 속도도 안나고 삽질만 하고있지만..
어제까지 route와 module들을 하나하나 잡으며 고생했는데 알고보니express framework쓰니까 내가 이틀 고생해서 만든 것보다 더 깔끔하고 알찬 형태로
구성해 주더라..
로컬 mySQL로 database를 연동시키려고 했는데 웬걸, 실행이 안되고 있었다.
이전에 일하던 회사에서 익숙해진김에 hediSQL을 사용하는데 로그인이 안됐다.
알고보니 내 컴퓨터의 mySQL서비스가 꺼져있던것!
내컴퓨터 - 왼쪽에 있는 내 PC를 우클릭하면 나오는 관리 - 서비스 및 응용 프로그램 - 서비스 - mySQL또는 mySQL56(버전마다 다를듯)을 실행하고나서 다시 hediSQL접속 시도하니까 접속가능!
게시판 종류를 두 개로 하려다보니 각각의 CRUD용 페이지를 구성하는게 고민이다.
어떤 부분을 하나로 쓰고 어떤 부분을 나누는게 가장 효율적일지는 좀더 생각해봐야 할 것 같다.
TGL경복빌딩의 eBrain에서 있었던 OKKY세미나에 형들과 다녀왔다.
마이다스 아이티에서 10년 3개월 5일(?) 일하다가 나오신 황후순님이 세미나를 해주셨고,
주제는 IT회사 탐방기 였다.
황후순님의 이력에 대한 간단한 설명을 듣고
(안전도 시뮬레이션등을 하는 회사, 인공지능 면접 솔루션 개발 등),
어떻게 많은 회사들을 다녀오실 수 있었는지도말씀해주셨는데,facebook등과 같은 SNS를 활용하신다고 한다.
예를 들면 회사는 내가 누구인지 모르니 나를 알려야 하므로, 그 회사에 다니는 사람 등의
게시물에 댓글을 달거나 하는 식으로 인맥을 확장해 나가는 방식!
SNS에서 소통하다가 방문하는 방식이라고 한다.
연사님은 개발자로 10년을 일을 하셨는데 퇴사를 하게 된 계기는 두가지라고 했다.
싱가폴로!
Google Developer신분(?)이셔서 코딩테스트 패스하셨고 화상면접, 라이브코딩 여러번을 거치셨다고 한다.싱가폴-> 개발자가 일하기 좋은 나라
실패라는 단어를 사용하지 않고 실수로 여김, 실수는 성공하기 위한 과정임나는 어느 쪽을 추구하는지 고민해볼 부분
공부는 공부의 결과를 낳는다.
개발은 80까지!!
Almost whenever I check my hexo github blog no matter local or github,
the language kept being changed like an alive creature.
One time that was in English, next time it was in Spanish, next time it was in
French, and then it was in Indonesian.
yeah it was so crazy
So I checked hexo‘s document.
-> https://hexo.io/docs/internationalization.html
And I found the reason and how to SET your blog’s language.
hexo says that if we set i18n_dir as lang, they will detect the language within the first segment of URL. For example:1
2
3/index.html => en
/archives/index.html => en
/zh-tw/index.html => zh-tw
The string will only be served as a language when the language file exists. So archives in /archives/index.html (example 2) will not get served as a language.
But it was odd. When my blog shows French, request headers message’s language part setting was right(in Korean or English).
I don’t know why the other languages appeared but after setting languageoption
as en in _config.yml and then deleted, it became ok.
Until now I think it’s about hexo-i18n but I don’t understand why;;
If this blog’s language is weird then notice me. In case I will see again,
I will try to find the reason again
#Server Strting module
This module can be used without abstracting by require()method.
When this module is installed, the code uses -g option. -g makes the installing globally.
Then the modules which are installed with -g option are placed in {prefix}/lib/node_modules and the executable files are placed in {prefix}/bin
We will install supervisor and forever modules with the option like this.
1 | npm install -g supervisor |
#supervisor moduleNode.js programming makes us stop and restart the server again and again whenever we need to change the code because though the files are changed, the script executing doesn’t get impact. But, supervisor module recognizes the difference and restarts the server automatically.
we can check their document here -> https://github.com/petruisfan/node-supervisor
supervisor module’s basic usage is supervisor (file name) .
We will see what happens with the module from now on.
I made a code for showing the changing. When I made this code,1
2
3
4
5
6
7
8var http = require("http");
http.createServer(function ( request, response){
response.writeHead(200, {'Content-Type':'text/html'});
response.end('<h1>Supervisor test - 1</h1>');
}).listen(52273, function(){
console.log("Server Running at http://127.0.0.1:52273");
});
I see the page when I enter http://127.0.0.1:52273 or localhost:52273
And I change and save the server code file like this without restarting,1
2
3
4
5
6
7
8var http = require("http");
http.createServer(function ( request, response){
response.writeHead(200, {'Content-Type':'text/html'});
response.end('<h1>Supervisor test - 2</h1>');
}).listen(52273, function(){
console.log("Server Running at http://127.0.0.1:52273");
});
and then refresh the web page, the page is changed like this.
supervisor module restarts any programs when the code ends no matter what the programs are. This means in the case we run some short code like1
console.log("Run with supervisor");
the program gets infinite restarting.
so we should use the module when we start server program.
모든 HTML 페이지를 자바스크립트로 작성하기는 힘들다.file system모듈은 서버에 있는 HTML페이지를 사용자들에게 보여줄 수 있게 해준다.
HTML페이지(HTMLPage.html)을 사용자에게 제공하기 위해서 자바스크립트 파일을 다음과 같이 작성해보았다.
1 | const fs = require("fs"); |
만약 다른 종류의 파일을 제공하고 싶다면, 5번째 줄의 MIME타입을 바꿔서 제공할 수 있다.
예를 들어 jpeg파일의 경우는 text/html을 image/jpeg로 변경하여 제공할 수 있다.
또한 다른 MIME 타입들도 동일한 방식을 적용할 수 있다.
text/plain — 기본 텍스트text/html — HTML 문서text/css — CSS 문서text/xml — XML 문서image/jpeg — JPG/JPEG 이미지 파일image/png — PNG 이미지 파일video/mpeg — MPEG 영상 파일audio/mp3 — MP3 음악 파일우리가 치킨을 시켜먹을때, 전화로 이렇게 말한다
“여기는 A아파트구요, B동 C호에요… 치킨 한마리 배달해주세요”
그러면 우리는 약간의 시간 뒤에 우리가 주문한 치킨을 집(전화로 말한 주소)에서 받게 된다.
이러한 맥락에서 URL을 웹 브라우저에 입력하는 것은 치킨을 시키는 전화로 볼 수 있고,
웹페이지를 웹브라우저으로부터 받는 것을 치킨집으로부터 치킨을 받는 것으로 볼 수 있다.
이러한 비유가 웹페이지의 요청과 응답에 대한 기본적인 이해이다.
서버는 요청을 보내는 방법에 따라 http 웹서버 또는 https 웹서버 등으로 불린다.
요청메시지를 사용하면, 유저들에게 더 적합한 웹페이지를 보여줄 수 있다.
응답메시지를 사용하면, 쿠키를 사용, 저장하거나 페이지 강제 이동 등의 추가 기능을 사용할 수 있다http모듈에서 가장 중요한 객체는 server객체이다.server객체는 http 모듈의 createServer()메소드를 사용하여 만들 수 있다.
listen(port[, callback]) — 서버를 시작한다close([callback]) — 서버를 중지한다request — 사용자가 무언가를 요청할 때 발생connection — 사용자가 서버에 접속할 때 발생close — 서버가 닫힐 때 발생checkContinue — 사용자가 서버를 계속 열고 있을 때 발생upgrade — 사용자가 HTTP 업그레이드를 요청할 때 발생clientError — 사용자가 에러를 발생시키면 발생웹페이지를 제공하고자 할 때, 요청메시지를 작성해야한다.
요청메시지의 작성은 request 이벤트 리스너의 두번째 매개변수인 response객체를 통해 할 수 있다.
writeHead(statusCode[, statusMessage][, headers]) — response header를 작성할 때end([data][, encoding][, callback]) — response객체의 본문을 작성
ejs모듈을 다운로드할때는 다음 코드를 사용한다.1
npm install ejs;
위의 코드를 실행하면, npm이 외부 모듈을 설치하게된다.
설치가 끝나면 밑의 코드처럼 기존의 내부 모듈 사용법과 마찬가지로 변수에 담아서 사용이 가능하다.1
var ejs = require('ejs');
ejs 모듈은 템플릿 엔진 중 하나이기 때문에 특정 형태의 스트링을 HTML 타입의 스트링으로 변환시켜준다.
ejs페이지를 HTML 페이지로 변환시키는 서버 페이지를 만들고자 한다.
이때에는 ejs모듈에 내장된 render(str, data, option)메소드를 사용한다.
변수를 사용할 때, ejs 안에서 변수를 선언하여 사용할 수도 있지만,
일반적으로 자바스크립트에서 선언한 변수를 ejs로 전달하여 사용한다.
자바스크립트의 변수를 ejs로 넘겨줄때는, 아래 코드의 9, 10번째 줄처럼 render() 메소드의 두 번째 매개변수에 담아 전달한다.
Tip — 파일을 저장할때 반드시 utf8로 인코딩해서 저장해야한다.1
2
3
4
5
6
7
8
9
10
11
12
13
14
15var http = require("http");
var fs = require('fs');
var ejs = require('ejs');
http.createServer(function ( request, response){
fs.readFile("ejsPage.ejs", 'utf8', function(error, data){
response.writeHead(200, {'Content-Type':'text/html'});
response.end(ejs.render(data, {
name: 'booski',
description : 'Hellow ejs with node.js'
}));
});
}).listen(52273, function(){
console.log("Server Running at http://127.0.0.1.52273");
});
ejs 페이지를 작성할때, 몇가지 특수한 태그들을 사용할 수 있다.
<% Code %> → 자바스크립트 코드를 넣는다<%= Value %> → 데이터를 출력한다위의 태그들을 사용하여 ejsPage.ejs파일을 작성해보았다.1
2
3
4
5
6<h1><%=name%></h1>
<p><%=description%></p>
<hr/>
<%for(var i = 0;i<10;i++){%>
<h2>The Square of <%= i %> is <%= i*i%></h2>
<%}%>
Jade 모듈도 ejs와 마찬가지로 템플릿 엔진 중 하나이다.
Jade모듈을 설치할 때에도 다음과 같이 ejs와 같은 방식(외부 모듈 설치)을 사용한다.1
npm install jade
Jade 모듈이 jade페이지를 HTML페이지로 변환할 때는 모듈의 내장 함수 중compile(String, option)을 사용한다.ejs모듈의 render()함수와 한가지 다른 점은 render()함수는 스트링을 리턴하지만,jade의 compile()함수는 함수 자체를 돌려준다.
같은 맥락에서 jade에 자바스크립트의 변수를 전달할 때는 아래 코드의 11, 12번째 줄처럼compile()함수가 리턴한 함수의 매개변수로 전달한다.
1 | var http = require("http"); |
Jade를 사용할 때도 ejs처럼 특별한 방식으로 코드를 작성해야한다.
가장 중요한 부분은 들여쓰기이다.jade모듈은 들여쓰기를 기준으로 새로운 HTML태그를 만들기 때문이다.
Tip: jade에서 들여쓰기를 할 때는 탭 또는 스페이스바 중 하나로 통일해야한다.
그렇지않으면 에러가 발생한다.
태그 안에 글을 넣고 싶을 때는 해당 태그의 다음 줄에서 들여쓰기를 한 뒤 작성하면 된다.
또한 어떤 태그에 속성을 부여하고 싶을 때는, 괄호 ()를 이용하면 된다.(여러 속성을 주고 싶으면 각 속성을 ,로 구분한다.)
Jade는 doctype과 주석 등 몇 가지 코드를 특수한 형태로 변환하는데 그 형태는 다음과 같다.
doctype html → <!DOCTYPE html>// JADE String → <!-- JADE String -->특히 새 div태그를 만들 때는 ‘div’를 직접 쓸 필요가 없다.
#header의 형태로 jade를 작성하면, ‘header’를 id로 갖는 div태그가 만들어진다.
같은 방식으로, .article의 경우는 ‘article’을 class로 갖는 div태그가 만들어진다.
Jade 역시 ejs처럼 특수한 태그를 갖는다.
-Code → 자바스크립트 코드를 적는다#{Value} → 값을 출력한다.(내용 중간에 값을 집어넣음)=Value → 값을 출력한다.(전체 내용이 값이 됨)for 반복문도 구현 가능하다.지금까지 언급한 내용을 바탕으로 아래와 같은 코드를 작성할 수 있다.1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16doctype html
html
head
title index Page
body
// JADE String
#header
h1 hello jade...!
h2 #{name}, we are the World
h3= description
hr
- for(var i = 0; i< 10;i++) {
.article
p
a(href="https://medium.com/@booski/", data-test="attribute added") Go to new world #{i}
- }
그리고 서버를 실행하면 아래의 화면을 브라우저에서 확인할 수 있다.
When we want to update many columns in one query,
we can just connect them with ,.
Let’s say we want to update A column to 1 and B column to 2 in one query.
Then we can do like this,1
update table name set A = 1, B = 2;
When we want to add or subtract some value like +1 or -1,
we can do like this( in the case we want to add 1)1
update table name set column's name = column's name + 1;
This query adds 1 in all values of that column.
So we can use this like this1
update table name set column's name = column's name +1 where column's name = A;
This query adds 1 if the column’s value is A.
If new person came to line ‘6’ in the back,1
update bank set waiting = waiting +1 where line_num = '6';
then we add 1 to waiting column in the row having 6 as its line_num column’s value.