FE Basic
1.[HTML/CSS] CSS를 HTML에 적용하는 방법과 장단점(Inline Style Sheet, Internal Style Sheet, Linking Style Sheet)
CSS를 HTML에 적용하는 방법 세 가지를 알아보자! HTML 태그의 style 속성에 CSS 코드를 넣는 방법 장점 직관적 사용 가능 단점 꾸미는데 한계가 있고, 재사용이 불가능함 HTML 문서 안의 <style>과 </style> 안에 CSS 코
2.[SPA] SPA(Single Page Application)이란?
전통적인 과거의 웹 사이트는 문서 하나에 전달되는 파일의 용량이 작았음→ 어떤 요소를 한 번 클릭하면 Server에서 완전히 새로운 페이지를 전송 (용량이 작았기 때문에 부담X)→ SSR(Server Side Rendering, 서버 사이드 렌더링) 방식으로 화면에 보
3.[webpack] 웹팩(webpack), 웹팩(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,
4.[Bundling] 번들링(Bundling)이란?
소프트웨어가 커지면 커질수록 각각의 세분화된 모듈 파일이 늘어나고, 모듈 단위의 파일들을 호출할 때 신경써야하는 각 변수들의 스코프 문제, 그리고 호출할 때 생겨나는 네트워크도 신경써야 한다.⇒ 이러한 문제를 바탕으로 나온 것이 웹팩의 번들링 개념"어떤 것들을 묶는다"
5.[Transpile] Transpile, 트랜스파일링(Transpiling)
어떤 특정 언어로 작성된 소스 코드를 다른 소스 코드로 변환하는 것모든 브라우저가 ES6+의 기능을 제공하지 않기 때문에 이를 ES5 코드로 변환시키는 과정 필요(Babel)Compile입력과 출력의 추상화 수준이 다름C언어로 작성된 소스코드를 기계어로 변환Transp
6.[Hot Module Replacement] Hot Module Replacement, HMR
webpack에서 제공하는 가장 유용한 기능 중 하나모든 종류의 모듈을 새로고침 할 필요 없이 런타임에 업데이트 가능모듈 전체를 다시 로드하지 않고 애플리케이션이 실행되는 동안 교환, 추가 또는 제거전체 로드 중 손실되는 애플리케이션의 상태 유지변경된 사항만 갱신하여