개발일지

Emotion을 사용한 이유? 평소 styled-components를 활용하여 스타일링을 진행했지만, 이번에 TS를 공부하면서 진행하는 프로젝트에서는 emotion을 이용하여 스타일링을 해보고 있다. styled-components와 emotion을 비교하는 글들이 많기는 하지만, 그런 글들과는 상관 없이 직접 사용해보면서 비교도 해보고, 차이점을 느껴보려고 한다. emotion 중에서도 styled-components와 유사한 방식으로 스타일링을 할 수 있지만, 미세한 차이점이 있어 기록하기 위해 이 글을 적는다. Emotion을 사용하면서 마주한 상황 1. props에 따라 스타일을 변경해야 하는 경우 한 컴포넌트를 스타일링 하는 경우, 부모에서 내려오는 props에 따라 스타일링을 다르게 해야하는 ..

There might be a problem with the project dependency tree. It is likely not a bug in Create React App, but something you need to fix locally. 이번에 나온 맥북을 받고 하루빨리 좋은 노트북으로 개발해야지! 라는 마음으로 이것저것 설치하면서 리액트를 구동하는 도중, 이러한 오류가 나면서 1번부터 7번까지 그대로 따라하라는 내용의 글들이 터미널에 찍히게 되었다... 이것 저것 검색해보니 다음과 같은 방법을 이용하면 구동이 되었다. 이렇게 리액트의 루트폴더에 .env 파일을 만들고, 그 안에 SKIP_PREFLIGHT_CHECK=true 를 넣고 저장하면 위의 경고문이 더 이상 나타나지 않게 된다. ..