Archive: 2019/3

2019
0
Back-endNode.js

요청과 응답 이해하기2

조현영님의 Node.js 교과서의 내용을 공부하여 정리한 내용입니다. 요청과 응답 이해하기212345678910111213141516171819202122const http = require("http");const fs = require("fs");http .createServer((req, res) => { // 요청이 들어

0
Back-endNode.js

요청과 응답 이해하기1

조현영님의 Node.js 교과서의 내용을 공부하여 정리한 내용입니다. 요청과 응답 이해하기1서버는 클라이언트가 있기에 동작한다.클라이언트에서 서버로 요청(request)을 보내고,서버에서는 요청의 내용을 읽고 처리한 뒤 클라이언트에게 응답(response)을 보낸다. 따라서 서버에는 요청을 받는 부분과 응답을 보내는 부분이 있어야 한다.요청과 응답은

0
Front-endJavaScript

원본 배열에 아무런 영향을 미치지 않는 메소드

배열로부터 새로운 값 생성원본 배열에 아무런 영향을 미치지 않는 메소드 JavaScript에서 원본 배열을 변경하는 것이 아닌,배열로부터 새로운 값을 생성하여 원본 배열에 아무런 영향을 미치지 않는 메소드를 알아보자. slice map concat reduce filter join 요소찾기 indexOf lastIndexOf 배열이 특정 조건을 만족

0
DeveloperTIL

블로그 2개월 간의 회고

블로그를 시작한 지 2개월이 지나는 시점에서 그동안 느낀 점을정리해보는 시간이 필요하다는 생각이 들었다. 1일 1 포스팅 2019년 1월 2일부터 하루도 빠짐없이 매일 포스팅을 작성하여 게시했다. 약 2개월가량 진행하면서 느낀 건 장단점이 있다는 것이다. 1. 포스팅의 질 저하 문제 포스팅의 전체적인 퀄리티가 떨어진다는 게 느껴졌다. 포스팅이라기보다는

0
Back-endNode.js

AJAX

조현영님의 Node.js 교과서의 내용을 공부하여 정리한 내용입니다. 2.2.1 AJAX AJAX(Asynchronous Javascript And XML)는 비동기적 웹 서비스를 개발하기 위한 기법 이름에 XML이 들어가 있지만 꼭 XML을 사용해야 하는 것은 아니다. 요즘에는 JSON을 많이 사용한다. 쉽게 말해 페이지 이동 없이 서버에 요청

0
Back-endNode.js

Morgan

조현영님의 Node.js 교과서의 내용을 공부하여 정리한 내용입니다. Morgan 현재 콘솔에 나오는 GET / 200 51.267 ms - 1539 같은 로그는 모두 morgan 미들웨어에서 나오는 것이다. 요청에 대한 정보를 콘솔에 기록해준다. morgan 미들웨어는 다음과 같이 사용한다. 12345// ...var logger = requ

0
Back-endNode.js

커스텀 미들웨어 만들기

조현영님의 Node.js 교과서의 내용을 공부하여 정리한 내용입니다. 6.3.1 커스텀 미들웨어 만들기 직접 미들웨어를 만들어보면서 미들웨어의 원리를 이해보자. 요청이 들어올 때 콘솔에 메시지를 찍는 단순한 미들웨어이다. logger보다 위에 다음 코드를 적어준다. 1234567891011// app.js// ...app.set("views",

0
Back-endNode.js

미들웨어(Middleware)

조현영님의 Node.js 교과서의 내용을 공부하여 정리한 내용입니다. 6.3 미들웨어 미들웨어는 익스프레스의 핵심요청과 응답의 중간(middle, 미들)에 위치하여 미들웨어라고 부른다. 뒤에 나오는 라우터와 에러 핸들러 또한 미들웨어의 일종이므로 미들웨어가 익스프레스의 전부라고 해도 과언이 아니다. 미들웨어는 요청과 응답을 조작하여 기능을 추가하

0
Front-endReact

React 12일차

BEM(Block, Element, Module)클래스 이름에 _나 -로 계층 구조를 나눈다.영역이름__ element이름 ModifiersModifier은 block 또는 element의 상태이다 어디에 밑줄, 오디에 하이픈 써야 하는지 알면 됨 React에서 BEM을 사용할 때는 컴포넌트가 블록이기 때문에 ex) PostListtitle, Post

0
Front-endReact

React 11일차

고차 컴포넌트 (Higher-Order Components) 컴포넌트를 받아서 컴포넌트를 반환하는 그저 함수일 뿐이다 컴포넌트x. 함수가 컴포넌트가 되려면, 컴포넌트가 아니라 엘리먼트를 반환해야 한다. 횡단 관심사(Cross-Cutting Concerns)를 위해 HOC 사용하기코드는 자세히 읽지 x 12345678const CommentListWithS