Back-End/Node.js (103) 썸네일형 리스트형 [Node.js 교과서] 3. 노드 기능 알아보기 1. REPL 사용하기 자바스크립트는 스크립트 언어이므로 미리 컴파일을 하지 않아도 즉석에서 코드를 실행할 수 있다. 아마 여러분도 이것을 브라우저 콘솔 탭에서 경험해봤을 것이다. 이것을 REPL이라고 한다. 입력한 코드를 읽고(Read), 해석하고(Eval), 결과물을 반환하고(Print), 종료할 때까지 이 과정을 반복한다(Loop)라는 의미이다. 노드도 이와 비슷한 콘솔을 제공한다. $ node > 콘솔창에 node를 입력하면 프롬프트가 > 모양으로 바뀌어 자바스크립트 코드를 입력할 수 있게 된다. 간단한 문자열을 입력해보자. REPL을 종료하려면 ctrl+c 를 두 번 누르거나, 혹은 REPL창에 .exit을 입력하면 된다. REPL은 한두 줄짜리 코드를 테스트해보는 용도로는 좋지만 긴 코드를 실.. AJAX Javascript에서 비동기 통신하는 방법 Javascript에서 비동기 http 통신을 하는 방법은 대표적으로 세 가지가 있다. AJAX Javascript의 AJAX jQuery의 AJAX axios fetch 이 중에서 많이 사용되는 AJAX와 axios에 대해알아보자. 1. AJAX 1.1 AJAX란? AJAX = Asynchronous Javascript And XML 비동기 자바스크립트와 XML란 의미로, 데이터를 이동하고 화면을 구성하는데 있어 갱신 없이 필요한 데이터를 서버로 보내고 응답을 가져오는 방법이다. AJAX 자체는 특정 기술을 말하는 게 아니다. 2005년 Jesse James Garrett이 처음 만들어낸 말로, HTML 혹은 XHTML, CSS, JavaScript, DOM.. [Node.js 교과서] 2. 알아두어야 할 자바스크립트 1. ➡ 새로운 문법들 2. ➡ 서버와 통신하기 위해 프론트엔드에서 사용하는 자바스크립트 코드들 1. ES2015+ ES2015(=ES6) 이상의 자바스크립트 문법을 알아야 한다. 노드 6버전부터 ES2015 문법을 사용할 수 있다. 1.1 const, let 보통 var로 변수를 선언하지만, 이제는 const와 let으로 대체한다. const: =상수. 한 번 값을 할당하면 다른 값으로 할당할 수 없다. (할당하려 하면 에러 발생함) let: =변수. 이들의 공통적인 특징인 블록 스코프(범위)를 알아보자. 블록 스코프 블록 스코프: if, while, for, function 등에서 볼 수 있는 중괄호({와 }사이) if (true) { var x = 3; } console.log(x);// 3 if .. [Node.js 교과서] 1. 노드 시작하기 1. 핵심 개념 이해하기 전반적으로 노드로 서버를 실행하는 방법을 다루고, 일부는 서버 외의 자바스크립트 프로그램을 실행하는 런타임으로 사용하는 방법을 배운다. 따라서 서버와 런타임이 무엇인지 알아보자. 1.1 서버 노드는 서버 애플리케이션을 실행하는데 가장 많이 사용된다. 그럼 서버는 무엇일까? 서버 네트워크를 통해 클라이언트에 정보나 서비스를 제공하는 컴퓨터 또는 프로그램. (*클라이언트: 요청을 보내는 주체) 즉, 서버는 클라이언트의 요청에 대해 응답을 한다. 요청에 대한 응답으로서의 서버 ex1) 네이버 웹 사이트를 방문하는 경우 요청: 주소창에 네이버 웹 사이트 주소를 입력한다. 응답: 브라우저는 그 주소에 해당되는 네이버 컴퓨터의 위치를 파악하고, 그 컴퓨터로부터 웹 사이트 페이지를 받아와서 .. Node.js에서 JSON 파일에 데이터를 저장하고 읽는 방법 smilehugo.tistory.com/entry/nodejs-json-create-store-read-update Node.js에서 JSON 파일에 데이터를 저장하고 읽는 방법 안녕하세요. 혀코입니다. 오늘은 Node.js에서 JSON 파일에 데이터를 저장하는 방법에 대해서 알아보겠습니다. app.js 파일을 다음과 같이 작성합니다. const book = { title: 'Ego is the Enemy', author: 'Ryan H.. smilehugo.tistory.com Node.js 입력 받기 Node.js 입력 받기 · 쾌락코딩 Node.js 입력 받기 26 Sep 2018 | node.js 프로그래머스같은 경우는 입력이 자동으로 되기 때문에 함수만 작성하면 된다. 그러나 구름ide 또는 백준 알고리즘 같은 경우 테스트 케이스 입력을 받기 위한 � wooooooak.github.io 빙고 게임 만들기 지금껏 배운 express, socket, pug를 이용하여 빙고 게임 웹 애플리케이션을 만들어보자. 온라인 빙고 게임 5 x 5 칸 내에서 사용자가 번갈아 가면서 숫자를 부르고, 해당 숫자를 지워 가로, 세로, 대각선으로 먼저 빙고를 만드는 사람이 이기는 게임. 입력이 중요한 게 아니므로 무작위로 숫자가 입력되도록 하며, 웹 소켓에 익숙해지는 것에 중점을 두고자 게임의 승부를 판가름 짓는 요소는 구현하지 않았다. 또한 유저 이름을 입력받아 설정하게 할 수도 있으나, 여기서는 유저 이름을 url에 바로 입력받도록 하였다. 주요 기능 현재 접속 중인 유저 이름 출력 한 명이 게임을 시작하려하면 불가능하게 막기, 알림 출력 게임 진행을 위한 턴 넘기기 자기 턴이 아닌 경우 진행 불가능, 알림 출력 숫자가 선.. socket.io를 이용한 채팅 구현 주요 기능 접속하면 알림 출력 닉네임 변경 가능 닉네임 변경했을 때 알림 출력 유저가 떠났을 경우 알림 출력 express-generator를 이용해 새 프로젝트를 생성한 후, 이동하여 채팅을 만드는 데 필요한 socket.io, Pug를 설치한다. express socket-chat cd socket-chat && npm install npm install link socket.io npm install pug 우선 기본적으로 같은 페이지에 접속한 사람들과 채팅이 가능해야 한다. 추가 기능으로, 닉네임 변경을 하거나 새로운 사람이 접속했을 때, 접속이 끊어졌을 때도 채팅창에 알림 문구가 뜨도록 만들어보자. 또한 일반 HTML이 아닌 Pug를 이용해 만들어보자. 또 채팅창의 모양을 결정하는 스타일 부분도.. 이전 1 2 3 4 5 ··· 13 다음
