
기능 설명 원래 하려고 했던 기능은 페이스북과 구글 로그인 api를 이용한 회원가입이었다. 왜냐면 말 그대로 개인만의 기록을 하기 위해서 이다. 그렇지만, 사용자에게 이름을 입력받으면 다음 페이지에 ~님 안녕하세요 라고 나타나는 기능만 구현하기로 했다. 사진으로 설명하면 이렇다. 기능 구현을 위한 기술 한 페이지에서 다음 페이지로 원하는 변수를 전달시켜야 한다. 그 기능은 get 전달 방식을 이용해서 링크에 원하는 변수를 붙여 보내면 된다. 만약 로그인 페이지가 localhost:5000/login 라는 주소라면 메인 페이지는 localhost:5000/main?userName=개발자 형식 인 것이다. 그렇지만 이렇게 넘겼더니 이전 페이지로 돌아가는 버튼을 누르면 다시 이름이 리셋되는 문제가 발생했다. ..

1. 기획 의도 좀 오래 전 부터 생각했었던 아이디어다. 감정을 간단하게 기록하는 서비스를 만들고 싶었다. 어느샌가부터 감정을 기록하는 일기장 어플이 뜨기 시작하더라. 본인은 또한, 음악에 의미를 많이 두는 편이라, 감정과 맞는 노래를 기록하는 서비스를 만들기로 했다. 2. 프로젝트 생김새(레이아웃) 레이아웃은 피그마(Pigma)로 만들었다. 포토샵으로 디자인하는 것 보다 피그마가 UI 디자인에 최적화 되고, CSS코드로 원하는 모양의 코드를 바로 알려주기 때문에 쉽고 편하다. 나중에 맥북 사면 제발 스케치 써보고싶다ㅠㅠ 디자인도 중시하기 때문에 핀터레스트와 시중에 판매되는 감정일기장 앱의 레이아웃을 참고하여 디자인했다. 디자이너만큼 획기적인 디자인은 아닐지라도 최소한 글씨 크기나 사용자가 이용하는데 있..
- Total
- Today
- Yesterday
- 리액트 라우터
- 10989 파이썬
- 화이팅
- 움직이는 글래스모피즘
- nuxt 공식문서 한글
- 리액트
- css 글래스모피즘
- vscode venv
- next.js 리다이렉트
- dvd 효과
- getserversideprops redirect
- css marquee
- NextJS
- 리액트 컴포넌트
- bs4 크롤링
- Til
- 리액트 파라미터 넘기기
- nextjs 스크롤
- 리액트 스크롤
- 백준 10989 파이썬
- 글래스모피즘 애니메이션 구현
- 파이썬 크롤링
- 파이썬 flask
- react router
- nextjs 파라미터 넘기기
- 자바스크립트
- 파이썬 정렬
- nuxt 공식문서
- 글래스모피즘 구현
- 카페음료테스트
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |