Reimaginer

CHAP1 Graphics System 시각적인 시스템 - 컴퓨터는 점으로 그래픽을 표현한다. 점으로서의 속성 - x, y, width, height, color 등 1. Fixed number 가장 기본적인 그래픽 표현 방법 업데이트가 정말 힘들다. 2. Abstract Calculator context가 맞는 그래픽을 공유하고 싶다. screen size, chrome size, hierarchy calculator 를 기반으로 %, top, block, inline, float => 추상화된 그래픽 표현 3. Components System html tag - textarea, input, button, img, div 4. Framework Rendering System 코드나 설계도 같은 눈에 ..

이번에는 아라한사님과 재린님이 webpack에 대해서 준비해주셨습니다.https://webpack.github.io/ 기술적으로 많이 이해하지는 못했지만, 이번 스터디를 통해서 프론트와 백앤드를 분리하는 시나리오를 배웠습니다.많은 것을 알려주셨지만, 제가 얻은 얕고 좁은 지식을 정리해볼까 합니다. 우선 웹팩은 웹의 클라이언트 리소스들을 번들링(패키징)하는 도구입니다. 공홈에가면 웹팩 모듈 번들러라고 하는 군요. 모듈은 우리가 기본적으로 생각하는 기능단위를 생각하시면 될 듯합니다. 번들링은 검색해보면 세트로 묶어서 파는 것이라는 내용이 많이 나오는데요, 웹팩의 번들링은 js, css, img를 세트로 묶어주는 것을 말합니다. 이미지까지 묶인다는게 참 신기했습니다. 개념은 이 정도로 이해했고, 그러면 어떻게..