Overrides -> 를 통해 커스터마이징 가능
component와 subcomponents까지 모두 커스텀 가능
가장 상단에 프롭으로 overrides를 가진다
thieming
부가 개념
CSS-in-JS
중요 요소는 스타일을 얼마나 동적으로 작성할 수 있는가
Js변수를 사용할 수 있는지, 범위는 어디까지인지?
git cli
충돌나면 해결 어려워서 사용을 지양
prefix code?
https://baseweb.design/guides/understanding-overrides/
->
The named import always matches the override key with an addition of Styled prefix. Following 2 examples yield the exact, same result since this is how Base Web components are implemented underneath:?
opt in, opt out?
옵트인 (Opt in)
웹사이트 확장에 맞춰 css 구분하여 작성 필요
reset.css
common.css
base.css
즉시호출함수(IIFE)
웹팩의 기본 개념 / 중요 기능
1. 엔트리
의존성 그래프의 시작점을 웹팩에서는 엔트리(entry)
-
로더
웹팩이 읽을 수 있도록 비자바스크립트 파일을 변경
웹팩은 js파일만 읽을 수 있다. 파일 단위로 처리 -
플러그인
번들된 결과물을 처리
번들된 자바스크립트 난독화 혹은 특정 텍스트를 추출하는 용도로 사용 가능
궁금증
질문1:
엔트리를 시작으로 의존된 모듈을 하나로 묶는데, 이 범위가 너무 커지지 않도록
설계하여 개발해야 하나?
질문2:
base override
많이 사용하면 안 좋은지, 어떤 기준으로 사용해야 하는지
질문3:
https://baseweb.design/getting-started/learn/
-> controlled가 stateful아닌가..?
Most Base Web components are released with both options?:
Stateful components, to support uncontrolled usage
The default component, which supports controlled usage
질문4:
https://baseweb.design/guides/theming/
Using consistent design tokens results in faster development, smaller bundle sizes, and better-looking interfaces.
BaseProvider combines the functionality of the ThemeProvider with our LayersManager utility.
5:
https://baseweb.design/components/use-styletron/
class명을 따로 지정하는것?
- https://baseweb.design/guides/styling/
함수형 컴포넌트에서만 훅 사용가능, 클래스를 섞을 수 있는지?
난독화 플러그인 ex) UglifyJsPlugin
보일러플레이트란?
컴퓨터 프로그래밍에서 보일러플레이트 또는 보일러플레이트 코드라고 부르는 것은 최소한의 변경으로 여러곳에서 재사용되며, 반복적으로 비슷한 형태를 띄는 코드를 말한다.
참고
웹팩
