Enjoy Programming

https://github.com/vvo/iron-session GitHub - vvo/iron-session: 🛠 Node.js stateless session utility using signed and encrypted cookies to store data. Works with N 🛠 Node.js stateless session utility using signed and encrypted cookies to store data. Works with Next.js, Express, NestJs, Fastify, and any Node.js HTTP framework. - GitHub - vvo/iron-session: 🛠 No... github.com 기존 jwt 토큰은 암호화 되지 않는다. 이..

일단 유튜브 클론과정은 거의 끝났다 ~ 내가 직접 몇개의 라우터를 더 만들 예정이고~ 홈페이지 디자인도 손보고~ 몇가지 자바스크립트도 추가할예정이고~ 로직도 손보고 있다. 마지막 챌린지였던 댓글 삭제기능은 구현되었고~ 그런데 포스팅을 못했다.. 포스팅할게 너무 밀려있다.. ㅠㅠ 차분히 하자.. 현재는 개발자 모드로 개발을 하고 있었고 이제 실제 배포를 해볼차례이다. Heroku를 통해 배포를 한다. Heroku란 무엇인가~ Heroku는 java, node.js, python등 여러 언어를 지원하는 웹 어플리케이션 배치 모델로 사용되는 클라우드 paas이다. paas? Platform as a Service- 서비스형 플랫폼 : 클라우드 컴퓨팅 서비스 분류 중 하나. 일반적으로 앱을 개발하거나 구현할 때..

앞서 모델들을 만들었고 이제 컨트롤러에서 모델들을 연결시켜줘야 한다. 지금은 가짜 데이터베이스가 삭제되었고 현재 홈화면에 진입하면 에러가 발생한다 이제 비디오 컨트롤러에 모델을 임포트 시켜주고 컨트롤러를 조정해줘야 하는데 이때 async와 await, throw를 사용한다. 우선 코드 작성부터 하자. models폴더에 Video모델을 임포트 해주고 홈화면에 진입시 async를 작성해주자 그리고 videos라는 변수에 await과 Video.find를 해준다. 이렇게 하면 Video모델에서 데이터들을 찾아와 videos에 담아주는데 현재는 데이터가 없으니 videos는 빈 배열이다. 이렇게 작성해주면 videos를 완료하기 전까지 home 페이지를 렌더링하지 않고 videos를 완료하면 넘어가게 된다. 기..

자주 사용되는 코드를 반복해서 작업하는 것을 피하기 위해 views폴더에 mixins 폴더를 생성하고 템플릿을 만들어준다. mixin() 함수 pug의 함수로서 반복되는 html 또는 어떤 코드덩어리를 함수 형태로 만들 수 있도로 기능을 제공한다 사용법은 mixin 함수명()이렇게 쓰고 아래 코드를 쓰고서 사용할때는 + 함수명을 써주면 된다. pugjs.org/language/mixins.html Mixins – Pug Mixins Mixins allow you to create reusable blocks of Pug. //- Declaration mixin list ul li foo li bar li baz //- Use +list +list foo bar baz foo bar baz Mixins a..

이번엔 최신의 자바스크립트 코드를 노멀한 자바스크립트로 변환 시켜줄 Babel을 설치해보자 Babel이란 무엇인가 공식 사이트 소개에는 babel is a javascript compiler 자바스크립트 컴파일러란다. 인터프리터 언어인 자바스크립트로 babel은 결과물을 만들어주는 컴파일러이다 입력은 자바스크립트 코드이고 출력도 자바스크립트 코드이다. 최신 버전의 자바스크립트 코드는 브라우저가 잘 이해하지 못하는 경우가 있기에 babel은 브라우저가 이해할 수 있도록 문법을 변환 해준다. es6, es7등등 최신 문법을 사용 가능하도록 해주는 컴파일러다. ----------------------------------------------------------- es6에는 새로운 문법이 많다. arrow ..

모든 브라우저는 자바스크립트를 해석하고 실행할 수 있는 엔진을 내장하고 있음. browser뿐만 아니라 서버사이드인 Node.js도 자바스크립트 엔진을 내장하고 있다. 기본적으로 브라우저에서 동작하는 코드는 Node.js에서도 동작한다. 그러나 두개의 목적이 달라 브라우저와 node.js 모두 자바스크립트 코어인 EcmaScript를 실행 할 수 있지만 브라우저와 Node.js에서 ECMAScript 이외에 추가적으로 제공하는 기능은 호환되지 않는다. ex > 브라우저는 HTML요소를 선택하거나 조작하는 기능들의 집합인 DOM API를 기본적으로 제공 Node.js는 Web API인 DOM API를 제공하지 않는다. 반대로 Node.js에서는 파일을 생성하고 수정하는 File시스템을 기본 제공하지만 브라..