https://jeonghwan-kim.github.io/series/2020/01/02/frontend-dev-env-webpack-intermediate.html 를 읽고 정리한 내용입니다. 2023.03.24 - [🌳Frontend/etc] - 프론트엔드 개발자라면 알아야할 : Webpack 기본 프론트엔드 개발자라면 알아야할 : Webpack 기본 https://jeonghwan-kim.github.io/series/2019/12/10/frontend-dev-env-webpack-basic.html 을 읽고 정리하였습니다. 등장배경 import/export 모듈 개념이 없었던 이전 상황을 살펴보자. 문제발생 숫자 두개를 받아, 더하고 yzlosmik.tistory.com 웹팩 개발 서버 프런트..
🌳Frontend/etc
https://jeonghwan-kim.github.io/series/2019/12/10/frontend-dev-env-webpack-basic.html 을 읽고 정리하였습니다. 등장배경 import/export 모듈 개념이 없었던 이전 상황을 살펴보자. 문제발생 숫자 두개를 받아, 더하고 리턴하는 sum 함수를 만들어 쓴다고 생각해보자. 그 함수는 math.js 에 만들어놓고, app.js에서 호출해서 실행한다. math.js function sum(a, b) { return a + b } // 전역 공간에 sum이 노출 app.js sum(1, 2) // 3 위의 코드는 모두 하나의 HTML안에서 로딩되어야 만 실행된다. (math.js 와 app.js 가 하나의 html에 같이 불러와져야 한다) ..
test / it // 첫번째 파라미터: 작성한 테스트코드가 무엇을 하는지 이름을 정해준다 // 두번째 파라미터: 해당 테스트코드 로직 test('properly adds two numbers', () => { // expected result expect(sum(1, 2)).toBe(3); }); // 혹은, it keyword를 사용한 테스트 코드 작성 it('properly adds two numbers', () => { expect(sum(1, 2)).toBe(3); }); 동작은 둘다 동일. 테스트 하나를 작성할 때 사용하는 키워드. Describe 테스트를 그룹화할 수 있다 이는 필수 사항이 아니다. test최상위 수준에서 직접 블록을 작성할 수 있다. 그러나, 테스트를 그룹으로 구성하려는 경..