javascript

이번 포스팅부터는 여러 기능들이 들어갈 웹 사이트를 만들어보려고 한다! 지금까지 포스팅했던 내용들은 자세하게 설명하지 않고, 링크만 걸어둘 계획이다.(이해가 안 된다면 걸어둔 링크에 접속해보자!) SNS의 기능을 모두 만들게 되면 로그인, 이미지 업로드, 게시글 작성, 해시태그 검색, 팔로잉 등을 구현하게 된다. 책 Node.js 교과서(개정 2판) 책의 9장의 내용을 참고했다. +모든 코드는 github주소에 있다. 개발 환경 백엔드: Node.js DB: MySQL 프론트엔드: Nunjucks 이번 포스팅에서 구현할 것 프로젝트 기본 뼈대 잡기 프론트엔드 화면 구현하기 1. 프로젝트 기본 뼈대 잡기 Github: https://github.com/delay-100/study-node/tree/main..

이번 포스팅에서는 4. Sequelize로 CRUD 하기, 5. Sequelize 관계 쿼리, 6. 쿼리 수행 예(전체 코드 설명) 를 다루겠다. 앞선 포스팅과 이어지므로 보고오면 이해에 도움이 될 것이다. 책 Node.js 교과서(개정 2판) 책의 7장의 내용을 참고했다. +모든 코드는 github주소에 있다. -- 이전내용 정리 MySQL: 테이블 users, comments 생성 Sequelize: 모델 User, Comment 생성 테이블-모델 연결(User-users, Comment-comments) Sequelize에게 관계 알림 (users - comments) 4. Sequelize로 CRUD 하기 Sequelize로 CRUD 작업을 하려면 먼저 Sequelize 쿼리를 알아야 한다. 쿼리..

본격적으로 서버를 통해 http에 띄워보자. 이번 포스팅에서는 1. 요청-응답, 2. REST-라우팅, 3. 쿠키-세션, 4. https-http2, 5. cluster를 다루겠다. 책 Node.js 교과서(개정 2판) 책의 4강의 내용을 참고했다. 내용이 너무 많아, 중요한 일부만 포스팅했다. +모든 코드는 github주소에 있다. 1. 요청-응답 요청 : 클라이언트 -> 서버 응답 : 서버 -> 클라이언트 기본적인 형식의 http 모듈 사용 서버 생성 EXAMPLE ) Git [CreateServer.js] // http 모듈 사용(http 서버가 있어야 웹 브라우저의 요청 처리 가능) const http = require('http'); // 서버 생성 http.createServer..

본격적으로 Node의 기능에 대해 알아보자. 양이 많으므로 나눠서 포스팅 할 계획이다. 이번 포스팅에서는 1. REPL, 2. JS 파일 실행, 3. 모듈화를 다루겠다. 책 Node.js 교과서(개정 2판) 책의 3강의 내용을 참고했다. +모든 코드는 github주소에 있다. 1. REPL 자바스크립트는 스크립트 언어이므로 컴파일 없이 실행 가능하다. REPL R : READ(읽다) E : Eval(해석하다) P : Print(반환하다) L : Loop(반복하다) => 입력한 코드를 읽고, 해석하고, 결과를 반환하고, 종료할 때까지 반복 노드의 REPL 사용하기 Window(윈도우) : cmd(명령 프롬프트) Mac(맥), Linux(리눅스) : terminal(터미널) 자신의 OS와 매칭되는 콘솔을 열..

Node를 공부하기 전에, 프론트엔드와 관련된 자바스크립트를 알아야한다. 따라서, 이번 포스팅에서는 1. AJAX, 2.FormData, 3. encodeURIComponent, decodeURIComponent, 4. 데이터 속성과 dataset을 다뤄보겠다. 책 Node.js 교과서(개정 2판) 책의 2강의 2.2 내용을 참고했다. +github 주소 1. AJAX +VSCode에서 live server을 install한 후 테스트하면 된다. AJAX Asynchronous Javascript And XML 비동기적 웹 서비스를 개발할 때 사용하는 통신 기법 페이지 이동 없이 서버에 요청을 보내고 응답을 받는 기술 XML을 꼭 사용해야하는 것은 아님(요즘은 JSON을 많이 사용) AJAX요청은 jQu..

Node는 자바스크립트 실행기이기 때문에 자바스크립트에 대해 꼭 알아야한다. 따라서 Node에 대해 공부하기 전에 ES2015 문법에 대해 공부한다. 이번 포스팅에서는 ES2015 문법인 1. const, let, 2. 템플릿 문자열, 3. 객체 리터럴, 4. 화살표 함수, 5. 구조분해 할당, 6. 클래스, 7. 프로미스, ES2017이지만 너무 중요하므로 추가적으로 8. async/await를 다루겠다. 책 Node.js 교과서(개정 2판) 책의 2강 내용을 참고했다. +개발 실행 환경 설정 하는 방법 +github 주소 ES2015의 문법을 공부하기 전에, ES2015가 무엇인지 알고 싶었다. 이 블로그(ES6?! ES2015?! ECMAScript란 도대체 무엇인가?)를 보고 이해했다. 아래는 내..