Center · Astryx

Button · Astryx

• Center를 뜯어보자.
• Button을 뜯어보자. (젠장 1만자가 넘으면 highlight 기능을 지원 안 해준단다 VSCode 로 보자.)

추가 설명 자료

1. styleX를 통한 스타일 지정 방식 : 스타일은 왜 합쳤다가 펼치는 것이지? (tailwind와 비교하며)

2. 왜 항상 모든 컴포넌트들의 Prop은 BaseProps 를 상속받는것이지?

뜯어보는 순서

1. 항상 styleX 를 통해서 스타일을 지정한다.

2. 동적인 건 dynamicStyles 로 지정한다.

3. BaseProps 를 통해서 기존의 div 로 받을 수 있던 properties 를 커버한다.

4. 각각의 props 에다가 JSDoc 의 형태로 주석을 단다. (참고 : https://jsdoc.app/about-getting-started)

4-1. edge-case 들을 대응하는 스타일에 대해서는 resolved ~ 라는 명칭과 함께 다룬다.

1. 만든 스타일들을 머지한다.

→ 이 때 컴파일 타임에 겹치는 스타일들끼리는 싸우고서 (서열정리) 스타일이 하나만 남음