프로그래밍에 있어서 좋은 DX를 위해 적절한 주석을 다는 것은 중요하다.
주요 웹 언어인 HTML
, CSS
, JS
별로 주석을 다는 방법을 공유한다.
1. HTML
<!-- 주석 내용 -->
<!-- 주석 내용 -->
<!-- 한 줄로 작성하거나
이처럼 여러 줄을 한 번에 주석처리할 수 있다. -->
2. CSS
(1) // 주석 내용
(2) /* 주석 내용 */
// 한 줄 주석처리 시
/* 한 줄로 작성하거나
이처럼 여러 줄을 한 번에 주석처리할 수 있다. */
✅ html 내부의 <style>
태그로 css를 추가하는 경우에도 css 주석 형식인 /* */을 쓰도록 한다.
3. JavaScript
(1) // 주석 내용
(2) /* 주석 내용 */
//한 줄 주석처리 시
/* 한 줄로 작성하거나
이처럼 여러 줄을 한 번에 주석처리할 수 있다. */
'Front-end' 카테고리의 다른 글
node & npm 완전 삭제하기 (0) | 2023.08.05 |
---|---|
[Node.js] npm run dev, npm run build, npm run start 차이 (0) | 2023.06.22 |
[CSS] focus 가상 클래스 | :focus, :focus-within, :focus-visible (0) | 2023.04.18 |
html width와 window.innerWidth(웹 브라우저 너비) 차이 발생하는 이유 (0) | 2023.04.13 |
[CSS] 크기 단위 (px, rem, em, %) (0) | 2021.04.11 |