728x90 전체 글202 Javascript Module System 목차 들어가기 모듈 불편한 코드 정리된 코드 핵심 기능 알아두면 좋은 것 CommonJS와 ECMAScript Module의 배경이야기 mjs와 type="module" 코드를 보기 전에 CommonJS Module, ECMAScript Module을 구분하기 CommonJS Module 특징 cjs require cjs cjs import mjs ECMAScript Module 특징 mjs import mjs mjs require cjs mjs import cjs ECMAScript Module은 어떻게 동작되는가 Construction (구성) Instantiation (인스턴스화) Evaluation (평가) 나가기 참고 들어가기 개발 분야로 입문했던 당시, Express를 이용한 작은 프로젝트에서.. 2023. 1. 23. 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. 글쓰기.. 드루와 드루와..! 150년 하버드 글쓰기 비법 책 후기 목차 어려운 글쓰기 논리적인 사고력 글쓰기가 무서운 이유 글쓰기 준비운동, 일기 후기 어려운 글쓰기 나는 어릴적 글쓰기는 까다로우며 첨예한 작업이라고 생각했다. 왜냐하면 풍부한 어휘를 이용하여 문장을 만들어 독자들을 지루하지 않게 하고, 논리적으로 빈틈없이 생각을 풀어내야 한다고 느꼈기 때문이다. 그래서 미숙했던 어린 나에게 글쓰기는 먼 이야기로 느껴졌다. 하지만 이 책을 읽으면서 글쓰기가 사람의 논리적인 사고력 향상에 많은 도움이 된다는 것을 알게 되었다. 또한 글쓰기의 방법론을 학습하였고 두려움을 떨쳐내기 위해 고쳐야하는 생각을 바로잡게 되었다. 논리적인 사고력 논리적인 사고력은 글쓰기를 통해 기르면 좋다. 왜냐하면 글쓰기는 정리된 생각을 글로 표현하는 행위이기 .. 2023. 1. 2. [프로그래머스] 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 ··· 34 다음 728x90
