BACKEND/Node(15)
-
Express + passport, 어렵지 않게 사용하기 2
# passport - facebook, 소셜로그인 튜토리얼 안녕하세요 ❗️ 오늘을 passport를 사용해서 로그인 구현을 해볼 예정입니다. 사실 Passport 는 사용해본 적이 없어서 게시글도 쓸겸 만들어봤는데 재밌게 했어요 〰️ 궁금하지 않으셨나요❓ "소셜로그인 구현은 어떻게 하는 거지?" passport는 서버의 기본적인 지식이 있어야 구현하는데 어려움없을 거에요. 하지만, 반대로 서버와 express 이 조금 어려운 분들은 passport는 아마 도전이지 않을까 싶네요. 두 편으로 나누어서, 오늘은 소셜 로그인 중, facebook 로그인 구현하는 것을 다뤄볼 예정입니다 🔥 코드는 깃 허브에 올려두었으니 참고하셔도 좋습니다 ! ***************** INDEX *************..
2020.04.28 -
Express + passport, 어렵지 않게 사용하기 1
안녕하세요 ❗️ 오늘을 passport를 사용해서 로그인 구현을 해볼 예정입니다. Passport 는 사용해본 적이 없어서 게시글도 쓸겸 만들어봤는데 재밌게 했어요 〰️ 궁금하지 않으셨나요❓ "소셜로그인 구현은 어떻게 하는 거지?" passport는 서버의 기본적인 지식이 있어야 구현하는데 어려움없을 거에요, 하지만, 반대로 서버와 express 이 조금 어려운 분들은 passport는 아마 도전이지 않을까 싶네요. 오늘 한 번 같이 해봅시다 🔥 코드는 깃 허브에 올려두었으니 참고하셔도 좋습니다 ! ***************** INDEX ***************** 🚀 passport 사용 설정 만들기 🎯 passport로 local-login 구현하기 🖍 passport로 social-login..
2020.04.27 -
Express, 어렵지 않게 시작하기
안녕하세요 〰️ 이 번 포스팅은 Express를 시작하는 분들을 위한 길잡이 입니다. Express를 시작하고 사용하는 법까지 알아볼 예정입니다. 🤔 Express ? 🚀 Express 프로젝트 생성하기 🎯 Express 구조 뜯어보기 🔥 Express 활용 - 기초 위와 같은 순서로 내용을 진행할 예정이니 잘 보고 따라오시면 좋을 것 같아요 ❗️ 코드는 깃허브에 올려두었으니 참고 하시길 바랍니다 〰️ 🤔 Express ❓ NodeJS 에 대해 많이 들어보셨을 것 같은데요. NodeJS, Express 는 어떤 관계에 있는지 헷갈려하는 분들이 많을 것 같아요. NodeJS ? ✔️ 자바스크립트 기반 서버 플랫폼 ( 자바스크립트를 실행하는 런타임 환경 ) 이벤트 기반이며, 싱글스레드입니다. 또, non-b..
2020.04.26 -
Express + React, 간단한 프로젝트 만들기 3
안녕하세요 ❗️ 오랜만에 포스팅을 하게 됐습니다 ^~^ 이번에는 React와 Express를 연동하여 웹 프로젝트를 간단하게 만들어 볼 예정이에요❗️ 데이터베이스는 mongoDB를 사용하며 IDE는 VSCode를 사용합니다. mongoDB에 대해 어색하신 분들은 이 전 시리즈인 Express + MongoDB, 간단한 프로젝트 만들기 를 참고하시길 추천합니다. 이 포스팅은 웹 프론트와 서버를 연결하고, 작동시키는 것에 초점을 두기 때문에 코드의 문법이나 특징에 대한 내용은 생략할 것입니다. 이 시리즈는 총 3편으로 구성되어 있으며, 본 편은 시리즈의 세 번째 포스팅입니다. 🔥 실제로 제작한 메모는 이 곳에서 확인할 수 있습니다. 메모를 자유롭게 남겨주세요 〰️ 🔥 첫 번째 포스팅 : server - ex..
2020.04.23 -
화살표 함수, 어렵지 않게 사용하기
안녕하세요 〰️ 오늘 포스팅의 주제는 'Arrow Function, 화살표 함수' 입니다. SOPT 서버 세미나 도중에 자세히 알려드리고 싶은데, 시간이 없어서 자세히 못알려드린 게 조금 마음에 걸리더라구요... 짧고 간단한 내용이니 가볍게 보셔도 좋을 것 같아요 〰️ 이제 많이 사용할거니까 종종 보시면서 익숙해지시는게 좋을 것 같아요 😆 순서는 다음과 같습니다. 1. 화살표 함수❓ 2. 화살표 함수 선언 3. 화살표 함수 호출 4. 화살표 함수 주의 첫 번째, 화살표 함수? 화살표 함수는 간단한 표기법의 함수 정의 방식입니다. function에 비해 표현이 간단하고, 항상 익명이에요. 깔끔하고 간단하지만, 항상 익명이며 this, arguments 등이 자동으로 바인딩되지 않기 때문에 신경써서 사용해주..
2020.04.22 -
Express + React, 간단한 프로젝트 만들기 2
안녕하세요 ❗️ 오랜만에 포스팅을 하게 됐습니다 ㅎㅎ 이번에는 React와 Express를 연동하여 웹 프로젝트를 간단하게 만들어 볼 예정이에요❗️ 데이터베이스는 mongoDB를 사용하며 IDE는 VSCode를 사용합니다. mongoDB에 대해 어색하신 분들은 이 전 시리즈인 Express + MongoDB, 간단한 프로젝트 만들기 를 참고하시길 추천합니다. 이 포스팅은 웹 프론트와 서버를 연결하고, 작동시키는 것에 초점을 두기 때문에 코드의 문법이나 특징에 대한 내용은 생략할 것입니다. 이 시리즈는 총 3편으로 구성되어 있으며, 본 편은 시리즈의 두 번째 포스팅입니다. 첫 번째 포스팅 : server - express 두 번째 포스팅 : database - mongoDB 세 번째 포스팅 : client..
2020.04.17