# 로그인

58개의 포스트
post-thumbnail

로그인/아이디찾기/비밀번호찾기,재설정 UI

로그인 UI는 인터넷이 있는 소스 코드를 복사해와 우리 팀에 맞는 색으로 다시 재수정했다. 유효성 검사시 공백인채로 넘어가지 않게 input type에 required 를 추가적으로 넣고 autofocus를 아이디 부분에 맞춰놨다.아이디 찾기와 비밀번호 찾기 부분도 이

약 7시간 전
·
0개의 댓글
post-thumbnail

Node + React_2 (BE)

mongoDB에서 findOne메서드를 이용해 찾는다.comparePassword 메서드 & 토큰 생성 (jsonwebtoken(JWT) )비교를위해서 bcrypt.compare() 메서드를 이용한다. 첫번째 파라미터인 plainPassword는 말 그대로 원래의 비밀

2021년 5월 7일
·
0개의 댓글

[TIL #30] React - 회원가입 & 로그인 구현(feat. fetch 함수)

프론트엔드와 백엔드의 통신유저가 e-mail & 비밀번호 입력 -> input 의 onChange함수 실행.onChange함수에서 input 의 value를 setState를 통하여 업데이트Button 클릭하면 onClick 함수 실행onClick 함수 안에서 fetc

2021년 5월 6일
·
0개의 댓글

로그인 인증 4가지 방법

😀 로그인 인증 4가지 방법을 알아보자!

2021년 4월 29일
·
0개의 댓글

[TIL] React 카카오/구글 로그인 구현하기

Google Developers메뉴 -> API 및 서비스 -> 사용자 인증 정보 에서 사용자 인증 정보를 만들면 되는데, 유형은 웹 애플리케이션으로 만들고 RedirectURI와 React가 실행되는 주소를 등록clientId는 애플리케이션 등록시 발급받았던 clie

2021년 4월 16일
·
0개의 댓글
post-thumbnail

TIL_66_회원가입, 로그인

1\. 유저가 이메일을 입력합니다.Email Input의 onChange 함수가 실행 됩니다.2\. onChange 함수에서 Email Input의 value를 setState를 통해 업데이트 합니다.3\. 유저가 비밀번호를 입력합니다.Password Input의 on

2021년 4월 16일
·
1개의 댓글
post-thumbnail

주차장 미니 프로젝트

드디어 부트캠프에서 첫 미니 프로젝트(풀스택)인 주차장을 설계하고 구현을 해보았다. 프론트엔드를 지망하는 나로써 데이터가 DB와 온전히 오고가는지를 중점으로 두고 진행을 하였다. 나는 적응하기까지가 오래걸려서 기능이 많지도 않구 시간도 2주정도 걸렸던거같다. 덕분에 로

2021년 4월 13일
·
0개의 댓글

SNS 회원가입 및 로그인 - 구글

이번 시간에는 전 시간처럼 SNS 회원가입 및 로그인에 대한 두번째 시간이다. 이번에는 구글을 통해서 회원가입 및 로그인 처리를 할 예정이다. 이번에도 passport를 통한 전략과 구글 개발 사이트에서 설정을 통해서 어떻게 진행되는지 알아보자. Google > h

2021년 4월 12일
·
0개의 댓글

SNS 회원가입 및 로그인 - 카카오

이번 시간에는 SNS로 회원가입과 로그인 구현에 대해서 정리를 하겠다. 한국에서 자주 쓰이는 카카오와 구글로 구현을 했다. passport를 이용하여 구현을 진행하였다. passport에는 SNS에 대해서 많은 기능을 가지고 있다. 카카오, 구글, 페이스북, 트위

2021년 4월 12일
·
0개의 댓글

인스타그램 로그인 (회원가입, 로그인 기능 구현)

전체적인 로직은 위와 같다. 본래 다양한 조합의 로그인을 구현하기 위해models.py에는 다양한 필드가 있지만, 여기서는 email과 패스워드만을 이용한 로그인만으로 범위를 좁혔다.models.py에서 CharField로 해결할 수 있는 부분이라면 가급적 TextFi

2021년 4월 11일
·
0개의 댓글

회원가입 및 로그인 구현 #4

이번 시간에는 로그인 후 지속적으로 로그인을 유지할 수 있도록프론트와 백에 코드를 추가하여 마무리할 예정입니다.로그인을 유지할 수 있는 라우트는 user로 정해서 진행했습니다.isLoggedIn / isNotLoggedIn 뭐지?로그인을 했는지 체크해주는 미들웨어다.그

2021년 4월 9일
·
0개의 댓글

회원가입 및 로그인 구현 #3

이번 시간에는 Router와 passport에 대해서 정리를 하려고 한다. Router - routes/page.js >클라이언트에서 API요청을 할 경우 해당하는 주소 및 메소드에 맞게 Router를 만들고, 작업 수행에 필요한 코드를 작성하면 된다. 위에서 예시

2021년 4월 9일
·
0개의 댓글

회원가입 및 로그인 구현 #2

로그인 및 회원가입 두번째 시간 노드로 구축한 백엔드 정리하려고 한다. Node.js로 서버를 구축하기 위해서 프레임워크인 Express를 사용하였다. DB는 MySQL이며, SQL문법 대신 자바스크립트 문법으로 대체할 수 있는 시퀄라이즈를 사용했다. Express

2021년 4월 8일
·
0개의 댓글

인증 & 인가

Authentication은 유저의 identification을 확인하는 절차일반적 절차유저 아이디와 비번 생성 -> 유저 비번 암호화 해서 DB에 저장 > 유저 로그인 -> 아이디와 비밀번호 입력 > 유저가 입력한 비밀번호 암호화 한후 암호화되서 DB에 저정된 유저

2021년 4월 8일
·
0개의 댓글
post-thumbnail

회원가입 및 로그인 구현 #1

이번 시간에는 회원가입과 로그인을 구현을 진행하였다. React Next.js typescript 로 프론트를 작업하였고, express MySQL sequelize passport로 백 부분을 작업했다. 투두앱을 제외한 프론트와 백을 구축해서 어떤 개인 실습을 해볼

2021년 4월 8일
·
0개의 댓글
post-thumbnail

[T.I.L] 인증(Authentication)과 인가(Authorization)

유저의 identification을 확인하는 절차👉 흔히 우리가 로그인(log-in)하는 절차가 '인증'이다.유저 ID와 PW 생성유저 PW 암호화해서 DB에 저장 --> 여기까지 회원가입유저 로그인 : ID, PW 입력유저가 입력한 PW 암호화하여 DB에 저장된 암

2021년 4월 6일
·
0개의 댓글

React 기초다지기 #5

자바스크립트:싱글 쓰레드로 동작하는 언어이다1번에 1개의 작업만 할 수 있는게 싱글쓰레드인데, 어떻게 비동기작업은 동시에 할 수 있을까?콜백함수어떤 함수에 인수로 넘겨지는 함수자바스크립트가 비동기 처리를 위한 패턴중에 하나이다.프로미스(Promise)란?콜백헬 방지를

2021년 4월 1일
·
0개의 댓글
post-thumbnail

TIL no.37 - 로그인 API 통신

프론트/백 엔드 첫 통신! (로그인)

2021년 2월 7일
·
0개의 댓글
post-thumbnail

[django] 회원가입, 로그인 review

django에서 회원가입과 로그인을 진행하며 만났던 상황들에 대한 포스팅.회원가입시 필수 항목으로 email, mobile number 중 하나와 비밀번호를 사용자로부터 받아서 회원정보를 db에 저장시키는 class를 views.py에 작성.이때, 로 작성하고 사용자가

2021년 2월 5일
·
0개의 댓글