반응형 프로그래밍87 [CSS] 웹화면의 정중앙 / 가운데 정렬하는 css 소스 HTML CONTENTS CSS body { width:100%; height:100%; } #box{ width:300px; height:300px; margin:0 auto; } 2021. 1. 14. [Thymeleaf] Thymeleaf template layout으로 초기 세팅하기2 JSP에서 include를 써보았다면 같은 맥락으로 이해하면 좋은 라이브러리, thymeleaf template layout를 통해 편리하게 구역을 나눌 수 있다. 이 템플릿엔진을 통해 구역을 나눠주면 화면을 관리하기에 훨씬 편해서 사용해보기로 했다. 1. 디렉토리 구성과 전체 구상도 전체 디렉토리 구조 : 이런식으로 폴더를 추가해주는데 자신의 용도에 따라 레이아웃을 구분하고 구현 할 수 있으며 쓰는 용도에 따라 nav 등을 추가할 수 있다. 전체 구상도 : 이렇게 세가지 구역으로 나눌 것이고, header와 footer는 고정하고, content영역만 바꿔낄 수 있게 해줄 예정이다. 2. 디펜던시 추가 nz.net.ultraq.thymeleaf thymeleaf-layout-dialect 2. 전체 코.. 2021. 1. 11. [Spring boot+css+html(Thymeleaf)+Js] 초기 세팅하기1 단독 프론트엔드 프로젝트를 하기 위한 설렘이 시작됐다. 아는 내용이었지만 한 번 더 정리하고자 하는 마음으로 이렇게 글로 정리하도록 한다. 참고로 jsp가 아닌 Thymeleaf를 쓰는 이유는, 그동안 개인플젝에서는 jsp만 써봐서 다른 방식을 써보기 위한 것도 있고 레이아웃을 구성할때 훨씬 명시적이고 쉽기 때문이다. 1. Javascript를 작성하기 위한 프로그램 프론트엔드 프로그램이 무엇이고, 뭘 써야 하는지 궁금해 했었다. 나는 항상 스프링, 스프링부트로 만들었기때문에 그런게 사실 따로 있나? 하기도 했다. 강의나 이것 저것 찾고 질문해보니 Sublime Text를 써도 되고, VS Code를 써도 되는 것 같다. 만약 프론트엔드 프로젝트나 프론트엔드만으로 이뤄진 프로그램을 작성할 거라면 굳이 S.. 2021. 1. 10. @ResponseBody와 @RequestBody는 언제써야할까 @ResponseBody @RequestMapping(value="/memberDelete", method=RequestMethod.POST) public String memberDelete(@RequestBody MemberVO memberVO, Model model) throws Exception { String inputPass = memberVO.getMemberPass(); // 입력한 비밀번호 MemberVO member = boardService.userCheck(memberVO); // 암호화된 DB비밀번호 ... 이하생략 ... return result; } 다음과 같이 코드를 짜다가 @ResponseBody와 @RequestBody를 잘 사용하고는 있는데 정확히 콕 찝어서 설명은 못하고.. 2021. 1. 3. 이전 1 2 3 4 5 6 7 8 ··· 22 다음 반응형
