개발노트 - 고즐의 개발 및 서버 개발 노트
개발노트
고즐의 개발 및 서버 개발 노트
Bootstrap 5의 Layout부터 Components까지, 실무에서 자주 잊어버리는 클래스 명과 마크업 구조를 목차 순서대로 정리했습니다. 설명은 줄이고 바로 복사해 쓸 수 있는 코드를 담았습니다.
Tailwind CSS를 쓰다 보면 클래스가 너무 많아 보인다는 느낌을 받을 수 있습니다. 이 글을 통해 실무에서 사용하는 정리 기준과 생각 전환 방법을 살펴볼 수 있습니다.
Tailwind CSS를 설치했는데 이후 설정이 막막하게 느껴질 수 있습니다. 이 글을 통해 실무에서 많이 사용하는 셋업 흐름을 단계별로 정리해볼 수 있습니다.
Bootstrap에 익숙한 상태에서 Tailwind CSS를 접하면 생각보다 어색하게 느껴질 수 있습니다. 이 글을 통해 두 프레임워크의 사고방식 차이를 차분히 정리해볼 수 있습니다.
관리자 페이지 레이아웃을 Tailwind CSS로 구성하면 어디까지 단순해질지 궁금해질 수 있습니다. 사이드바와 상단바, 테이블 UI 예제로 흐름을 정리해볼 수 있습니다.
CSS 프레임워크 선택이 늘 고민된다면 Tailwind CSS가 어떤 방식인지 궁금해질 수 있습니다. 이 글을 통해 구조와 장단점을 차분히 정리해볼 수 있습니다.
Bootstrap만 사용해왔다면 Tailwind CSS가 왜 자주 언급되는지 궁금해질 수 있습니다. 이 글을 통해 특징과 장점을 정리해보면 선택 기준이 조금 더 분명해질 듯합니다.
HTML 속성 순서는 브라우저의 동작과는 무관하지만, 코드 가독성, 유지보수 효율, 협업 안정성을 크게 높이는 핵심 규칙이다. 실무에서 사용되는 HTML 속성 정렬 기준과 개발자들이 통일된 순서를 사용하는 이유를 상세히 설명한다.
Lazy Loading은 웹페이지 로딩 속도를 크게 높이는 핵심 기술이다. 이미지가 화면에 나타날 때만 로딩해 트래픽을 절약하고 성능을 향상시키는 방법을 정리했다.
