콜백 패턴부터 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..
안녕하세요. 이번 글에서는 10월 초부터 4주간 진행한 우아한테크코스의 프리코스에 대해 후기를 자세히! 남겨보고자 합니다. 우아한테크코스에 관심이 있고, 교육에 지원할지 고민하시는 분들에게 도움이 되었으면 합니다. 목차 소개 우아한테크코스란? 프리코스는 무엇인가? 우테코 지원 전에 생긴 궁금증 매주 미션을 진행한 과정 & 배운 점 1주차: 좀 낯설지만 시작은 가볍게 README 요구사항 Class로 구현하기 현직자의 코드 2주차: 너 테스트 코드 작성할 수 있니? 함수 분리하기 구현한 함수 테스트하기 3주차: 좀 더 잘 해보도록 해 Class vs. Object 이제 던진 예외를 캐치해보자 테스트를 하는 이유 4주차: 모든 걸 총 동원하기 복잡하다, 요구사항 분석하기 클래스 다이어그램 만들기 이벤트 재사..
한 학기를 또 무사히 마무리하며 학기 동안 열심히 해온 프로젝트에 대해 적어보려고 합니다. 이 글에서 소개할 건 개인 프로젝트로 진행한 초등학교 저학년 대상 동화 재창작 서비스 프로젝트입니다. 기획 배경 때는 3월... 책, 교육, 웹, 그림 등의 키워드를 엮으며 어떤 주제를 정할까 머리를 쥐어뜯다가, 초등학생 창작 교육 관련 서비스를 만들면 좋겠다고 생각하여 선정한 주제입니다. 관련 서비스 사례로는 StoryWizard, 스토리셀프, 루카, 클로바 네이버 동화만들기 등이 있는데요. 주로 영유아를 대상으로 독서의 흥미를 높이는 게 목적이거나, 창작 서비스여도 어린 사용자가 창작을 하기에는 가이드라인이 부족하다고 생각했습니다. 또한, 아이들이 주로 읽는 동화책은 글보다 그림이 훨씬 많은 비중을 차지하는데 ..
14719번: 빗물 첫 번째 줄에는 2차원 세계의 세로 길이 H과 2차원 세계의 가로 길이 W가 주어진다. (1 ≤ H, W ≤ 500) 두 번째 줄에는 블록이 쌓인 높이를 의미하는 0이상 H이하의 정수가 2차원 세계의 맨 왼쪽 위치 www.acmicpc.net 다른 분들이 훨씬 더 간단하게 푼 것 같습니다. 양쪽 벽 중 짧은 쪽을 선택하여 세로로 빗물 양을 세는 방식이더라고요. 저는 가로로 세는 방식으로 풀었는데, 코드가 좀 복잡하지만 여기에 남깁니다. POINT 블록 좌표를 따로 저장하여 왼쪽 아래 블록부터 오른쪽 위 블록 순서대로 검사한다. 각 블록에서 출발하여 오른쪽 방향으로 검사하며 빗물 양을 카운트한다. 검사하다가 다른 블록을 만나면, 이제까지 센 빗물 양(count)을 answer 변수에 저..
- Total
- Today
- Yesterday
- 키워드밑줄
- React
- 웅진IT
- 비동기
- 감시피하기
- node.js
- 코드분석
- fetch
- Python3
- 코딩테스트
- React.js
- flutter
- 코테
- python
- 동기
- 프로그래머스
- Unsplash
- 파이썬
- rn
- p5js
- React-native
- 프로젝트
- 코어자바스크립트
- 판례암기
- DP
- Spotify
- backtracking
- 다이나믹프로그래밍
- 백준
- dfs
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |