ian의 개발일기장

1. HTTP란?HTTP(Hyper Text Transfer Protocol)는 웹에서 HTML 문서와 같은 리소스들을 주고 받을 수 있는 프로토콜입니다. 웹의 창시자 팀 버너스리(Tim Berners-Lee)와 그가 속한 팀은 CERN에서 HTTP를 발명 했습니다. 2. 작동방식HTTP는 Server/Client 모델이며, 개별적인 메시지교환을 통해 통신을 합니다. 클라이언트가 요청을 보내면, 서버가 응답을 돌려준다.클라이언트에 의해 전송되는 메세지를 Request(요청)라고 부르며, 그에 대해 서버에서 응답으로 전송되는 메세지를 Response(응답)라고 부른다. 크롬에서 개발자도구를 키고 Network탭으로 간 다음, 위에 주소로 접속을 해보자.HTTP Header에 메세지를 담아 클라이언트가 요청..

1. 만들어 볼 것.글 목록 - topic/글 상세 보기 구현 - topic/:id글 추가 기능 구현 - topic/add글 편집 기능 구현 - topic/:id/edit글 삭제 구현 - topic/:id/delete 2. 글 목록지난번에 생성했던, app_file.js를 복사해서, app_mysql.js을 생성한 후, 위의 코드를 템플릿엔진 사용하는 곳 밑에 추가해준다. 우리가 만들 것은 글 목록을 보는 것이므로, /topic의 라우터를 수정 할 것이다. fs를 이용한 부분은 삭제하고, sql을 이용한 쿼리를 추가해주고, 서버를 키고, http://localholst:3000/topic 로 들어가면, 지난번에 저장한 db의 테이블이 배열로 나온다. 배열안의 객체는 테이블의 rows를 가리킨다. 기존에 ..

1. MySQL 소개관계형 데이터베이스 시스템웹에서 성공MariaDB - MySQL과 호환가능 2. MySQL 설치 - 맥(OS X)bitnami 이용 MySQL에서 홈페이지 다운homebrew를 이용한 설치homebrew를 이용해서 설치해보자. 1. MySQL 설치 - 터미널에 brew install mysql 입력 2. MySQL 시작 - 터미널에 mysql.server start 입력3. root 비밀번호 설정 - 터미널에 mysql_secure_installation 입력 터미널에 입력을 하면 여러가지 설정들이 뜬다.복잡한 비밀번호 설정을 위한 과정을 거칠 것인가? 저는 no로 대답.root 비밀번호 입력 및 확인 - 개인비번 입력익명 사용자를 삭제할 것인가? 저는 yes (mysql -uroot..

1. 데이터베이스 데이터를 저장하고, 꺼내오는 것을 전문적으로 담당하는 소프트웨어.체계화된 데이터의 모임. 즉, 작성된 목록으로써 여러 응용 시스템들의 통합된 정보들을 저장하여 운영할 수 있는 공용 데이터들의 묶음 2. 데이터베이스의 종류관계형 데이터베이스대표적인 제품들 - Oracle, MySQL, SQL SERVER공통적으로 언어를 SQL을 사용.관계형 데이터베이스부터 배우는 것이 좋음. 아무튼 꼭 알아야함. 관계형 데이터베이스가 아닌 것현대세계가 복잡해지면서, 관계형 데이터베이스들이 가진 모델로 표현불가능. 새로운 데이터베이스들이 출현.NoSQL이 출현. 3. 만들어 볼 것 출처 - 생활코딩, 위키피디아(한글)

1. 파일 업로드 준비 사용자가 선택한 파일을 업로드하여 저장하는 것을 만들어 볼 것. express에서는 따로 제공하지 않아서, 모듈을 사용해야한다.그것은 바로 multer, 사용법은 링크로 들어가보면 나와있다. 우선 설치는 npm 모듈을 이용해야 한다. 2. 파일 업로드 양식(form)/upload 라우터로 접속 할 때, 업로드창이 뜨도록 설정하기. 1. 기본 틀 작성 후, 라우터 설정.유저가 /upload로 접속했을 때 와 파일을 전송후 접속되는 get과 post 라우터를 위와 같이 설정해준다. 템플릿 엔진을 이용하기위해 다른코드도 입력했다. 2. 템플릿 엔진 작성views_file 폴더에서 템플릿 파일을 사용할것이므로, views_file 폴더에 upload.pug를 만들어서, 위와같이 입력해보자..

1. 오리엔테이션만들어 볼 것글 작성, 저장, 조회(1,2) 라우팅 구조글 작성 : /topic/new글 저장,조회1 : /topic조회2 : /topic/nodejs 2. 라우팅app_file.js로 메인 파일을 만들자. 위와 같이 코드작성 후, 서버가연결되나 확인해보자. 이때, 전에 배운 nodemon app_file.js로 작동시키면, 서버를 껐다가 다시키는일을 반복하지 않아도 된다. 글을 작성할 라우터 /topic/new를 작성해주자. 글 작성을 위해서 템플릿 엔진을 사용 할 것이다.app.set을 통해, 템플릿 엔진 사용할 명령어를 입력해주고, 템플릿 파일이 있는 폴더를 '/views_file'로 지정해준후, views_file이라는 새폴더를 만들자. views_file 폴더에 new라는 템플릿..

1. Supervisor 왜 필요한가? 항상 nodejs에서 파일을 수정하면, Ctrl+C키를 눌러 서버를 종료 후, node+파일명으로 서버를 켜야 변경내역이 적용됬었다. Supervisor는 이러한 불편함을 해소하기 위해서 나온 패키지이다. 2. 설치방법 터미널에 입력한다. 3. 사용법 터미널에 supervisor + 파일명 을 입력하면 된다. 4. 비슷한 패키지 nodemon이라는 패키지가 있다. supervisor랑 기능은 동일하다. 설치방법 실행방법nodemon + 파일명 출처 - 생활코딩

1. POST 방식을 이용한 정보의 전달 GET method - GET is used to request data from a specified resource.GET method는 HTTP method이다. GET라는 단어 뜻처럼, 클라이언트의 요청에 따라 어플리케이션의 응답의 정보를 얻는 것이다. 클라이언트가 url을 통해, 정보를 얻는 것도 GET method 이다. POST method - POST is used to send data to a server to create/update a resource.POST method도 HTTP method이다. POST라는 단어 뜻처럼, 서버에 데이터를 http body에 담아서 전송하는 것이다. 예를들어, 로그인이나 게시판글들을 전송하는 것이다. 2...

1. 쿼리스트링이란? http://a.com/login 전체를 URL 이라고 한다. 그리고 위에 사진속에 빨간색으로 표시된걸 Path라고 한다. 우리는 라우터(Paht)에 따라서 다른결과를 보여주었다. URL에서 /topic 라우터 뒤에 id=숫자가 있는데 저것을 query string이라고 한다. 한개의 라우터에서 다른 결과들을 출력 할 수 있다. 2. Express의 query 객체 사용 query_string.js 파일을 만들고, 위와 같이 코드를 작성해보다. 그리고나서 서버를 키고, localhost.com:3000/topic으로 접속하자. 우리의 라우터로 접속을 하거나, 라우터에 query string을 입력해서 접속을 해도 결과는 똑같다. query string은 어떻게 사용하는 것인가?! u..

1. 정의 템플릿 엔진이란? html code를 최소화시키도록 도와주는 도구이다. 정적인 파일과 동적인 파일의 장단점을 결합시켰다. 클라이언트 측 브라우저는 HTML 템플릿, JSON / XML 데이터 및 템플릿 엔진 라이브러리를 서버에서 로드합니다. 템플릿 엔진은 클라이언트의 브라우저에서 템플릿과 데이터를 사용하여 최종 HTML을 생성합니다. 그러나 일부 HTML 템플릿은 데이터를 처리하고 서버 측에서 최종 HTML 페이지를 생성합니다. 2. 템플릿엔진(pug) 설치 및 사용 설치 터미널에서 템플릿 엔진 설치할 폴더로 들어간다. 그 다음 npm install pug --save 를 입력후 설치를 하면, package.json파일에 dependecies에 추가가 된다. 템플릿엔진 사용 9. templat..