![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/cnMtzn/btqLEjVCEGp/iwJgKVUN31IkYAMZ6VaVo1/img.png)
2편링크 jae04099.tistory.com/81?category=885836 2-2. Flask, Ajax로 Open API 통신하기 1편링크 jae04099.tistory.com/78 2-1. 음악 검색용 API 찾아보기(Last.fm api) 이 프로젝트에서 가장 핵심적인, 중요한 기능이다. 여러 편으로 이루어질 예정. 1. 적절한 api 찾기 2. 찾은 api 원하는 정보만 파.. jae04099.tistory.com 시리즈 순서 1. 적절한 api 찾기 2. 찾은 api 원하는 정보만 ajax를 이용해서 콘솔에 출력하기 3. html로 검색창을 만들어 원하는 정보 출력시키기 4. 그 외 조정사항 변동가능 저번 편에서 우리는 찾은 api에서 원하는 정보만 추출해 콘솔에 출력을 해 보았다. 이제 ..
![](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의 기록의 일종. 인터넷 사용자..
- Total
- Today
- Yesterday
- 글래스모피즘 애니메이션 구현
- nextjs 파라미터 넘기기
- 리액트
- 파이썬 크롤링
- nextjs 스크롤
- getserversideprops redirect
- Til
- 파이썬 flask
- next.js 리다이렉트
- 리액트 스크롤
- css 글래스모피즘
- 백준 10989 파이썬
- 리액트 컴포넌트
- react router
- NextJS
- 파이썬 정렬
- css marquee
- nuxt 공식문서
- bs4 크롤링
- nuxt 공식문서 한글
- 움직이는 글래스모피즘
- 자바스크립트
- dvd 효과
- vscode venv
- 리액트 라우터
- 화이팅
- 글래스모피즘 구현
- 리액트 파라미터 넘기기
- 10989 파이썬
- 카페음료테스트
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |