본문 바로가기

HTML+JavaScript3

flutter 공식문서 예제 들고오기 보호되어 있는 글 입니다. 2024. 6. 18.
Bootstrap 웹사이트를 쉽게 만들 수 있게 도와주는 CSS, JS 프레임워크이다. 하나의 코드로 휴대폰, 태블릿, 데스크탑까지 다양한 기기에서 작동하게 만들 수 있으며, 다양한 기능을 제공하여 사용자가 쉽게 웹사이트를 제작, 유지, 보수할 수 있도록 도와줍니다. https://getbootstrap.com/ Components 탭에서 부트스트랩에서 미리 만들어둔 컴포넌트를 사용한다면 웹사이트 구축 시 도움을 받을 수 있습니다. 하나 예제 입니다. layout1.html footer.html 2020 Shopping Mall Example WebSite header.html Shop 상품 등록 상품 관리 장바구니 구매이력 로그인 로그아웃 Search > 2023. 3. 3.
Thymeleaf 가공한 데이터를 이용하여 화면을 만드는 방법입니다. 화면을 동적으로 만들려면 템플릿 엔진을 사용해야 합니다. 미리 정의된 템플릿(Template)을 만들고 동적으로 HTML페이지를 만들어서 클라이언트에 전달하는 방식입니다. 요청이 올 때마다 서버에서 새로운 HTML 페이지를 만들어 주기 때문에 서버 사이드 렌더링 방식이라고 합니다. 서버 사이드 템플릿 엔진으로는 Thymeleaf,JSP,Freemarker,Groovy,Mustache 등 있습니다. 어떤 것을 사용해도 만들 수 있지만 스프링에서 권장하는 Thymeleaf를 사용을 많이 합니다. Thymeleaf의 가장 큰 장점은 natural templates 입니다 Thymeleaf를 사용할 때 Thymeleaf 문법을 포함하고 있는 html 파일을 서.. 2023. 3. 3.