콜백 패턴부터 async/await 사용법을 TMDB API (V3)에서 인기 영화 목록을 가져오는 사례와 함께 알아봅시다. 모던 자바스크립트 Deep Dive의 비동기 처리 내용을 읽고 테스트 한 내용입니다. 먼저 TMDB에 로그인하고 API key를 발급받습니다. 반복적으로 사용하는 URL과 Params, API key는 아래와 같이 상수로 정리했습니다. // constant.js const BASE_URL = "https://api.themoviedb.org/3"; const API_KEY = "your API key"; const BASE_PARAMS = "language=ko-KR®ion=410"; export { BASE_URL, API_KEY, BASE_PARAMS }; 이제 TMDB에..
안녕하세요. 코어 자바스크립트를 읽다가 3장 this에서 call, apply, bind 함수 사용법을 알게되어 블로그에 기록합니다. 책을 읽으면서 가장 궁금했던 'call, apply, bind를 언제 사용할까?'을 중심으로 설명하고, call, apply, bind 대신 사용할 수 있는 코드도 함께 살펴보고자 합니다. call, apply, bind 사용 사례 서적과 인터넷 자료를 보면서 찾아보고, 세 함수를 사용하는 대표적인 상황은 아래처럼 정리했습니다. 1. 다른 객체의 메소드 사용하기 (내부 함수에 this 지정하기) - call, apply, bind 2. 생성자에서 다른 생성자 호출하기 (생성자 함수에 this 지정하기) - call, apply 3. 콜백 함수를 메소드처럼 호출하기 (콜백 ..
안녕하세요. 요즘에 '코어 자바스크립트'라는 책을 읽고 있습니다. 얇아서 정말 읽기 좋은 거 같아요. 1장 데이터 타입을 읽다가 헷갈리는 부분이 있어서 블로그에 정리합니다. 불변값 - 기본형 데이터 JS에서 기본형 데이터인 숫자, 문자열, boolean, undefined, null은 불변성을 가진다고 합니다. 불변성은 변하지 않는 성질을 말하는데요. 무엇이 변하지 않는지는 데이터가 변수에 할당되는 과정을 보면 알 수 있습니다. 다음 코드를 봅시다. // 방법 1 var a; a = 20; // 방법 2 var a = 20; 두 가지 방법으로 a라는 변수에 20이라는 데이터를 할당할 수 있습니다. 그러면 메모리에서 먼저 변수 a의 공간과 데이터 20의 공간을 만듭니다. 그 다음 a 변수의 값에 데이터 2..
** Flutter 공식 문서 참고 ** Install Install Flutter and get started. Downloads available for Windows, macOS, Linux, and Chrome OS operating systems. docs.flutter.dev 1️⃣ Flutter에서 요구하는 시스템 사양과 맞는지 확인하기 Operating Systems: Windows 10 or later (64-bit), x86-64 based. Disk Space: 1.64 GB (does not include disk space for IDE/tools). Tools: Flutter depends on these tools being available in your environment..
클래스형 컴포넌트에서 생명 주기(life-cycle) componentDidMount, componentDidUpdate, componentWillUnmount를 사용하듯이, 함수형 컴포넌트에서 useEffect를 사용해봅시다. 1️⃣ 컴포넌트가 생성/소멸하는 모든 상황에 함수 실행하기 // 클래스형 컴포넌트 componentDidMount() { console.log("컴포넌트 생성 될 때 실행"); } componentWillUnmount() { console.log("컴포넌트 사라질 때 실행"); } // 함수형 컴포넌트 useEffect(() => { // componentDidMount console.log("컴포넌트 생성 될 때 실행"); // componentWillUnmount (clean..
Spotify에서 플레이리스트 위젯 가져오기 (1분 미리 듣기) Embed | Spotify for Developers Music, meet code. Powerful APIs, SDKs and widgets for simple and advanced applications. developer.spotify.com 우선 스포티파이에 가입이 되어 있어야 합니다. 한국에서는 무료 버전을 제공하지 않아서, 첫 가입이라면 3개월 무료 구독을 하면 됩니다. https://www.spotify.com/kr-ko/ Listening is everything Spotify에는 여러분이 원하는 모든 음악이 있습니다. www.spotify.com 사이트에 들어가서 웹 플레이어 열기를 눌러줍니다. 왼쪽 메뉴의 '플레이리스트..
- Total
- Today
- Yesterday
- rn
- 감시피하기
- node.js
- fetch
- DP
- backtracking
- 코드분석
- 프로그래머스
- p5js
- 다이나믹프로그래밍
- 파이썬
- 동기
- 판례암기
- 프로젝트
- 코어자바스크립트
- 코딩테스트
- dfs
- React
- 웅진IT
- React-native
- 코테
- Spotify
- flutter
- Unsplash
- React.js
- 비동기
- python
- 키워드밑줄
- Python3
- 백준
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
29 | 30 |