프론트엔드 데브코스 5기 TIL 67 - yarn, rebase, tailwind css 트러블 슈팅

김영현·2024년 2월 14일
0

TIL

목록 보기
79/129

yarn에서 yarnberry migration,

공식문서를 보고 마이그레이션 완료. 하지만
d드라이브(원래 경로)에서 하면 yarn이 고장나고 c드라이브에서 하면 yarn이 잘 되었다.

yarn zeroInstall

zero-install은 설치 없이 로컬(appdata폴더에는 캐시)에 저장해두고
pnp.cjs + pnp.loader로 경로를 빠르게 읽어 모듈을 사용하게해주는 기법.

대신 여러 사용자와 협업할땐 경로문제로 인하여 매번 yarn명령어를 사용하여 경로를 다시 설정해주어야함.

=> 이러면 굳이 쓸 필요가...?

아마 docker같은 컨테이너기반으로 협업자의 환경을 동일하게맞출 필요가있어보인다.

rebase --update-refs

stacked pr시 dev => 1 => 2 이순으로했을떄
1이 rebase-merge되면 2가 이전 dev를 바라보는 문제 해결

tailwind css 동적할당?

동적으로 받아와서 값을 줄 수 없음

const Foo = ({size}) => {
	<div className={`border-${size}`}>ㅎㅇ</div>
}

//이것 도 안됨
const Foo = ({size}) => {
  const SIZE = `border-${size}`
	<div className={SIZE}>ㅎㅇ</div>
}

tailwind의 진가는 디자인 시스템이 확립되고 + 통일성이 갖춰진 디자인에서 매우 강력할 것으로 보임.
스타일을 동적으로 받아와서 렌더링해주는 컴포넌트와는 맞지 않는다


이건 pr하면서 정리하여 올린글...

profile
모르는 것을 모른다고 하기

0개의 댓글