사용법 밑의 코드를 파일로 만들어 import 하여 사용 코드

링크 https://beautifier.io/ 사용법 이 부분에 코드 붙여넣기 후 컨트롤 + 엔터 / Beautify code 클릭

코드뒤로가기새로고침앞으로 가기

자동으로 줄바꿈이 되지 않는 특수문자 / 띄어쓰기 없는 영단어 강제 줄바꿈 하는 방법word-break: break-all;실제 코드(tailwind) ${reply.body}

코드 댓글이 없슴다! 실행화면

다크모드 명시 라이트모드 명시 코드 test

정의 MVC 구조란 Model / View / Controller로 구성된 구조이다. - 프로젝트를 구성할 때 구성요소를 세가지의 역할로 구분한 패턴 사용이유 공장에서 하나의 역할만 담당해서 집중도를 올리듯이 3가지의 구성으로 하나의 프로젝트를 만들면 각자 맡은 바에만 집중을 하여 효율이 증가한다. Model의 조건 1. 사용자가 편집하길 원하는 모든 데이터를 갖고 있어야 한다. 2. view나 controller에 대한 정보를 모르고 있어야 한다. 3. 변경이 일어나면 변경 통지에 대한 처리방법을 구현해야 한다. View의 조건 1. Model의 정보를 저장하면 안 된다. 2. Model이나 Controller에 대한 정보를 모르고 있어야 한다. 3. 변경이 일어나면 변경 통지에 대한 처리방법을 구현해..

정의페이지를 여러 주요 영역으로 나누거나, 크기와 위치 및 문서 계층 구조의 관점에서 HTML 기본 요소로 작성된 콘트롤 간의 관계를 정의할때 사용기본 문법 One Two Three Four Five Six.wrapper { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 10px; grid-auto-rows: minmax(100px, auto);}.one { grid-column: 1 / 3; grid-row: 1;}.two { grid-column: 2 / 4; grid-row: 1 / 3;}.three { grid-column: 1; grid-row: 2 / 5;}.four { grid-column: 3..