로그인 구현 1편에 이어서 쿠키로 이름 저장을 해봅시다. 1편을 보고싶다면 아래 링크 클릭 https://jae04099.tistory.com/33 1-1. 로그인 구현(파라미터로 다음페이지에 이름 넘기기) 기능 설명 원래 하려고 했던 기능은 페이스북과 구글 로그인 api를 이용한 회원가입이었다. 왜냐면 말 그대로 개인만의 기록을 하기 위해서 이다. 그렇지만, 사용자에게 이름을 입력받으면 다음 jae04099.tistory.com 쿠키로 이름을 저장하는 이유는 경로가 다르더라도 계속 저장해둔 이름이 뜨게 하기 위함이다. 기능구현을 위한 기술 쿠키 확인 크롬 개발자도구(ctrl + shift + i) - application - 왼쪽 메뉴에 cookies 쿠키란? : Http의 기록의 일종. 인터넷 사용자..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/upjd4/btqHmy9RLTv/IiRJ5Gb2qqlxEU1WxcOxc0/img.png)
- 프로젝트의 기록하기 버튼의 submit을 누르면 랜덤으로 저장이 안되거나 저장을 했는데도 메인페이지로 가지 않는 문제가 있어 해결했다. 문제는 form태그 안에 input태그가 있었고, form 태그를 지우니 해결됐다. form 태그가 제출이 되면 바로 새로고침 시켜버리는 속성 때문이다. - 프로젝트의 소소한 오류를 수정했다. 안드로이드 폰, 아이폰에서 확인을 했는데 사소한것에 차이가 너무 많이 나서 자잘한 수정을 진행했다. 90%는 완성된 듯. - 프로젝트 공유를 위한 메타태그 og(open graph)를 배웠다. og:title은 페이지 제목, og:description은 페이지에 대한 설명 og:image는 공유했을 때 카카오톡이나 페이스북에 나오는 사진이다. 이미지의 가장 최적화된 사이즈는 1..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/xBMje/btqHguTO2fS/Wc6M5VF0fPO5zJ2Rw0gXD1/img.jpg)
기능 설명 원래 하려고 했던 기능은 페이스북과 구글 로그인 api를 이용한 회원가입이었다. 왜냐면 말 그대로 개인만의 기록을 하기 위해서 이다. 그렇지만, 사용자에게 이름을 입력받으면 다음 페이지에 ~님 안녕하세요 라고 나타나는 기능만 구현하기로 했다. 사진으로 설명하면 이렇다. 기능 구현을 위한 기술 한 페이지에서 다음 페이지로 원하는 변수를 전달시켜야 한다. 그 기능은 get 전달 방식을 이용해서 링크에 원하는 변수를 붙여 보내면 된다. 만약 로그인 페이지가 localhost:5000/login 라는 주소라면 메인 페이지는 localhost:5000/main?userName=개발자 형식 인 것이다. 그렇지만 이렇게 넘겼더니 이전 페이지로 돌아가는 버튼을 누르면 다시 이름이 리셋되는 문제가 발생했다. ..
- Total
- Today
- Yesterday
- 자바스크립트
- 백준 10989 파이썬
- nuxt 공식문서 한글
- 움직이는 글래스모피즘
- 리액트 스크롤
- 리액트 라우터
- 파이썬 크롤링
- 카페음료테스트
- css marquee
- 리액트 컴포넌트
- 파이썬 flask
- css 글래스모피즘
- 리액트
- 글래스모피즘 애니메이션 구현
- dvd 효과
- 10989 파이썬
- Til
- nuxt 공식문서
- NextJS
- nextjs 스크롤
- vscode venv
- 파이썬 정렬
- nextjs 파라미터 넘기기
- getserversideprops redirect
- 글래스모피즘 구현
- 화이팅
- react router
- next.js 리다이렉트
- 리액트 파라미터 넘기기
- bs4 크롤링
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |