profile
하나의 문제 해결보다 문제가 일어나는 원인을 파악하는 개발자가 되기 위해 노력하고 있습니다.

BOJ[javascript] - 2480 주사위 세개, 2525 오븐 시계, 2588 곱셈

주사위 세개오븐시계

약 16시간 전
·
0개의 댓글

REACT) token expiration-date settings(로그인유지, 자동 로그아웃)

backend에서 jwt의 유효시간을 설정했을 때, 로그인 유지와 토큰의 유효시간을 프론트단에서 어떻게 반영해주어야 할까?먼저 login 시 토큰을 받아오는 로직 작성login 함수 logic login 함수 사용 login의 여부에 따라 전체 application의

약 20시간 전
·
0개의 댓글

Express.js)multipart/form-data : Multer로 Image 파일 저장하기.

Javascript에서 거의 모든 데이터는 text data이다. 배열, 객체 상관없이 사람이 읽을 수 있는 모든 것은 text data라고 할 수 있다. 그렇지만 image는 binary data이다. image는 text data가 아닌 byte로 저장해야 하기에

3일 전
·
0개의 댓글

DOM) 실행 중인 Http Request 취소하기 (AbortController)

Http request 요청이 진행중일 때 페이지가 전환되면 오류가 발생할 수 있다.예를 들면, 이벤트가 발생했는데, response보다 빠르게 페이지가 전환되어 더이상 화면에 없는 component의 요소를 업데이트 해야 하는 상황이 발생할 수 있다.이런 경우에는 실

5일 전
·
0개의 댓글

Express.js)Error : Cannot set headers after they are sent to the client

서버에서 클라이언트단으로 복수의 응답을 보내려고 할 때 발생하는 오류. return문 없이 next method를 사용하거나,if, else문으로 조건에 따라 움직임을 명확히 하지 않았을 때 발생한다.

5일 전
·
0개의 댓글

Express.js) CORS

CORS: Cross Origin Resource SharingHttpRequest를 할 때 많이 보이는 에러다.같은 endpoint로부터 오는 요청에 의해서만 Resource를 허락한다는 뜻인데, 예를 들면 localhost:3000과 localhost:5000은 e

5일 전
·
0개의 댓글

MongoDB) 서로 다른 Collection 연결하기 (mongoose)

User Collection에 Place Collection 여러개를 push 하고 싶을 때 연결하는 방법.Place SchemaUser SchemaUser - Place 간 연결Transaction - session의 관계 이해

6일 전
·
0개의 댓글

JAVASCRIPT DEEP DIVE 2회독 27장 - 배열

배열은 여러 개의 값을 순차적으로 나열한 자료구조다.배열이 가지고 있는 값을 요소라고 부른다 자바스크립트의 모든 값은 배열의 요소가 될 수 있다.원시값은 물론 객체 함수 배열 등 자바스크립트에서 값으로 인정하는 모든 것은 배열의 요소가 될 수 있다.요소는 자신의 위치를

2022년 6월 24일
·
0개의 댓글
post-thumbnail

express.js) express-validator로 유효성 검사하기.

npm i --save express-validatorexpress-validator는 2가지 검증으로 나누어져 있다.logic 작성logic 관찰

2022년 6월 23일
·
0개의 댓글

JAVASCRIPT DEEP DIVE 2회독 26장 - ES6 함수의 추가 기능

ES6 이전까지의 함수는 생성자 함수로서도 호출할 수 있었다.즉 ES6 이전의 모든 함수는 callable 이면서 constructor다.함수에 전달되어 보조 함수의 역할을 수행하는 콜백 함수도 마찬가지로 불필요한 constructor로 프로토타입 객체를 생성해왔다.성

2022년 6월 23일
·
0개의 댓글
post-thumbnail

Express.js) uuid 및 postman을 활용한 post test

postman으로 post 후자신이 지정한 url ex) localhost:5000/api/places/user/:uid(user-8878)로 이동하여 createdPlace가 정상적으로 post 되고 있는지 확인.

2022년 6월 22일
·
0개의 댓글

JAVASCRIPT DEEP DIVE 2회독 25장 - 클래스2

인스턴스 프로퍼티는 construtor 내부에서 정의해야 한다.constructor 내부 코드가 실행되기 이전에 constructor 내부의 this에는 이미 클래스가 암묵적으로 생성한 인스턴스인 빈 객체가 바인딩되어 있다.생성자 함수에서 생성자 함수가 생성할 인스턴스

2022년 6월 22일
·
0개의 댓글

JAVASCRIPT DEEP DIVE 2회독 25장 - 클래스

자바스크립트는 프로토타입을 기반으로 한 강력한 객체지향 프로그래밍 능력을 지니고 있다.프로토타입 기반 객체지향 언어는 클래스가 필요 없는 객체지향 프로그래밍 언어지만, 이는 자바스크립트를 어렵게 느끼게 만드는 하나의 장벽처럼 인식되었다.그렇다고 ES6에서 클래스를 지원

2022년 6월 21일
·
0개의 댓글

JAVASCRIPT DEEP DIVE 2회독 24장 - 클로저

클로저는 실행 컨텍스트에 대한 사전 지식이 있으면 이해하기 어려운 개념은 아니다.클로저는 함수를 일급 객체로 취급하는 함수형 프로그래밍 언어에서 사용되는 중요한 특성이다.일급 객체일급 객체(first-class object)란 다른 객체들에 일반적으로 적용 가능한 연산

2022년 6월 15일
·
0개의 댓글

JAVASCRIPT DEEP DIVE 2회독 23장 - 실행 컨텍스트(2)

전역 코드 평가를 통해 전역 실행 컨텍스트가 생성되고, 전역 코드가 실행 되다가 컨트롤러가 함수의 호출문을 만나 함수가 호출되면, 전역 코드의 실행을 일시 중단하고, 함수 내부로 컨트롤러가 이동한다. 그리고 함수 코드를 평가하기 시작한다.함수 코드 평가의 순서는 다음과

2022년 6월 14일
·
0개의 댓글

JAVASCRIPT DEEP DIVE 2회독 18장 - 함수와 일급 객체

일급 객체 무명의 리터럴로 생성 가능한 객체 변수, 자료구조에 저장할 수 있는 객체 함수의 매개변수에 전달할 수 있는 객체 함수의 반화값으로 사용할 수 있는 객체 자바스크립트의 함수는 위의 조건을 모두 만족하므로 일급 객체다. arguments 프로퍼티 함수는 객체

2022년 6월 13일
·
0개의 댓글

JAVASCRIPT DEEP DIVE 2회독 23장 - 실행 컨텍스트

작성중

2022년 6월 10일
·
0개의 댓글

JAVASCRIPT DEEP DIVE 2회독 22장 - this

객체지향 프로그래밍에서 살펴보았듯이 객체는 상태를 나타내는 프로퍼티와 동작을 나타내는 메서드를 하나의 논리적인 단위로 묶은 복합적인 자료구조다.동작을 나타내는 메서드는 자신이 속한 객체의 상태, 즉 프로퍼티를 참조하고 변경할 수 있어야 하고, 자신이 속한 객체의 프로퍼

2022년 6월 9일
·
0개의 댓글