Been_DevStep

html에 자신의 Scripts보다 위쪽에 추가해줍니다. 우편번호 기본 주소 상세 주소 .panel.address { top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 70%); position: fixed; display: none; } .panel.address.visible{ display: block; } visible클래스를 이용해서 CSS에서 만들어둔 주소 선택창을 활성화와 비 활성활 진행합니다. CSS에서 기본적으로 display: none을 통해 보이지 않는 상태이고 주소 찾기 버튼을 클릭할 경우 display : block를 이용해서 화면에 배치합니다. form['addressFined'].addEven..

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) {..

Home Director 을 기준으로 controllers → XController @Controller(value = "packge.XController") entites → DBTableName.(XEntity) mappers → IXMapper @Mapper services → Xservice @Service(value = "packge.XController") rescources Director을 기준으로 mappers → XMppaer.xml static → X.resoucre.scripts.(index.js) → X.resoucres.stylesheets.(index.css) templates → X.(index.html) Controller에 Service의 의존성을 설정합니다. XContr..

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이 생략)