개발 스터디 'TimCookie' 저장소 정리 전 백업_23.07.24

웹 디자이너가 PX대신 REM을 사용해야 하는 이유
CSS 상대 단위 - em과 rem

발단

팀 프로젝트 중 테일윈드 사용에 있어, index.css 에 컬러 및 사이즈 기준을 변수로 선언하여 공통적으로 호출하여 사용하는 방식을 사용하기로 했다.

테블릿 기반 어플리케이션을 pc 웹 어플리케이션으로 옮기는 작업이다 보니, 기존 스타일을 최대한 가져가려고 해도, 좌우 여백의 경우는 논의를 추가적으로 해야 했다.

그 과정 중 공통 스타일 기준을 설정한 팀원의 말로는 테일윈드에서 픽셀 아니면 rem만을 제공하는 것 같다는 말을 했다. (추가 조사가 필요하다.)

사고 진행

팀원의 언급에 대한 의문이 들었다. 일단 테일윈드에서 그것만을 제공할 것 같지 않다는 추측을 했다.

그렇다면 팀원은 왜 그렇게 인식했는가?

마지막으로, 최근 rem 혹은 드물게 em을 사용할 경우에 익숙해져서 그런지 눈대중으로 스타일링을 하는 경우가 많았다.

rem 과 em 의 작동 원리와 개념에 대해 다시 학습할 필요가 있을것 같다