ian의 개발일기장

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. 오리엔테이션만들어 볼 것글 작성, 저장, 조회(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..

1. 정적인 파일 복습 먼저 dynamic.js파일을 만들어서, 위와같은 코드를 작성한다. 그리고 pulic 폴더를 만들고, static.html을 만들어서 다음과 같은 코드를 작성하자. node dynamic.js를 통해 서버를 틀고, http://localhost:3000/static.html로 접속하면, 우리가 작성한 html파일이 뜬다. 이것이 지난번에 공부한 정적인 파일을 서비스하는 방법이다. 서버가 켜진상태에서 static.html파일을 변경하고, 다시 http://localhost:3000/static.html 접속해보면 변경된내역이 바로 적용된다. 2. 동적인 파일 아까 작성한 dyanmic.js 파일에 저코드를 추가한다. http://localhost:3000/dynamic 으로 접속해보..