DTO와 Schema의 차이를 정리했습니다. DTO는 클라이언트와 서버 간의 데이터 통신을 위해 존재하고. Schema는 데이터베이스 구조 정의를 위해 필요합니다.

컨테이너 쿼리는 뷰포트 크기나 다른 장치 특성에 기반한 요소에 스타일을 적용하는 미디어 쿼리의 대안입니다. 요소의 스타일을 해당 요소의 컨테이너 크기에 따라 적용할 수 있게 해줍니다.

새롭게 도입된 CSS 뷰포트 단위인 svh, lvh, dvh, svw, lvw, dvw에 대해 알아보고, 이들이 웹 개발에 어떤 영향을 미치는지 살펴보겠습니다.

자바스크립트의 기본 개념을 햝아봅니다. 변수, 데이터 타입, 배열, 객체, 연산자, 제어 구조, 함수, 이벤트, 문자열과 숫자 메소드, 날짜, 수학, 불리언 논리, 오류 처리, 정규 표현식, JSON, AJAX, 프로미스, Async/Await, 클로저, 화살표 함수, 템플릿 리터럴, 스프레드 연산자와 나머지 매개변수 등 다양한 주제를 다룹니다.

하나의 플렉스 아이템이 자신의 컨테이너가 차지하는 공간에 맞추기 위해 크기를 키우거나 줄이는 방법을 설정하는 속성입니다. 이를 사용하면 float나 inline-block 등을 이용한 기존 방식보다 훨씬 강력하고 편리한 기능들을 사용할 수 있습니다.

이 포스트에서는 HTML의 기본 구조와 SEO를 위한 메타 태그 작성법에 대해 알아보았습니다. HTML 태그의 중요성과 역할에 대해 이해하고, Open Graph와 Twitter 카드 메타 태그를 이용하여 소셜 미디어에서 웹사이트가 어떻게 표시되는지 지정하는 방법을 배웠습니다. 이러한 지식을 활용하여 검색 엔진과 소셜 미디어 플랫폼에서 웹사이트를 더 효과적으로 표시하고 인덱싱할 수 있습니다.