몽땅뚝딱 개발자

링크 클릭 시 링크의 기능을 사용하지 않으나 a태그이므로 마우스 오버 시 포인터가 바뀐다.href="#"는 클릭 시 화면의 최상단으로 이동하지만 이 태그는 이동없이 화면의 스크롤을 유지한다.   개인적으로 공부한 내용을 정리하는 블로그로잘못된 개념을 게시하지않도록 주의하고 있으나 오류가 있을 수 있습니다.

출처 Lodash Documentation _(value) source Creates a lodash object which wraps value to enable implicit method chain sequences. Methods that operate on and return arrays, collections, and functions can be chained together. Methods that retrieve a single value or may return a primiti lodash.com ◽ _.countBy(collection, [iteratee=_.identity]) _.countBy([6.1, 4.2, 6.3], Math.floor); // => { '4': 1, '6'..

출처 Lodash Documentation _(value) source Creates a lodash object which wraps value to enable implicit method chain sequences. Methods that operate on and return arrays, collections, and functions can be chained together. Methods that retrieve a single value or may return a primiti lodash.com ◽ _.sortedUniq(array) 유니크한 값을 기준으로 정렬한다. _.sortedUniq([1, 1, 2]); // => [1, 2] ◽ _.sortedUniqBy(array, [it..

출처 Lodash Documentation _(value) source Creates a lodash object which wraps value to enable implicit method chain sequences. Methods that operate on and return arrays, collections, and functions can be chained together. Methods that retrieve a single value or may return a primiti lodash.com ◽ _.initial(array) 배열의 마지막 요소를 제외한 모든 요소를 가져온다. let array = ['a', 'b', 'c', 'd']; _.initial(array); // => ..

출처 Lodash Documentation _(value) source Creates a lodash object which wraps value to enable implicit method chain sequences. Methods that operate on and return arrays, collections, and functions can be chained together. Methods that retrieve a single value or may return a primiti lodash.com ◽ _.chunk(array, [size=1]) 배열을 요소들을 지정한 개수에 맞춰 분할한다. let array = ['a', 'b', 'c', 'd']; _.chunk(array, 2); ..

출처 프론트엔드 개발자를 위한 웹팩 - 인프런 | 강의 1000명이 선택한 웹팩 강의. 새롭게 나온 웹팩 버전에 맞춰 리뉴얼된 강좌입니다. 실습 중심으로 더 쉽게 웹팩을 배워보세요 :), 약 1000명이 선택한 쉽게 배우는 웹팩의 리뉴얼 강좌입니다. 더 쉽 www.inflearn.com Output | 웹팩 핸드북 Output output 속성은 웹팩을 돌리고 난 결과물의 파일 경로를 의미합니다. 앞에서 배운 entry 속성과는 다르게 객체 형태로 옵션들을 추가해야 합니다. Output 속성 옵션 형태 최소한 filename은 지정해 joshua1988.github.io ◽ 주요 속성 4가지 - entry: 빌드를 할 대상 파일 정의 - output: 빌드를 한 후(=웹팩으로 변환 후)의 결과물에 대한 ..

출처 프론트엔드 개발자를 위한 웹팩 - 인프런 | 강의 1000명이 선택한 웹팩 강의. 새롭게 나온 웹팩 버전에 맞춰 리뉴얼된 강좌입니다. 실습 중심으로 더 쉽게 웹팩을 배워보세요 :), 약 1000명이 선택한 쉽게 배우는 웹팩의 리뉴얼 강좌입니다. 더 쉽 www.inflearn.com ◽ devtool: 'source-map' // webpack.config.js devtool: 'source-map' ◽ mode: production // webpack.config.js // 코드가 난독화 된다. mode: 'production' ◽ 원본 코드 확인하기 콘솔이나 에러문에서 연결된 소스파일을 클릭하면, 발생한 원본 코드를 확인할 수 있다. (코드를 연결해주는 것, [Source] 탭에서 확인가능)

출처 프론트엔드 개발자를 위한 웹팩 - 인프런 | 강의 1000명이 선택한 웹팩 강의. 새롭게 나온 웹팩 버전에 맞춰 리뉴얼된 강좌입니다. 실습 중심으로 더 쉽게 웹팩을 배워보세요 :), 약 1000명이 선택한 쉽게 배우는 웹팩의 리뉴얼 강좌입니다. 더 쉽 www.inflearn.com Babel · The compiler for next generation JavaScript The compiler for next generation JavaScript babeljs.io ◽ Babel이란? ES6+ 버전 이상의 자바스크립트나 JSX, 타입스크립트 코드를 하위 버전의 자바스크립트 코드로 변환 시켜 IE나 다른 브라우저에서 동작할 수 있도록 하는 역할을 하는 일종의 자바스크립트 컴파일러이다. ◽ Impo..

출처 프론트엔드 개발자를 위한 웹팩 - 인프런 | 강의 1000명이 선택한 웹팩 강의. 새롭게 나온 웹팩 버전에 맞춰 리뉴얼된 강좌입니다. 실습 중심으로 더 쉽게 웹팩을 배워보세요 :), 약 1000명이 선택한 쉽게 배우는 웹팩의 리뉴얼 강좌입니다. 더 쉽 www.inflearn.com webpack webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset. webpack.js.org ◽ 웹팩이란? 모듈 번들러(Mo..

출처 프론트엔드 개발자를 위한 웹팩 - 인프런 | 강의 1000명이 선택한 웹팩 강의. 새롭게 나온 웹팩 버전에 맞춰 리뉴얼된 강좌입니다. 실습 중심으로 더 쉽게 웹팩을 배워보세요 :), 약 1000명이 선택한 쉽게 배우는 웹팩의 리뉴얼 강좌입니다. 더 쉽 www.inflearn.com ◽ Node.js란? 자바스크립트 실행환경이다. ◽ NPM(Node Package Manager)이란? 자바스크립트 라이브러리를 관리해주는 도구이다. npm을 설치하면 node.js도 함께 설치된다. ◽ NPM의 장점 - 라이브러리 관리가 쉽다. package.json 파일로 관리할 수 있다. - CDN 방식의 경우, 태그를 가져오는 과정이 번거롭다. ◽ NPM 명령어 npm init // npm 설정 npm init -..