![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/xSICq/btqJDYx7Fkq/ls59ZNNchvcWwrokKxnlHK/img.png)
1편링크 jae04099.tistory.com/78 2-1. 음악 검색용 API 찾아보기(Last.fm api) 이 프로젝트에서 가장 핵심적인, 중요한 기능이다. 여러 편으로 이루어질 예정. 1. 적절한 api 찾기 2. 찾은 api 원하는 정보만 파이썬을 이용해서 출력하기 3. ajax와 flask로 통신해서 클라이언트 쪽� jae04099.tistory.com 시리즈 순서 1. 적절한 api 찾기 2. 찾은 api 원하는 정보만 ajax를 이용해서 콘솔에 출력하기 3. 실제로 html로 검색창을 만들어 원하는대로 나오게 해보기 4. 그 외 조정사항 변동가능. 저번편에서 우리는 원하는 api 찾기를 성공했다. 이제 해당 api를 이용해 원하는 정보를 추출해보자. 목표 어떤 방식으로 사용자가 검색해야 원..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/rkyk0/btqJxGEfFSC/xcUMaBTOlAaWEzkUxGTXq1/img.png)
이 프로젝트에서 가장 핵심적인, 중요한 기능이다. 여러 편으로 이루어질 예정. 1. 적절한 api 찾기 2. 찾은 api 원하는 정보만 ajax를 이용해서 콘솔에 출력하기 3. 실제로 html로 검색창을 만들어 원하는대로 나오게 해보기 4. 그 외 조정사항 변동가능. API 조건 모든 국가의 다양한 음악 검색이 가능해야 한다. 흔치 않은 해외, 국내 음악을 듣는 사람들도 있기 때문이다(본인). 앨범자켓, 제목, 가수명 필수 제목으로 검색해도 가수명이 나와야 하고, 가수명으로 검색해도 제목이 나와야 함. API 찾기 우선 가장 유명한 한국 음악 사이트, 멜론에 음악검색 API가 있는지 찾아보았다. 찾아보니 과거에 서비스를 종료했다. 링크는 혼란을 주지 않기 위해 넣지 않겠다. 멜론에 API가 없으면 사실 ..
로그인 구현 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/xBMje/btqHguTO2fS/Wc6M5VF0fPO5zJ2Rw0gXD1/img.jpg)
기능 설명 원래 하려고 했던 기능은 페이스북과 구글 로그인 api를 이용한 회원가입이었다. 왜냐면 말 그대로 개인만의 기록을 하기 위해서 이다. 그렇지만, 사용자에게 이름을 입력받으면 다음 페이지에 ~님 안녕하세요 라고 나타나는 기능만 구현하기로 했다. 사진으로 설명하면 이렇다. 기능 구현을 위한 기술 한 페이지에서 다음 페이지로 원하는 변수를 전달시켜야 한다. 그 기능은 get 전달 방식을 이용해서 링크에 원하는 변수를 붙여 보내면 된다. 만약 로그인 페이지가 localhost:5000/login 라는 주소라면 메인 페이지는 localhost:5000/main?userName=개발자 형식 인 것이다. 그렇지만 이렇게 넘겼더니 이전 페이지로 돌아가는 버튼을 누르면 다시 이름이 리셋되는 문제가 발생했다. ..
- Total
- Today
- Yesterday
- 리액트 파라미터 넘기기
- 리액트 컴포넌트
- next.js 리다이렉트
- nuxt 공식문서
- dvd 효과
- css marquee
- 화이팅
- react router
- nuxt 공식문서 한글
- getserversideprops redirect
- 리액트
- 10989 파이썬
- 파이썬 정렬
- Til
- 리액트 스크롤
- 글래스모피즘 구현
- 백준 10989 파이썬
- nextjs 파라미터 넘기기
- 자바스크립트
- NextJS
- 카페음료테스트
- 파이썬 flask
- 리액트 라우터
- 글래스모피즘 애니메이션 구현
- vscode venv
- 파이썬 크롤링
- nextjs 스크롤
- bs4 크롤링
- 움직이는 글래스모피즘
- css 글래스모피즘
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |