공학도의 잡다한 시선

[Node.js] 9일차-The end : API, AWESOME, PM2 사용법 및 향후 공부 주제만든 날짜:2019-01-19 오전 10:41 본 글은 에버노트에서 작성되었습니다.출처 생활코딩-https://opentutorials.org/course/3332/22110-에 있는 강의를 들으며 요약정리한 내용입니다. 원내용은 위 링크에서 확인할 수 있습니다. 감사합니다.Node.js-48. API와 CreateServer API를 알아보자. 우리가 지금까지 만들었던 웹 애플리케이션은 nodejs가 가지고 있는 기능을 사용해서 만든 것이었다. fs.readFile은 우리가 만든게 아니고 nodejs를 만든 개발자들이 만든 것이다. 어떤 원리로 동작하는제 세세히 모른다. 사용설명서에 어떻게 써야하는지(파..

[Node.js] 8일차 : 보안이슈, 입출력보안 (sanitize html)만든 날짜:2019-01-18 오후 2:12 본 글은 에버노트에서 작성되었습니다.출처 생활코딩-https://opentutorials.org/course/3332/21151-에 있는 강의를 들으며 요약정리한 내용입니다. 원내용은 위 링크에서 확인할 수 있습니다. 감사합니다.Node.js43.App제작-템플릿 기능 정리정돈하기 리팩토링 : 동작 방법을 똑같이 유지하면서 내부의 코드를 더 효율적으로 개선하는 행위 우리가 사용하던 함수를 객체에 포함시킨다. template객체가 가진 list, html함수를 사용한다.Node.js-44.Node.js 모듈의형식 모듈이란 무엇인가 살펴보자. 많은 함수 많은 객체를 정리정돈할 수 있는 더..

[Node.js] 7일차-2 : 글삭제 구현 (unlink, oop기본)만든 날짜:2019-01-17 오후 3:36 본 글은 출처 생활코딩-https://opentutorials.org/course/3332/21146-에 있는 강의를 들으며 요약정리한 내용입니다. 원내용은 위 링크에서 확인할 수 있습니다. 감사합니다. App - 글삭제 - 삭제버튼 구현 delete를 누르면 바로 삭제하도록 하자. 예전에 구글에서 delete를 get방식(쿼리스트링)으로 구현을 했었다. 그랬더니 플러그인이 링크를 찾아서 들어가면서 문제가 발생했다. 그래서 링크가 아닌 form형식으로 delete를 구현한다. submit 버튼을 누르게 되면 delete_process로 전송이되며 method는 post방식으로 해야한다.No..

[Node.js] 7일차-1 : 글쓰기, 수정 (method post 데이터 사용하기, redirection)만든 날짜:2019-01-17 오전 9:43 본 글은 출처 생활코딩-https://opentutorials.org/course/3332/21136-에 있는 강의를 들으며 요약정리한 내용입니다. 원내용은 위 링크에서 확인할 수 있습니다. 감사합니다. App - POST 방식으로 전송된 데이터 받기 여기까지 우리는 생성페이지로 이동하게되면 form을 통해서 사용자가 입력한 데이터들을 action에 보냈다. post방식으로 보냈다. 이제 그 데이터를 받아보자. http://localhost:3000/process_create 로 데이터를 전송하는데 이제 해당 부분에서 데이터를 받을 수 있게 만들어야 쓸..

[Node.js] 6일차 : pm2 패키지매니저본 글은 출처 생활코딩-https://opentutorials.org/course/3332/21135-에 있는 강의를 들으며 요약정리한 내용입니다. 원내용은 위 링크에서 확인할 수 있습니다. 감사합니다.만든 날짜:2019-01-14 오후 12:18Node.js - 패키지 매니저와 PM2 독립적으로 실행되는 프로그램도 패키지. 부품으로 사용되는 작은 프로그램도 패키지 라고 할 수 있다. 이러한 소프트웨어들을 관리(생성,설치,업데이트,삭제)해주는 프로그램(패키지 매니저) 중에서 NPM을 알아보자 nodejs에서 가장 광범위하게 사용된다. ("pm2"라고 구글링)실행중인프로그램 == 프로세스 수정을 해주면 다시 알아서 종료시켰다가 재실행 해준다. NPM을 이용해서..

[Node.js] 5일차 : sync(동기 비동기), 콜백함수 본 글은 출처 생활코딩-https://opentutorials.org/course/3332/21132-에 있는 강의를 들으며 요약정리한 내용입니다. 원내용은 위 링크에서 확인할 수 있습니다. 감사합니다.만든 날짜:2019-01-11 오전 9:37 JavaScript - 함수의 기본 문법 중복발생 -> 유지보수 효율이 떨어지고, 가독성이 떨어진다.JavaScript - 함수의 입력 입력값 받기 (argument)(인자) first, second는 parameter(매개변수)JavaScript - 함수의 출력 return으로 함수의 반환설정하기.App - 함수를 이용해서 정리 정돈하기 함수를 이용해서 코드를 정리해보자. 코드가 많아지면 기계는 상..

[Node.js] 4일차 : Not found 오류 구현, 동적 페이지 목록 불러오기만든 날짜:2019-01-10 오전 9:37 본 글은 출처 생활코딩-https://opentutorials.org/course/3332/21123-에 있는 강의를 들으며 요약정리한 내용입니다. 원내용은 위 링크에서 확인할 수 있습니다. 감사합니다. App - Not found 오류 구현 없는 id의 페이지를 접근하려고 했을 때. 제일먼저 사용자가 루트로 접근했는가 아닌가를 구분해야한다.위 구조를 보면,pathname는 쿼리스트링을 미포함path는 쿼리스트링이 포함 writeHead에서 200이라고 하는것은. 웹브라우저가 웹서버에 접속시 응답할때 클라이언트와 서버사이에서 정보를 기계가 통신하기위해서 간결한 약속이 필요하다...

[Node.js] 3일차 : 동적 웹페이지 만들기, 파일IO만든 날짜:2019-01-09 오전 9:36 본 글은 출처 생활코딩-https://opentutorials.org/course/3332/21062-에 있는 강의를 들으며 요약정리한 내용입니다. 원내용은 위 링크에서 확인할 수 있습니다. 감사합니다.App - 동적인 웹페이지 만들기 정보를 다이나믹하게 프로그래밍적으로 생성해보자. 쿼리부분의 id값을 title변수로 지정한 후 사용자가 요청하는 id의 값을 제목(h2와 title태그)에 동적으로 출력되도록 하기위한 코드를 위와같이 짤 수 있다. 이전에 배운 템플릿 리터럴($)을 사용할 수 있다. 제목부를 동적으로 바꾸는 것을 성공했다. 하지만 본문은 정적인 상태이다. 따라서 본문만 따로 저장하고 요청..

[Node.js] 2일차 190108 : Nodejs설치, URL parse, template literals만든 날짜:2019-01-08 오전 9:34 본 글은 출처 생활코딩-https://opentutorials.org/course/3332/21029-에 있는 강의를 들으며 요약정리한 내용입니다. 원내용은 위 링크에서 확인할 수 있습니다. 감사합니다. Node.js - 설치 웹브라우저 에서 돌아갈 웹 어플리케이션 이런식으로 말이다. Node.js도 마찬가지다. Node.js runtime에서 웹 브라우저에서 했던 것 처럼 JavaScript 여러기능 중 우리가 필요한 것을 호출하며 어플리케이션을 만든다. Node.js Runtime을 설치하자.Windows 에서 설치하기 https://nodejs.o..

[Node.js] 1일차 190107 : 기본개념 및 학습목적만든 날짜:2019-01-07 오후 9:47 본 글은 에버노트에서 작성되었습니다.WEB2 - Node.js 본 글은 출처 생활코딩-https://opentutorials.org/course/3332-에 있는 강의를 들으며 요약정리한 내용입니다. 원내용은 위 링크에서 확인할 수 있습니다. 감사합니다. 웹이 등장 후 불만이 쏟아져 나옴. html의 수동적인 개발방식 때문에 그랬다. html의 구조를 바꾸려면 수많은 코드를 수동으로 수정해야 했다. 방문자에게 마음대로 수정하게 하는 것도 위험하여 관리자만 컨텐츠를 수정 가능했고 한계가 있었다. 기계에게 시키고 싶다는 욕심을 해결하기위해 컴퓨터공학자들이. JavaScript에 익숙한 사람들이 웹페이지를..