42Log

…

OAuth 2.0은 웹, 모바일 등의 애플리케이션 API 접근에 대한 사용자 인증을 허가하는 프로토콜이다. 좀 더 쉽게 말하면, 사용자의 권한을 위임받은 한 서비스가 제 3의 서비스에서 사용자와 관련된 API…

바닐라 JS로 Notion…

이번주 진행된 자바스크립트 스터디에서는 데이터 타입에 대해 공부했다. 기존에 데이터 타입에 관해 한 번 정리한 글이 있기 때문에 잘못 알았거나 새롭게 알게된 내용들을 위주로 간략하게 다시 정리해보았다. 자바스크립트의…

…

이번주 자바스크립트 스터디에서 공부하고 토론한 내용 정리. 표현식, 문, 토큰 표현식expression…

…

그동안 스코프, 호이스팅, 클로저, this…

…

고통은 쾌감을 동반한다. 하등 쓸 데 없는 TMI로 이번 주 WIF…

OSI 7 Layer를 학습하면서 이론적으로는 각 계층이 어떠한 역할을 담당하는지 알 수 있었다. 그러나 네트워크라는 과목을 처음 접하다보니 개념화된 각 계층의 실질적인 프로세스가 어디서, 어떻게 진행되는지를 이해하지 않고서는 OSI 7 Layer…

자바스크립트의 함수형 프로그래밍을 이해하기 위해 사전에 알아야할 것들을 먼저 정리해보려고 한다. 일급 객체, Symbol…

Browser. 브라우저의 주요한 역할은 사용자가 서버에 특정 리소스를 요청하였을 때 서버가 응답해준 리소스를 화면에 표시해주는 것이다. 서버가 넘겨준 HTML, CSS, JavaScript…

정말 큰 마음을 먹고 결심한 일이었다. 최근 10년, 아니 20년을 돌아봐도 이번 만큼 뜬금 없는 결정을 내린 적이 없었던 것 같다. Anti…

…

자바스크립트의 클로저(closure…

…

템플릿 엔진 Template Engine 템플릿 엔진이란 이미 존재하는 템플릿에 동적인 데이터를 결합하여 최종적으로 원하는 페이지를 만들어주는 소프트웨어를 말한다. 웹 애플리케이션에서 템플릿 엔진은 클라이언트의 요청이 발생하면 미리 만들어둔 HTML…

자바스크립트의 변수 선언 키워드 , , 에 관한 내용 총정리. 이제 다시는 찾아보지 말자. 스코프 var와 let, const를 구분하는 차이를 이해하기 위해서는 먼저 스코프scope…

프로그래머스에서 문제를 푸는 데 메서드가 왜 을 리턴하는지 도무지 원인을 찾을 수 없었다. 한참을 삽질한 끝에 내가 메서드를 크게 잘못 이해하고 있었다는 것을 알 게 됐다. 그동안은 reduce…

HTML element의 텍스트를 가져오거나, 또는 텍스트를 추가해야 하는 경우가 종종 생긴다. 이를 수행할 수 있는 몇 가지 방법이 있다. , , 의 차이점을 알아보고 무엇을 사용하는 것이 좋을지 알아보자. HTML…

프로젝트에서 메서드를 사용하면서 겪은 두 가지 문제와 이를 해결한 방법에 관한 글이다. 1 addEventListener…

는 파일에 설정한 key와 value를 에 할당해주는 모듈이다. 즉 원하는 변수와 값을 환경 변수로 사용할 수 있도록 대신 설정해주는 것이다. 프로젝트에서 서버와 DB를 연결할 때의 옵션(host, port, user, password…

Helmet 이란? 은 다양한 HTTP header 설정을 통해 애플리케이션의 보안 강화를 도와주는 모듈이자, 프레임워크에서 호환되는 미들웨어 묶음이다. 사용법 Helmet은 1…

BOJ 17298번 오큰수 JavaScript 풀이 Stack…

…

…

프로젝트에서 페이지 별 CSS 파일에 공통 요소를 적용하기 위해 를 사용해 default.css 파일을 불러오려고 했다. 그러다 궁금한 점이 생겼다. a.css 파일 안에 b.css 파일을 import 하는 방식과, HTML…

로그인 유저 관리 기능을 구현하기 위해 웹 애플리케이션에서 유저 인증을 어떻게 확인하여 관리하는지에 대해 알아보려고 한다. 는 프로토콜이다. HTTP 프로토콜은 이전 ‘request’와 ‘response…

이전 글에서 프로미스의 한계를 보완하기 위해 ES8에서 도입된 것이 라고 했다. async/await를 사용하면 프로미스의 후속 처리 메서드보다 간단하고 가독성 좋게 비동기 처리를 수행할 수 있고, 동기 처리처럼 동작하도록 구현할 수 있다. async…

프로젝트를 진행하며 OAuth를 통한 회원가입과 로그인을 한 번에 처리해야할 필요가 발생했다. SNS…

BOJ 2531번 회전 초밥 JavaScript 풀이 ) 풀이 매번 k개라는 ‘일정한 개수’의 초밥 가짓수를 구해야 하기 때문에 슬라이딩 윈도우방법을 사용한다. 벨트는 원형이기 때문에 이를 배열로 나타낼 때, 배열의 앞에서부터 (k-…

문제 바다에 섬이 총 몇 개인지 구하는 문제. 육지는 1로 표시되고, 바다는 0으로 표시된다. 문제 풀이 과정 1 DFS 풀이 (재귀) 격자판을 순회하며 섬이 있는 좌표를 찾는다 => 이중 for…

0. 프로젝트의 서버가 얼추 갖춰졌다. 동적 페이지 생성을 위해 템플릿 엔진을 사용하기로 했다. EJS (Embedded JavaScript templating)는 순수 자바스크립트를 사용하여 HTML…

은 웹, 모바일 등의 애플리케이션 API 접근에 대한 사용자 인증을 허가하는 프로토콜이다. 사용자의 권한을 위임받은 한 서비스가 제 3의 서비스에서 사용자와 관련된 API…

프로젝트에서 회원가입 기능을 구현하는 단계에 돌입했다. 신규 유저로부터 입력받은 회원정보를 보관하고 관리하기 위해 을 에 연동해야 했다. 이 과정을 간단하게 설명하고, 익숙치 않은 SQL 문을 기억해두기 위해 자주 사용하는 내용을 정리해둔다. Node…

는 ‘인증(authentication)‘이라는 단일 목적을 위해 고안된 Node middleware이다. 모던 웹 애플리케이션에는 다양한 형태의 인증 방식이 존재한다. Passport…

함수의 동작 순서 함수를 호출하면 현재의 실행 흐름을 중단하고 호출된 함수로 실행 흐름을 옮긴다. 매개변수(parameter, 인자)에 인수(argument…

…

프로그래머스 Level 2 정렬 문제 문제 설명 0 또는 양의 정수가 주어졌을 때, 정수를 이어 붙여 만들 수 있는 가장 큰 수를 알아내 주세요. 예를 들어, 주어진 정수가 6, 10, 2라면 6102, 6210, 1062, 1026, 261…

0. 프로젝트를 위해 Node.js에 대해 알아보기 시작했다. HTML, CSS, JS만 다뤄보다가 Node.js를 접하니 제일 먼저 이라는 게 눈에 띈다. , , 등등 뭐만 하려고 하면 일단 npm…

…