본문 바로가기
728x90

전체 글205

[프로그래머스] 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.
[Javascript] this 란? github.com/JaeYeopHan/Interview_Question_for_Beginner poiemaweb - 함수 호출 방식에 의해 결정되는 this 1. 서론 Javascript 에서는 함수가 실행될 때, 매개변수로 전달되는 인자값을 제외하고 arguments 객체와 this를 암묵적으로 받는다. 그리고 this는 함수를 실행할 때, 함수를 소유하고 있는 객체를 참조한다. 따라서 해당 함수 호출 방식에 따라 this에 바인딩되는 객체가 달라진다. (Java에서 this는 인스턴스 자신을 가리키는 참조변수) (메서드 : 객체의 속성이 함수인 것) 2. 함수를 호출할 때 특정 객체의 메서드가 아닌 함수 호출이면 해당 함수 내부 코드에서 사용된 this는 전역객체(browser : window / .. 2022. 1. 20.
[프로그래머스] 정규표현식 프로그래머스 - 정규표현식 강의 \ → 역슬래시 1. \d 숫자를 대표하는 정규표현식 (digit) 한글자만 찾는다 2. + 하나 이상의 연결된 (예시) \d+ 하나 이상의 연결된 숫자 3. * 0개 이상이다 (예시) [1-9]\d* 자연수를 표현 4. ? 있거나 없거나 (예시) -? -가 있거나 없거나 [- ]? -또는 공백이 있거나 없다는 조건 5. {숫자} "숫자"번 반복한다 (예시) \d{2} 숫자가 연속 2번 나온다 6. {숫자1, 숫자2} 숫자1부터 숫자2까지 반복한다 (예시) \d{2,3} 숫자가 2~3번 반복하여 나온다 7. \w 글자를 대표하는 정규표현식 a, b, c, 가, 나, 다, 1, 2, 특수문자는 미포함 but _(언더스코어)는 포함 8. [aeiou] 대괄호 안에 글자만 선택.. 2022. 1. 19.
728x90

티스토리툴바