728x90 반응형 Developer24 Chrome Extension Trouble Shooting Pomodoro Chrome Extension 목차 Toolbar 아이콘 변경하기 사용할 Chrome API를 permission에 등록했는지 꼭 확인하기 Extension은 열 때마다 초기화된 상태 제출할 Screenshot은 규격에 맞게 제출하기 참고 1. Toolbar 아이콘 변경하기 Extension의 초기 실행 당시에는 manifest.json 파일의 action속성에 있는 default_icon의 값으로 설정되어 있다. 이때 Chrome은 알아서 적당한 이미지를 골라서 최적화시켜 icon으로 보여준다. 하지만 임의로 변경하고 싶을 때(Chrome API을 이용하여 setIcon하는 경우)는 Chrome이 최적화까지 하지 않아서 다음과 같은 오류를 만날 수 있다. 이를 해결하려면 규격에 맞는 i.. 2023. 1. 8. [프로그래머스] 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. 이전 1 2 3 4 5 6 다음 728x90 반응형