본문 바로가기

개발 메모장9

세련되고 알기 쉬운, 코드 네이밍법 코드 작성에서 네이밍(Naming)은 단순한 이름 짓기를 넘어, 가독성과 유지보수성을 결정짓는 중요한 요소다. 특히 CSS 클래스나 변수 이름, 함수 이름 등은 코드의 직관성과 일관성을 좌우한다. 이번 글에서는 2024년 최신 트렌드를 바탕으로, 실패 없는 세련되고 알기 쉬운 네이밍법을 정리해본다. 1. 네이밍의 기본 원칙1-1 직관적이고 명확하게이름만 보고 역할과 목적을 이해할 수 있어야 한다.❌ 나쁜 예: .c1, .box1, tempFunction✅ 좋은 예: .product-card, .header-nav, calculateTotalPrice  1-2 일관성을 유지통일된 네이밍 컨벤션을 사용하자.선택 가능한 컨벤션kebab-case: product-card, header-nav (CSS에 적합)c.. 2024. 11. 27.
Semantic HTML : 웹의 심장, 시맨틱 태그 Semantic HTML이란 무엇인웹 개발을 공부하다 보면 "Semantic HTML"이라는 용어를 자주 듣게 된다. 처음에는 그저 "HTML 태그에 의미를 더한 것" 정도로만 생각했다. 하지만 공부를 계속하면서 이 개념이 단순히 코드를 예쁘게 작성하는 것을 넘어 웹의 본질적인 가치를 높이는 중요한 도구라는 사실을 알게 되었다. 이번 글에서는 Semantic HTML이란 무엇인지, 왜 중요한지, 그리고 실제로 어떻게 활용할 수 있는지 예제를 포함해 깊이 있게 다뤄보고자 한다. Semantic HTML(시맨틱 태그)이란 무엇인가Semantic HTML이란 무엇인가Semantic HTML은 HTML 태그를 의미에 맞게 사용하는 것을 의미한다. 나 같은 비시맨틱 태그 대신, 내 블로그 웹 개.. 2024. 11. 26.

티스토리툴바