728x90 Developer13 [프로그래머스] Lv2 롤케이크 자르기 (Javascript) ● [롤케이크 자르기] Lv2 문제 링크 → https://school.programmers.co.kr/learn/courses/30/lessons/132265 ● 풀이 과정 1. 전체 토핑 종류 및 갯수 파악하기 1-1. map을 이용한다. (토핑: key, 토핑의 갯수: value) 2. 왼쪽 토핑부터 하나씩 순회 2-1. set에는 해당 토핑 추가 (중복은 알아서 처리되므로 set 자료구조 이용) 2-2. map에서 해당 토핑 갯수 감소 (감소된 토핑이 0개가 되면 delete) 3. set.size 와 map.size 비교 3-1. 동일하면 카운팅 (answer++) ● 주의 할 것 : 처음에는 set 2개를 이용하여 풀이하려고 하였으나 시간초과를 받았다. set 1개와 Array 1개를 이용하여.. 2022. 10. 21. [JavaScript] 코딩테스트 준비하기 MDN 0. 목차 문자열 split - 구분자를 이용하여 문자열을 여러 문자열로된 배열로 만들기 repeat - 문자열 반복 slice - 문자열 일부 추출 substring - 문자열 일부 추출 charAt - string[index] concat - 문자열 연결하기 includes - 문자열에 다른 문자열이 포함 여부 indexOf - 문자열에 다른 문자열 찾기 padEnd - 문자열 형식 채우기 replace - 일치하는 첫번째 부분만 변환 replaceAll - 일치하는 모든 부분이 변환 toLowerCase - 소문자로 변환 toUpperCase - 대문자로 변환 trim - 양끝 공백 제거 배열 splice - 배열 원소 제거 slice - 부분 배열 복사본 fill - 배열 채우기 map -.. 2022. 1. 27. [JavaScript] Hoisting 이란? poiemaWeb - 데이터 타입과 변수 poiemaWeb - let, const와 블록 레벨 스코프 JaeYeopHan - Interview_Question_for_Beginner 1. 서론 기본적으로 코드를 작성할 때 변수를 선언한 후에 사용을 하는데, 함수의 경우 선언을 하단에 작성하고 사용하는 작업을 상단에서 하는 경우가 있었다. Hoisting에 대해서 모르는 경우 함수 표현식으로 작성하였을 때 원하는 대로 동작하는 않는 경험을 하게 된다. 이러한 문제점은 Hoisting 이란 개념을 통해 해결해 나갈 수 있다. 2. Hoisting JavaScript Parser가 모든 선언을 유효 범위(scope) 최상단으로 끌어올려지는 것이다. Hoisting 대상은 var, let, const, func.. 2022. 1. 27. [Javascript] Event Bubbling, Capture, 위임 이란? 캡틴판교 - 이벤트 버블링, 이벤트 캡처 그리고 이벤트 위임까지 poiemaweb.com/js-event 1. 서론 사용자가 브라우저와 상호작용한다. 클릭, 드래그, 키보드 입력, .. 이 모든 동작은 Event를 통해 이루어진다. 그리고 브라우저는 사용자의 Event를 감지하여 해당 동작을 처리한다. 2. 이벤트 등록 먼저 사용자와 상호작용하는 동작(함수)를 만들어 Event와 연결하기 위해서는 addEventListener로 이벤트 등록을 해야한다. HTML 삽입 미리보기할 수 없는 소스 ( 개발자도구로 확인해보세요! ) ( 크롬기준 : F12 → Console ) 3. 이벤트 흐름 브라우저가 HTML을 읽어 DOM tree를 만들때 계층적 구조로 만든다. 이렇게 만들어진 DOM tree의 HTML .. 2022. 1. 21. 이전 1 2 3 4 다음 728x90
