목록분류 전체보기 (32)
개발자 박가나
오늘까지 해서 '영화 사이트 만들기' 프로젝트를 마무리하게 되어 결과물 공유로 TIL을 대신하고자 한다. [영화 사이트 만들기] 프로젝트 구현한 기능영화 목록페이지 로드 시 영화 데이터 20개 가져와서 화면에 보여주기스크롤을 통해 페이지 최하단에 도착할 때마다 영화 데이터 20개 추가로 가져와서 화면에 붙여주기검색검색한 키워드가 제목에 포함된 영화만 추출해서 보기입력 값이 변경될 때마다 실시간으로 검색 수행하기북마크영화 상세 정보 modal 창에서 북마크 추가 및 삭제하기북마크한 영화만 추출해서 화면에 보여주기 배포 링크 영화 사이트 parkgana.github.io Github Repository GitHub - ParkGana/sparta-project-movieContribute to ParkG..
알고리즘 문제 풀이 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 1차 시도배열을 이용해서 변수 선언 (0번째 index가 x 좌표, 1번째 index가 y좌표)x, y 좌표를 각각의 변수가 아닌 하나의 배열로 선언하고 index로 접근하다보니 코드 상에서 봤을 때 어떤 값을 의미하는지 명확하지 않음function solution(numbers, hand) { let answer = ''; const keypad = [ [1, 3], [0, 0], [1, 0], [2, 0], [0, ..
지금까지는 강의 수강이나 이론 수업, 특강 등이 커리큘럼의 주를 이루다 보니 하루동안 학습한 내용을 정리하는 정도로 TIL을 작성해왔다. 하지만 이제 본격적으로 알고리즘 문제 풀이도 시작했고 개념 습득보다는 코딩의 비중이 늘어나고 있기 때문에, 오늘부터는 단순 정리가 아니라 코딩을 하면서 겪은 어려움과 그것을 해결하기 위한 고민이나 시행착오를 중심으로 TIL을 작성해보려고 한다. 알고리즘 문제 풀이 프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.programmers.co.kr 1차 시도코드 흐름Set 객체를 이용해서 중복 데이터 제거유저 목록을 순회하면서 i번째 유저가 신고한 내역 추출..
📌 이번 포스팅에서 배울 내용 ▶ 배열 ▷ 생성 / 요소 접근 ▷ 메서드 ▶ 객체 ▷ 생성 / 요소 접근 ▷ 메서드 ▷ 비교 / 병합 배열여러 개의 value를 하나의 변수에 저장하고 관리한다.생성기본적인 방법let fruits = ["사과", "바나나", "오렌지"] 크기를 지정하는 방법let fruits = new Array(3)console.log(fruits) // [empty, empty, empty]let numbers = Array.from({ length: 5 }, () => 0)console.log(numbers) // [0, 0, 0, 0, 0]요소 접근let fruits = ["사과",..
📌 이번 포스팅에서 배울 내용 ▶ Map ▷ set() / get() / has() / delete() / clear() / size ▷ keys() / values() / entries() ▶ Set ▷ add() / has() / delete() / clear() / size ▷ values() Map과 Set은 객체와 배열의 한계를 극복하기 위해 비교적 최근에 등장한 자료구조이다. 데이터 구성, 검색, 사용 등을 객체나 배열보다 효율적으로 처리할 수 있다. Map객체처럼 key-value 쌍을 저장한다.기본 기능 set(key, value) : key-value 쌍 저장 get(key) : key에 해당하는 va..
🔥 라이브러리나 프레임워크 없이 HTML, CSS, JS 파일만으로 구성된 간단한 페이지를 대상으로 한 포스팅이다. 1. Github 설정 2. 배포 확인
Today 1. Github에 알고리즘 Repository 생성 GitHub - ParkGana/algorithm-javascriptContribute to ParkGana/algorithm-javascript development by creating an account on GitHub.github.com지금까지는 알고리즘 문제를 풀면 velog에 포스팅을 하는 방식으로 정리를 해왔었다. 그러다 알고리즘 특강 시간에 Github Repository로 관리하는 방법을 듣게 되면서 블로그 포스팅보다 관리하기도, 나중에 다시 찾아보기도 훨씬 수월하겠다는 생각과 함께 왜 이 방법을 생각하지 못했을까? 싶었다. 알게 된 김에 바로 실천으로 옮기자는 생각으로 Github Repository를 생성하고 특강 시..
Today 1. 알고리즘 문제 풀이 [신고 결과 받기] 문제 풀이일부 테스트 케이스에서 시간 초과 오류 발생내일 한 번 더 시도해보고 해결하지 못할 경우 답안 참고 예정function solution(id_list, report, k) { let result = Array.from({ length: id_list.length }, () => 0) // 중복 신고 제거 (한 유저가 동일한 유저를 여러번 신고해도 1회로 처리) report = Array.from(new Set(report)) for (let i = 0; i item.split(' ')[0] === id_list[i]) for (let j = 0; j { ..
1. TMDB 사이트 접속 Getting StartedWelcome to version 3 of The Movie Database (TMDB) API. This is where you will find the definitive list of currently available methods for our movie, tv, actor and image API.developer.themoviedb.org 2. API 생성 3. Movie 데이터 가져오기 4. JS 코드 작성const options = { method: 'GET', headers: { accept: 'application/json', Authorization: 'Bearer..
Today 1. [JavaScript 문법 종합반] 강의 콜백 함수다른 코드의 인자로 넘겨주는 함수콜백 함수를 인자로 넘겨받는 함수가 실행에 대한 제어권을 가짐제어권콜백 함수 호출 시점에 대한 제어권인자(의 순서)에 대한 제어권this가 가리킬 대상을 지정할 수 있음콜백 지옥콜백 함수를 반복적으로 사용함으로써 들여쓰기가 깊어져서 가독성이 떨어지는 현상동기 : 현재 실행 중인 코드가 끝난 후 다음 코드를 실행비동기 : 현재 실행 중인 코드의 완료 여부와 무관하게 즉시 다음 코드를 실행비동기 제어 - Promisenew 연산자로 호출비동기 작업이 완료된 후 resolve 또는 reject 함수 호출비동기 제어 - Generator*가 붙은 함수로, 실행 시 Iterator 객체 반환비동기 작업이 완료되는 시..