생활코딩

Coding Everybody

코스 전체목록

닫기

쿠키를 이용한 인증 기능 구현

수업소개

쿠키를 이용해서 인증 기능을 구현하는 방법을 살펴보겠습니다. 본 예제는 보안상의 이슈가 있기 때문에 현실에서 바로 사용해서는 안됩니다. 인증을 구현하는 방법에 대한 아이디어만 얻기를 바랍니다. 

 

 

 

강의 1 - 예제소개

 

 


 

강의 2 - UI 만들기

변경사항

 

 

 

강의 3 - 로그인 쿠키 생성

코드 변경사항 

 

 

 

강의4 - 로그인 상태 체크

코드 변경사항 

 

 

 

강의 5 - 로그인 상태를 UI에 반영

코드 변경사항

 

 

 

강의 6 - 로그아웃

코드 변경사항 

 

 

 

강의 7 - 접근제어

코드 변경사항

댓글

댓글 본문
  1. 로그인 기능 구현!
  2. 케굴
    2022-01-03
  3. jeisyoon
    2021.03.19 Cookie 인증 기능 구현 - OK
  4. hanel_
    2021.3.13
  5. 생활둘기
    2021 1 6
  6. Yong Hyun Lee
    완료
    201119
  7. ㅋㅋㅋ
    감사합니다!
  8. 뚜루뚜루뚭
    감사합니다
  9. 뚜루뚜루뚭
    브라우저에서 처리해줘서 넘겼거나 node에서 처리했다.
    대화보기
    • 뚜루뚜루뚭
      감사합니다
    • 쑤우
      수강완료. 감사합니다~
    • 강의3에서
      <form action="login_process" method="post"> 이 아니라
      <form action="/login_process" method="post"> 으로 해야한다고 생각했는데
      둘 다 정상작동해서 질문남깁니다!
      첫 번째 방식으로 하면 /login/login_process 로 form 데이터가 넘어가서 안될것같다고 생각했는데
      결과는 둘 다 /login_process 로 넘어가네요.. 왜 그런거죠?
    • 챠챠
      감사합니다. 너무 재밌어요!
    • 강다리
      완료
    • 굼벵이
      완료
    • ansk
      너무 알기쉽게 잘 알려주셔서 감사합니다. ^^
      Express를 사용할땐 이렇게 쿠키 등록!
      response.cookie('id', 'pw', { secure: true, 옵션:옵션 });
    • jo_onc
      로그인 기능까지 만들다니!
      유익한 강의 감사합니다^^
    • Kyoungil Lee
      로그인기능이 생기니까 이제뭔가 제대로된 웹사이트같은 느낌이 나네요
    • 삼고잉
      강의 5의 코드 변경사항은 강의4로 먹혀졌나보네요ㅠ
    • orez
      강의 5 커밋이 4번링크가 걸렸습니다 :-)!!
    • fed-gren
      안녕하세요 강의 항상 잘 보고있습니다.

      강의 6 0~50초 구간이 한번 반복되는 것 같습니다. 다른 분들도 그런진 모르겠네요..

      그리고 강의6에서 authStatusUI 함수 내부에서 logout a태그에 href="/logout_process" 로 변경하는 내용이 있으면 더 좋을것 같습니다.
    • 연수아빠
      수강 완료!!
    버전 관리
    egoing@gmail.com
    현재 버전
    선택 버전
    graphittie 자세히 보기