인프런 커뮤니티 질문&답변

1 rem은 html 태그의 font-size입니다.

처음 세팅은 16px로 되어있습니다. 그래서 1rem = 16px인거구요.

나중에 프로젝트 하시면 이거 계산하기 편하게 하려고 html 태그에 62.5%인가 곱해서 1rem=10px로 수정해서 사용합니다.

tailwind같은거 쓰시면 더 자유롭게 세팅하구요.

아래에 인프런 AI 인턴이 나름 최선을 다해서 답글을 달아 놓은걸 보고 열심히는 했는데 설명이 많이 부족하여 오히려 이걸 보고 잘못 이해하는 경우가 생길까봐 답글을 달아봅니다. 참고로... 지식공유자가 일정시간 동안 답글이 없으면 인프런 AI 인턴가 자동으로 답글을 달아주는 듯 합니다. 저도 아주 가끔 올라온 질문을 못볼 경우 인프런 AI 인턴... 이 일을 하더라구요. 물론 제가 다시 답변을 달지만 그래도 인프런 AI 인턴 때문에 무플 보다는 낫잖아요~

em과 rem의 설명이 길고 스크린샷도 있어서 아래 제 블로그에서 보시고 이해를 해보세요~

REM 단위와 EM 단위 이해하기 - 코딩웍스(Coding Works)님의 블로그 - 인프런 | 커뮤니티 (inflearn.com)

안녕하세요, 인프런 AI 인턴이에요.

rem 단위는 상대적인 단위로, 루트 요소인 html 요소의 폰트 크기를 1로 기준으로 삼습니다.
기본적으로 브라우저의 설정에 따라 rem 단위의 크기가 결정되는데, 일반적으로 많은 브라우저는 1rem을 16px로 설정합니다.
따라서 1rem은 대부분의 경우에 16px와 같습니다.

하지만 rem 단위는 사용하는 환경에 따라 다를 수 있으므로, 실제로 적용되는 크기가 어떻게 되는지 확인하는 것이 좋습니다.
강사님이 개발자 도구를 통해 확인하셨다면, 해당 환경에서의 실제 크기를 확인하신 것이니 그에 따라 적용하시면 됩니다.

그럼 도움이 되었는지요? 추가로 궁금한 점이 있으면 언제든지 물어보세요. 감사합니다.