열쩡개발

오늘은 웹개발의 기초인 쿠키와 세션에 대해 알아보려고 합니다. 🤷‍♀️ 1. 쿠키란 한 사이트에 회원가입 혹은 로그인을 한 뒤, 그 창을 껐다 켜도 로그인 상태로 남아있는 경우를 경험해본 적이 있을 겁니다. 다. 여기서 쿠키가 사용되는데요. 서버가 사용자의 웹 브라우저에 전송하는 데이터라고 생각하시면 됩니다! 브라우저가 이 데이터를 저장했다가, 동일한 서버로 요청이 오면 저장되어있던 데이터를 이용할 수 있게 되는 것이죠. 💪 2. 코드 작성해보기 이제 nodeJs로 간단한 코드 하나 작성해 보겠습니다. const express = require('express'); const app = express(); const cookieParser = require('cookie-parser'); const po..

🤦‍♀️1. 배경 AWS로 서버를 배포하는 과정 중, RDS로 발급받은 엔드포인트를 숨겨서 깃허브에 올려야했었다. 전공선생님께 여쭤본결과 .env를 사용하면 된다고 했다. 🤷‍♀️2. .env 파일이란? 개발을 하다보면 git, 오픈소스에 올리면 안되는 것들이 있다. 이런걸 환경변수(env)로 설정해놔서 관리해주는 것이다. 💪 3. .env 사용법 npm install dotenv dotenv를 install 해줍니다. 그 후 .env 파일을 생성해주세요. DB_HOST = DB_DATABASE = DB_USER = 이런 식으로 .env에 숨길 값을 넣어 줍니다 그 후 다시 본 코드로 와서 require('dotenv').config() 맨 위에 dotenv를 추가해줍니다 console.log(proce..

🤷‍♀️ 1. NPM이란 설치를 하기에 앞서, NPM(NodeJs Package Manager)은 다른 사람들이 잘 만들어놓은 모듈들을 npm을 통해 설치하여 사용가능하다. NodeJs는 프레임워크가 아니기 때문에 npm을 통해 필요한 기능을 install하여 사용해야한다. node js에 npm이 기본적으로 깔려있기에 npm 명령어를 이용할 수 있다. https://www.npmjs.com/ npm | Home Bring the best of open source to you, your team, and your company Relied upon by more than 17 million developers worldwide, npm is committed to making JavaScript dev..

개발 공부를 하면 "프레임워크"라는 단어를 많이 들어봤을 것입니다. 🤷‍♀️프레임워크란? Frame(틀) + Work(일)의 합성어로 어떠한 일을 처리하기 위한 구조를 제공하는 것. 즉, 전체 동작방식은 프레임워크가 제공하고 우리는 프레임워크의 일부 부분을 개발하는 것입니다. 그렇기에 프레임워크를 이용하게 된다면 처음부터 끝까지 모든 동작을 개발하지 않고, 특정 부분만 도움을 빌려 개발하면 됩니다. 잘 감이 안오시죠? 예를 하나 들어보겠습니다. 떡볶이를 만들기 위해 떡을 불리고, 소스를 만들고, 재료를 손질하는 등 다양한 과정을 걸쳐야 합니다. 하지만 떡볶이 밀키트를 이용하면 재료를 넣고 끓이면 되기 때문에 아주 간편하게 요리를 도와줍니다. 여기서 프레임워크는 밀키트와 같은 역할을 합니다. 🤷‍♀️Nod..