![[팀7] 뿡치와 삼촌들 - Devnity](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F01eff8cd-e29b-4c4f-baa5-b2eaaa708cd6%2F2.jpg?table=block&id=c0f09e02-7acf-4d9e-8aea-b21f7a9a8822&cache=v2)
문제 및 배경
CSS를 하다가, 바꿀 때마다 렌더링이 되면, 현재의 경우 아예 로그아웃이 된다.
계속 들어가기가 번거롭고 테스트하기 힘들다. 따라서 어떻게 하면 좋을까?
가장 좋은 건 스토리북을 만든다.
스토리북에서
CSS에 대한 테스트를 진행함으로써 효율적으로 css를 스타일링할 수 있을 것이다.하지만 지금처럼 빠른 작업이 필요하다면?
이 역시 간단했다.
먼저
VSCode에서 해야 한다는 강박관념에서 벗어나자. 이후, 개발자 도구를 켜며, 하나 하나씩 바꿔보자.
- 결과적으로 이는 설사 실수한다 하더라도 바뀌지 않아도 안심해도 되며,
- 원하는 대로 바뀔 때마다 변경사항을 체크해서 반영한다.