Enjoy Programming

우선 mdn을 살펴보자 HTTP쿠키(웹쿠키, 브라우저 쿠키)는 서버가 사용자의 웹브라우저에 전송하는 작은 데이터 조각. 브라우저는 그 데이터 조각들을 저장해 놓았다가 동일한 서버에 재 요청시 저장된 데이터를 함께 전송한다. 쿠키는 두 요청이 동일한 브라우저에서 들어왔는지 아닌지를 판단할 때 주로 사용된다. 이를 이용하면 사용자의 로그인 상태를 유지 할 수 있다. 기본적으로 HTTP는 stateless! 상태가 없다. 웹사이트는 유저와 항상 연결되어 있지 않다. 유저가 웹사이트에 접속할때 request가 되고 그 순간 연결이 된다. 그리고 내요청에 대한 응답을 받는 순간 연결이 끊긴다. 예를 들어 페이지를 뿌려주고 끝이 난다는 것. 문제는 유저에 대해 기억을 해야할 필요가 있다는 것. 웹사이트를 사용하는 ..

사용자 인증을 구현해 줄 passport js 쿠키 : 브라우저에 저장할 수 있음 , 모든 request에 대하여 back-end로 전송될 정보들이 담겨 있음 예를 들어 회원 가입 정보같은 것을 유저가 입력하고 submit하면 쿠키의 형태로 브라우저에 담기고 브라우저는 이 쿠키들을 서버로 자동적으로 보내준다. passport는 쿠키를 생성하고, 브라우저에 저장하고 유저에게 해당 쿠키를 전송한다. passport-local-mongoose 모듈 : 사용자 기능을 추가 (user functionality) ------------------------------------------------------------ user model 생성 passport-local-mongoose 설치 ( 패스워드 설정, 확..

자바스크립트가 es6로 넘어오면서 기본값 함수 매개변수(default function parameter)를 사용하면 값이 없거나 undefined일 경우 이름 붙은 매개변수를 기본값으로 초기화 할 수 있게 되었다. mutiply라는 함수에 a, b 두개를 매개변수로 주고 함수를 실행시 인자가 하나만 들어가거나 아에 안들어가는 상황이 생기면 NaN이 리턴되었다 default값이 없었던 시절에는 저걸 해결할 방법이 있었나 모르겠지만 es6에서는 위처럼 a= 2, b= 3이라는 기본값을 주고 만약 인자가 정상적으로 두개가 들어온다면 들어온 인자값으로 return 구문을 실행하지만 만약 위처럼 5하나만 들어온다면 b의 default값인 3이 기본 인자로 전달 되어 5 * 3이 리턴된다. mdn을 살펴보자 jav..

이번엔 자바스크립트 함수중 몇가지 함수를 살펴보자(배열에서 쓰이는) 1) Array.prototype.find() 이 함수는 주어진 함수를 만족하는 첫 번째 요소의 값을 반환한다. 없다면 undefined를 반환. find()함수 괄호 안의 매개 변수는 callback 함수가 오고 위 사진처럼 arrow function으로 무지 간단하게 함수가 구현되었다. es6이전의 방식이라면 이렇게 코드량이 많아진다. 자 좀더 설명하자면 find함수는 callback함수가 true를 반환할 때까지 해당 배열의 각 요소에게 callback함수를 실행한다. 만족하는 요소를 찾았다면 해당 요소를 즉시 반환하고, 못찾았다면 undefined를 반환한다. find는 호출대상인 배열을 mutate하지 않는다. 그리고 처리할 배..

아 어려웠다 웹팩 설치.. 프로그래밍을 배우며 항상 어렵게 느껴지는게 바로 설정이다... 무언가 새로운 툴을 설치하고 설정하고 하는게 참 어렵다... ㅋㅋ 자 장장 두시간에 걸쳐 설정한 webpack을 알아보자 유튜브 클론코딩을 하던 중 서버쪽은 어느정도 진행이 되었는데 이제 클라이언트 쪽의 css나 javascript를 아직 하나도 안했다. 자 그럼 웹팩이란 무엇인가. 개발을 하다보면 자바스크립트 코드가 많아지고 여러개의 자바스크립트 파일을 만들게 된다. 이 파일들이 많아 질 수록 브라우저에서 로딩하는 것이 많이지기에 브라우저가 느려질 수 있고 또한 그만큼 네트워크 비용을 치뤄야 하는 단점이 있다. 그리고 파일들 간에 작성이 잘못된 경우 충돌의 위험성도 있다. 이러한 단점을 보완한 하나의 파일로 bun..

이제 정식적으로 검색으로 비디오를 찾도록 해보자 지금 작성해놓은 search는 검색이 되지 않는다. 정규표현식을 사용해서 검색기능을 구현해보자 먼저 검색이 될 videos를 수정가능한 배열로 선언 해주고 Video 모델에서 찾아서 videos에 담아준다. title을 기준으로 찾고 조건은 쿼리스트링 값 serchingBy를 대조해서 검색한다 이때 options을 주는데 i로 플래그를 설정한다. i는 대소문자에 관계없이 매칭해주는 것이다. 바로 앞선 포스팅에서 정규표현식을 다루었다. developer-lte.tistory.com/entry/Regular-Expression-%EC%A0%95%EA%B7%9C%ED%91%9C%ED%98%84%EC%8B%9D Regular Expression - 정규표현식 정규..