19일

3/19

React

• 스타일드 컴포넌트를 사용할 때 변수명은 반드시 첫 글자 대문자! 아니면 적용 안 됨.

• 스토리북 패턴 → 조건문 사용하기

• 스타일드 컴포넌트 조건 처리 시 문자 처리하기

// 함수 실행 시 ${} 보간법 처리를 해야 한다. 
color: ${({ dark }) => (dark ? "getColor('lightGray')" : "getColor('gray')")}; [X]

color: ${({ dark }) =>
    dark ? `${getColor('lightGray')}` : `${getColor('gray')}`}; [O]

CSS

• 페이지의 배경을 삽입할 땐, <section class=OurStory> 와 같이 전체를 랩핑하는 컨테이너 요소에 배경 이미지를 설정한다.

기록 메모

• 스토리북 패턴 커스텀 색상 설정하는 법

• flex , inline-flex

• SC 중첩 규칙

• 이메일/비밀번호 정규 표현식