Been_DevStep

Js를 사용해서 구현합니다. 먼저 css에서 body > .form > .warning { visibility: hidden; } body > .form > .warning.visible { color: rgb(231, 76, 60); margin-top: 0.375rem; display: block; visibility: visible; } visible 클래스가 없을때는 해당 태그를 숨겨둡니다. 하단에 visible 클래스가 추가 될 경우의 속성을 정의해 줍니다. js const form = window.document.getElementById("form"); const warning = window.document.getElementById("warning"); form.onsubmit = () ..

@Controller(value = "dev.study_web.memo.controllers.MemoController") @RequestMapping(value = "/memo") public class MemoController { @RequestMapping(value = "/memopage", method = RequestMethod.GET) public ModelAndView getIndex(){ ModelAndView modelAndView = new ModelAndView("memo/memo"); return modelAndView; } } 해당 소스코드를 통해서 memo.html을 불러옵니다. ※ html에서 css를 연결할때 경로 처음에 /static이 있다면 localhost로 접속할 ..

index.html의 이 구문을 통해서 Delete 를 실행하려고 한다. Controller에서는 @RequestMapping(value = "/delete", method = RequestMethod.GET) public ModelAndView getDelete(@RequestParam("index") int inedx){ ModelAndView modelAndView = new ModelAndView("redirect:/memo/"); this.memoService.deleteMemo(inedx); return modelAndView; } 삭제후 다시 지금 페이지로 돌아오기 위해서 redirect을 현재 페이지로 설정한다. Service public void deleteMemo(int index) {..

Controller : Service ==>>> 1 : 1 Controller가 실행되기 위해서는 Service가 생성되어야 한다. Controller는 Service에 의존적이다. @Autowired //의존성 주입 , 요구되는 타입을 스프링 부트가 알아서 객체화하여 전달토록 한다 // Service어노테이션을 통해 Springboot가 인식가능한 범위내에 있다. public MemoController(MemoService memoService) { this.memoService = memoService; } MemoService가 먼저 객체화가 된 후에 MemoController가 생성자를 통해서 객체화 된다. 로직을 Controller에 적는다고 해서 구현이 안되는건 아니지만 Service에서 적자..

- 타임리프(Thymeleaf)는 동적인 HTML 문서를 만들고 이를 컨트롤러와 연결시킬 수 있도록하는 템플릿 엔진의 일종이다. - 타입리프 문법을 사용하는 모든HTML 파일내의 태그에는 반드시 xmlns:th="

https://localhost:8080/ (HomeController) / (Index) ->기본 https://localhost:8080/user ->user라는 Action (HomeController이 생략) https://localhost:8080/user/ ->user Controller (Index Action이 생략)