web study

코딩 작업을 하다 보면 생각보다 계산을 해야 할 때가 많다. 특히 반응형 웹 작업이라면 rem 등 단위 계산을 해야 하기 때문에 더 그렇다. 그렇다고 맥이나 윈도우 기본 계산기를 사용하자니 너무 불편하고 귀찮다. 물론 값만 입력하면 자동으로 값을 뽑아주는 사이트도 많지만 복붙도 귀찮아질 때가 있다. 그래서 나는 따로 런처 프로그램을 사용하는데, 가벼운 텍스트 기반의 런처 프로그램인 'Launchy'를 소개한다. 참고로 만약 맥 사용자라면 control+space를 눌러 'Spotlight Search'를 이용하면 된다. Launchy처럼 편하게 쓸 수 있는 기능이 맥에 원래 있기 때문에 굳이 따로 런처 프로그램을 설치 안 해도 될 것이다. 물론 숫자만 입력해서 계산기 기능도 빠르게 사용 가능하다. 목차 ..

요즘은 대부분 반응형 브라우저이기 때문에 반응형에서 사용되는 단위를 사용해야 할 것이다. 그중에서도 가장 많이 사용되는 단위가 rem과 em, 그리고 % 인데 도대체 언제 어떤 걸 사용해야 하는 걸까? 이번 기회에 제대로 알고 제대로 사용해보자. 목차 em과 rem의 공통점 em과 rem의 차이점 em과 rem 언제 쓸까? 반응형에서 무조건 rem을 써야 할까? 마치며 em과 rem의 공통점 두 단위 모두 폰트 사이즈에 따라 변하는 가변 단위이다. 같은 방식이지만 어떤 엘리먼트이 폰트 사이즈가 기준이냐에 따라 나뉜다. 비율에 따른 가변 단위이지만 브라우저 상에는 픽셀 단위로 표현된다. em 계산 상위 엘리먼트 폰트 사이즈 * em값 = 픽셀값 (상위 엘리먼트 폰트 사이즈가 18일 때) 1em = 18 *..