youtube: https://www.youtube.com/watch?v=kAFVqOqpurI
github: https://github.com/qjawns0222/caremaker/tree/main
첫날 시작하겠습니다.
계획 세워서 하는게 좋다고해서 계획을 한번 글로 세워봤습니다.
계획서
api
데이터: 만든user,각종 내용들,구별할 개별 id
user:아이디와 비밀번화
페이지
로그인 페이지
기본 navbar
<head>:환영합니다 인사말
<sections>:로그인 관련된거(회원가입,아이디찾기,비밀번호찾기,로그인)
<bottom>:각종 관련 링크들 페이스북 등등
종류 클릭
기본 navbar
<head>:필터할 단어
<sections>:선택사항
<bottom>:각종 관련 링크들 페이스북 등등
데이터입력
기본 navbar
<head>:지시사항
<sections>:필요한 데이터마다 input만들고 placeholder로 주의사항 기재 젤밑에 저장버튼 다하고 나면 완성된 페이지로 이동
<bottom>:각종 관련 링크들 페이스북 등등
마이페이지(내가만든것들확인)
기본 navbar
<head>:제목
<sections>:로그인 정보와 비밀번호 수정 가능하도록 그리고 맨밑에 내가만든 카드 링크 그림과 같이(이건 안되면 링크만)
<bottom>:각종 관련 링크들 페이스북 등등
내가만든것 확이하는 페이지
<head>:navbar fixed시켜놓고
<sections>:완성된 내용
이런식으로 page를 기본화면,로그인화면,마이페이지화면,form선택화면 그리고 만들고 id로 접근해서 보는 화면 이렇게 구성 했습니다.
처음 해보는데 여기서는 리턴값이 NextPage만 제대로되더라고요 ...
나중에 왜 저런지 한번 알아봐야겠어요...
그리고 function은 되긴하는데 그림처럼 return 값을 넣으면 오류가 뜨더라고요... 그냥 에로우function으로 해결했습니다. 이것도 만들고 제대로 알아봐야겠어요.
오류 나오는건 아직 못 고쳤고 실행은 제대로 되더라고요
type을 이용해서 일부분은 고쳤는데 어제 완전히 고치지 못했습니다.
serverside로 전달받은 id를 넘겨주는것을 구현해봤습니다.
'next+ts' 카테고리의 다른 글
| next+ts 4일차 first form 만들기 (0) | 2022.04.16 |
|---|---|
| next+ts 4일차 form 화면 만들기 (0) | 2022.04.15 |
| next+ts 3일차 (0) | 2022.04.14 |
| next+ts 2일차 (0) | 2022.04.13 |
| next+ts 개요 (0) | 2022.04.12 |
