🤍 은지log 🤍

반응형 웹이 웹 레이아웃을 만드는 기준이 되면서 반응형 레이아웃을 표시하기 위한 디바이스를 구분하는 여러가지 방법들이 사용되고 있습니다. 대표적으로 CSS 미디어쿼리를 사용하는 방법이 있고, 자바스크립트를 사용하기도 합니다. 어떤 것을 사용하더라도 반응형 레이아웃을 디바이스에 따라 구분하는 기준은 가로 너비입니다. 가로 너비 값에 따라 디바이스를 인식하고, 레이아웃을 거기에 맞춰 변경하는 것이 CSS 반응형 레이아웃의 기본 개념입니다. 가로 너비를 기준으로 하는 것은 반응형 레이아웃에서 공통이지만, 디바이스 종류별 너비 값 기준은 제각각입니다. 별도로 정해진 표준이라는 것이 없기 때문에 업계에서 많이 사용하는 값을 기준으로 하기도 하고, 레이아웃 특징에 맞춰 개별적인 값을 정하기도 합니다. 영어로는 나누..

Next JS 설치 npm create-next-app . / npm create-next-app —typescript . ✏️ * name can no longer contain capital letters 라는 에러가 뜨면 폴더명에 " 대문자 " 가 있어서 뜨는것이므로 " 소문자 " 로 변경 Next.. eun-jii.tistory.com .module.css 파일 생성 CSS 를 적용할 파일과 같은 폴더에 파일명.module.css 파일 생성 ex) NavBar.js NavBar.module.css .active { color: tomato; } .link { text-decoration: none; } 코드를 css에 적고 import styles from "./NavBar.module.css";..