본문 바로가기

전체 글

 (44)
delete cr eslint(prettier/prettier) 방법 1 VS code 하다의 CRLF를 LF로 변경 해준다. 방법 2 eslinrc.json 변경 "prettier/prettier": [ "error", { "endOfLine": "auto" } ]rules에 위 코드 추가
Mongoose 편의 기능 정리 아래에서 사용할 Tour 스키마 예시 const tourSchema = new mongoose.Schema( { name: { type: String, required: [true, 'A tour must have a name'], unique: true, trim: true, maxlength: [40, 'A tour name must have less or equal then 40 characters'], minlength: [10, 'A tour name must have more or equal then 10 characters'], }, slug: String, duration: { type: Number, required: [true, 'A t..
Node.js 가 무엇이며 왜 사용해야 하는가? Node js는 구글의 오픈 소스인 V8 엔진으로 빌드된 런타임으로의 하나의 자바스크립트다. 런타임이란? 자바스크립트가 실행되는 환경이라고 보면 된다. Node.js 가 나오기 전에는 자바스크립트를 실행 할 수 있는 환경이 브라우져 밖에 없었다. 그 말은, 브라우저를 떠난 자바스크립트는 의미가 없었다. 이제는 Node.js 환경에서 브라우저 없이 자바스크립트를 실행 할 수 있게 되었다. 여기서 실행 이라는 단어가 나왔는데, 바로 V8 엔진이 자바스크립트를 실행한다. Node.js 로 할 수 있는 것들이 많다. 파일 시스템에 접근해서 파일을 읽을 수도 있고, 웹 페이지를 크롤링 할 수도 있다. 보통 웹 서버로서 가장 많이 사용되고 있다. Node.js의 장점은 뭐가 있을까? 이벤트 드리븐, 논 블록킹 I/..
REST한 API를 만들기 위한 약속 이번 글에서는 REST API 를 구현하는데 도움이 되었던 내용을 공유하려고 한다. 앞으로 언급되는 내용들은 정답이 아니고, 하나의 약속임을 먼저 밝힌다. 우리가 약속할 내용을 다음과 같다. URL을 작성할 때 주의할 점 SSR 버전관리 자원을 필터링해야 한다면 Query Parameter 를 이용하자. 데이터를 묶어서 전달해라. 약속된 상태코드를 사용해라. Stateless 하게 작성해라. 1. URL을 작성할 때 주의할 점 1.1 명사를 사용해라 URL은 우리가 제공 할 자원을 중심으로 구성되며, 자원은 반드시! 명사 로 써야하며 절대로 동사를 사용하면 안된다. 아래 예시를 보자 GET /lectures - 강의 리스트를 조회한다. GET /lectures/12 - #12 라는 특정 강의을 조회한다...
돌아서 치기 공에 접근할 때 돌아서 접근해야 하는건 알았지만, 제대로 못하고 있었다. 아래와 같은 문제가 있었다.` 돌아 갈 때 너무 크게 돌아간다. 동선 낭비! 돌아가서 공을 타격할 때 체중이 앞이 아닌 옆에 있다. 잔발이 전혀 없다. 위 문제를 해결하기 위해 드릴 하나를 연습했다. 콘을 세워 놓고, 그 콘을 뒤로 도는데 잔발로 돌아 포핸드, 백핸드를 타격하는 드릴! 아, 그리고, 너무 스텝에만 신경쓰다보니, 타격을 대충하는 경향이 있었는데, 타격 할 때 여유를 갖고 신중하게 쳐보자.
발리 거리 조절하기 발리 거리 조절을 어떻게 하고 있는가? 평소에 앞 스윙의 길이로 발리의 거리를 조절하고 있었다. 땡! 소지 약지 중지 로 발리의 거리를 조절한다. 힘을 빼고 있다가 살짝 살짝 힘을 주면서, 거리감을 느껴야한다. 포핸드, 백핸드 모두 동일하다. 그리고, 발리가 뜨는 경우가 생긴다. 아래 두가지의 경우를 체크해보자 1. 발리의 타점이 뒤에 잡히지 않았는가? 2. 중심이 뒤로 빠지지 않았는가?1번의 경우는 알고 있었지만, 2번의 경우는 생각하지 못하고 있던 부분이다. 발리가 뜬다면, 중심이 뒤로 무너졌는지 확인해보자. 아! 테스트 해보고 싶은게 생겼다. https://www.youtube.com/watch?v=gVsbU0nh8hg 위 링크는 원핸드 백핸드를 설명해주는 영상이다. 위 영상 중간을 보면 라켓이 나..
passport.js로 소셜 로그인 구현하기 Passport.js 로 소셜 로그인 구현하기 0. 들어가기 앞서 Passport 는 정말 친절한 라이브러리다. 단 몇 줄의 코드로, 소셜 로그인을 구현할 수 있다. Passport 로 소셜 로그인을 구현하기 위해 아래 명령어로 패키지를 설치한다. $ npm i express express-session passport passport-facebook passport-google-oauth20 passport-kakao passport-naver설치하는 패키지들을 간단하게 설명하면 express : 웹 서버 구현을 도와주는 프레임워크 express-session : express 프레임워크에서 session을 사용하기 위한 라이브러리 passport : passport 코어 라이브러리 passport-f..
OAuth 완벽하게 알고가기 OAuth 에 대해서... 용어 설명 1.Client Resource Server 를 사용하는 주체. 내가 구현하게 될 어플리케이션 2.Resource Owner Resource Server 에 인증되어 있는 사용자. 내가 구현한 어플리케이션을 사용 할 사용자 3.Resource Server 데이터를 가지고 있는 서버. Google, Facebook, Twitter 등록 내가 구현 할 어플리케이션(이하 Client)이 Resource Server 를 사용하기 위해서는 등록 이라는 절차를 거쳐야 한다. Facebook Developer, Google Developer 와 같은 사이트에서 진행한다. 등록 과정을 거치게 되면, Client 와 Resource Server 는 아래 3가지를 공유하게 된다. Cl..

티스토리툴바