241101 / 디테일 수정 브랜치 분리, 최신 커밋 메세지 변경하기, footer 시안대로 변경(react icons), readme 기술스택 뱃지 추가
Weather Claus 프로젝트 | TIL
오늘 할 일
비밀번호 작업 완료하기 (보기/숨기기)디테일 수정 브랜치 분리하기
ㄴ 현재 브랜치에서 분리하기footer 시안대로 변경하기- readme 자료 찾아보기
- readme 작성하기
서버를 다시 띄울 때마다 유저 정보가 날라감
-> 따로 DB를 사용하지 않아서 ?
서버를 끄고 다시 시작할 때 유저 정보가 날아가는지 여부는 데이터 저장 방식에 따라 달라집니다.
데이터베이스 사용 시:
일반적으로 유저 정보는 MySQL, MongoDB 같은 데이터베이스에 저장되기 때문에 서버가 재시작해도 유저 데이터는 유지됩니다. 서버가 종료되더라도 데이터베이스는 별도로 관리되기 때문에 유저 정보가 지워지지 않습니다.
메모리 저장 시:
만약 유저 정보를 서버 메모리에만 저장하고 있다면(예: 객체, 배열 등), 서버를 껐다가 다시 시작할 때 모든 데이터가 초기화되어 유저 정보가 사라집니다. 개발 중일 때 간단하게 데이터를 임시 저장할 때 자주 발생하는 상황입니다.
데이터를 유지하려면 데이터베이스나 로컬 파일 같은 영구 저장소에 유저 정보를 저장하는 것이 필요합니다.
비밀번호 보이기 / 숨기기 기능 추가
다른 사이트들 보니까 비밀번호 변경에 요 기능이 별달리 없어서
추가할까말까 고민했는데 UX를 고려할 때는 있는 편이 낫겠다 싶어서
추가하고 마무리 (전에 만들어둔 걸 복붙만 하면 되는 작업)
디테일 수정용 브랜치 분리
이번 프로젝트를 통해 가장 크게 배운 점... 브랜치 분리하기 !
git branch -r까지 해서 원격에 잘 들어갔다 확인 / 깃헙으로 2차 확인까지 뚝딱
이 과정도 초반에는 얼마나 시간이 걸리고.. 헤매고 찾고 했는가 .. ^^
스스로의 발전에 칭찬합니다 👏👏👏
최신 커밋 메세지 변경하기
해놓고 보니 그냥 password가 아니라 new password 였음
(수정 완료된 모습)
1.
git commit --amend -m "새로운 커밋 메시지"
2.
git push --force > github에 커밋한 경우어디서 보기로는 최신 커밋이 아닌 경우에는 방법이 다른 거 같았음
footer 시안대로 변경
최종 시안은 위와 같음.
근데 fontawesome에 깃헙이랑 노션 아이콘이 없어서
(깃헙은 있는데 import이 안됨 ?
react icons를 사용해보기로 함
https://react-icons.github.io/react-icons/
설치) https://www.npmjs.com/package/react-icons
뭔가 position이 생각대로 안되서 일단 이 정도만 하고 오늘은 마무리 - !
footer 추가 작업 사항)
- copyright 텍스트 이동 (position 사용)
- nav 메뉴 연결 (다 만들어지고 난 후)
- 전체 애니메이션 (픽사 참고)
브라우저탭 파비콘 수정
뭔가 북마크에 들어가는 아이콘이 다른 아이콘보다 작은 느낌이 들고
브라우저 탭에 파비콘 자체도 작은 느낌이다 왜지
사이즈 조정했는데도 바뀐 게 없는 거 같아
일단은 그냥 두기로
readme 기술스택 뱃지 추가
추가 예정 !
