본문 바로가기

반응형

분류 전체보기

(646)
[2023 백엔드 스터디] 성정규 #1주차 - 3장, 노드 기능 알아보기 3장, 노드 기능 알아보기 3.1 REPL 사용하기 REPL(Read Eval Print Loop) : 입력한 코드를 읽고(Read), 해석하고(Eval), 결과물을 반환하고(Print), 종료할 때까지 반복한다(Loop) 는 의미 한두 줄짜리 코드를 테스트하는 용도로는 적합하지만 긴 코드의 경우 자바스크립트 파일로 만든 후 파일을 통째로 실행해보는 것이 좋다. 3.2 JS 파일 실행하기 콘솔에서 node [자바스크립트 파일경로] 로 실행한다. 확장자(.js) 는 생략해도 된다. 3.3 모듈로 만들기 모듈이란 특정한 기능을 하는 함수나 변수들의 집합을 말하며, 여러 프로그램에 모듈을 재사용할 수 있다. 3.3.1 CommonJS 모듈 module.exports 에 객체나 함수, 변수 등을 대입하여 con..
[2023 백엔드 스터디] 성정규 #1주차 - 2장, 알아두어야 할 자바스크립트 2장, 알아두어야 할 자바스크립트 2.1 ES2015+ 2015년 자바스크립트 문법에 매우 큰 변화가 있었다. 이것이 ES6이라고도 불리우는 ES2015가 등장한 것이다. 2015년을 기점으로 매년 문법 변경 사항이 발표되고 있으며, 이 책에서는 ES2015이상의 자바스크립트를 통틀어서 ES2015+라고 표현한다. 2.1.1 const, let const 와 let 이 공통적으로 가지는 특징인 블록 스코프(범위)의 차이 var 은 함수 스코프를 가지므로 if문의 블록과 관계없이 접근할 수 있음. 하지만 const 와 let은 블록 스코프를 가지므로 블록 밖에서는 변수에 접근할 수 없다. const 는 한 번 값을 할당하면 다른 값을 할당할 수 없다. 또한, 초기화 할 때 값을 할당하지 않으면 에러가 난다..
[2023 백엔드 스터디] 성정규 #1주차 - 1장.노드 시작하기 1장, 노드 시작하기 1.1 핵심 개념 이해하기 1.1.1 서버 노드는 서버 어플리케이션을 실행하는 데 제일 많이 사용한다. 서버는 무엇인가? 네트워크를 통해 클라이언트에 정보나 서비스를 제공하는 컴퓨터 또는 프로그램 클라이언트의 요청에 대해 Yes or No 로 응답 노드는 자바스크립트 프로그램이 서버로서 기능하기 위한 도구를 제공하므로 서버 역할을 수행할 수 있다. 1.1.2 자바스크립트 런타임 Node.jsⓇ는 Chrome V8 Javascript 엔진으로 빌드된 자바스크립트 런타임이다. 1.1.3 이벤트 기반 이벤트가 발생할 때 미리 지정해둔 작업을 수행하는 방식 “이벤트 리스너(event listener)에 콜백(callback) 함수를 등록한다”는 말은, 이벤트 기반 시스템에서는 특정 이벤트가..
[2023 백엔드 스터디] 이지원 #2주차 - 6.1~6.2장 Express 웹 서버 만들기 6.1 익스프레스 프로젝트 시작하기 실습을 위해 package.json을 다음과 같이 작성한다. { "name": "learn-express", "version": "0.0.1", "description": "익스프레스를 배우자", "main": "app.js", "scripts": { "start": "nodemon app" }, "author": "ZeroCho", "license": "MIT" } 필요한 패키지를 설치한다. $ npm i express $ npm i -D nodemon 서버 코드에 수정 사항이 생길 때마다 매번 서버를 재시작하기는 귀찮다. nodemon 모듈은 이 작업을 자동화해준다. 따라서 앞으로 서버 코드를 수정하면 nodemon이 서버를 자동으로 재시작하며, nodemon이 실..
[2023 백엔드 스터디] 목진협 #2주차 - 6.3~6.5장 Express 웹 서버 만들기 part2 6.3 Router 객체로 라우팅 분리하기 익스프레스를 사용하는 이유 중 하나는 바로 라우팅을 깔끔하게 관리할 수 있다는 점이다. 6.3.1 Express를 이용한 Router 분리 실습 이전 실습까지 작성했던 app.js의 app.get 같은 메소드가 라우터 파트이다. 라우터를 많이 연결하면 app.js 코드가 매우 길어지고 복잡해지기 때문에 Express에서는 라우터를 분리할 수 있는 방법을 제공한다. 라우터 실습을 위해 아래와 같이 routes폴더 안에 index.js와 user.js를 작성하고 app.use를 통해 app.js에 연결한다. [index.js] const express = require('express'); const router = express.Router(); // GET / ..
[2023 신입부원 심화 스터디] 조현상 #3주차 - Part 4. , Part5. 오늘 다룰 내용은 DOM 사용법 , 자바스크립트 배열과 문자열을 쓸 때 유용한 함수 두가지이다. 먼저 DOM 사용법부터 다뤄보겠다 일단 DOM이라는 언어부터 정의하자면웹 페이지를 스크립트 또는 프로그래밍 언어들에서 사용될 수 있게 연결시켜주는 역할을 담당하는 것을 말한다. 나는 간단하게 HTML 과 JAVASCRIPT 파일이 서로 연결 가능하게 만들어주는 것이라고 이해했다. 우리는 총 3가지 방법으로 javascript 와 html 을 연결 할 수 있다.1. class를 써서 연결하는 방법이다. //html 파일에 First 라는 class를 만들어줬을 때 //자바스크립트 파일에서 연결할 수 있다. document.getElementByClassName('First'); html에서 class로 만들어줬..
WINK 선서 오늘부터 지지관계에서 벗어나 WINK과 나는 한몸으로 일체가 된다 WINK에 대한 공격은 나에 대한 공격으로 간주한다 세상에 70억명의 WINK 팬이 있다면, 나는 그들 중 한 명일 것이다. 세상에 1억명의 WINK 팬이 있다면, 나 또한 그들 중 한 명일 것이다. 세상에 천만 명의 WINK 팬이 있다면, 나는 여전히 그들 중 한 명일 것이다. 세상에 백 명의 WINK 팬이 있다면, 나는 아직도 그들 중 한 명일 것이다. 세상에 한 명의 WINK 팬이 있다면, 그 사람은 아마도 나일 것이다. 세상에 단 한 명의 WINK 팬도 없다면, 나는 그제서야 이 세상에 없는 것이다. WINK, 나의 사랑. WINK, 나의 빛. WINK, 나의 어둠. WINK, 나의 삶. WINK, 나의 기쁨. WINK, 나의 슬픔..
[2023 백엔드 스터디] 김민선 #1주차 - 5장.패키지 매니저 5.1 npm 알아보기 🌕 NPM(Node Package Manager) 노드의 패키지 매니저 다른 사람들이 만든 소스 코드들을 모아둔 저장소 남의 코드를 사용하여 프로그래밍 가능 이미 있는 기능을 다시 구현할 필요가 없어 효율적 오픈 소스 생태계를 구성중 5.2 package.json으로 패키지 관리하기 🌕 package.json 현재 프로젝트에 대한 정보와 사용 중인 패키지에 대한 정보를 담은 파일 같은 패키지라도 버전별로 기능이 다를 수 있으므로 버전을 기록해두어야 함 동일한 버전을 설치하지 않으면 문제가 생길 수 있음 노드 프로젝트 시작 전 package.json부터 만들고 시작함(npm init) 🌕 package.json 속성들 package name: 패키지의 이름, package.json의..

반응형