04 / 11 / 2022

goruzan·2022년 4월 11일
0

Base

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)

  1. 로더
    웹팩이 읽을 수 있도록 비자바스크립트 파일을 변경
    웹팩은 js파일만 읽을 수 있다. 파일 단위로 처리

  2. 플러그인
    번들된 결과물을 처리
    번들된 자바스크립트 난독화 혹은 특정 텍스트를 추출하는 용도로 사용 가능

궁금증
질문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명을 따로 지정하는것?

  1. https://baseweb.design/guides/styling/
    함수형 컴포넌트에서만 훅 사용가능, 클래스를 섞을 수 있는지?

난독화 플러그인 ex) UglifyJsPlugin

보일러플레이트란?
컴퓨터 프로그래밍에서 보일러플레이트 또는 보일러플레이트 코드라고 부르는 것은 최소한의 변경으로 여러곳에서 재사용되며, 반복적으로 비슷한 형태를 띄는 코드를 말한다.

참고
웹팩

react controlled, uncontrolled

profile
프론트엔드 공부합니다

0개의 댓글