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

현재 내가 사용하고 있는 MyBatis 는 MyBatis Spring Boot Starter 로 사용하고 있다. 의존성으로 MyBatis Spring Boot Starter 를 등록을 한 후 진행한다. Service는 Mapper가 객체화가 되어야 생성된다. Controller는 Service에 의존적이고 Service는 Mapper에 의존적이다. 실습 Home 디렉토리에서 mappers 디렉토리를 생성한 후 그 안에 IXMapper.Interface를 생성한다. - application.properties 설정 # Mybatis에서 활용할 XML파일의 위치를 지정한다. mybatis.mapper-locations=classpath:mapper/**/*.xml 또한 DB접속을 위해서 spring.data..

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에서 적자..

Entity 와 Table은 1:1 entities -->> 스키마 이름 -->> 테이블이름(단수형)+Entity Class에는 private 열 구조에 따른 변수를 생성해준 뒤 get and set을 만들어준다. 이때 Alt + Ins -> get and set 를 통해서 모든 변수의 get과 set을 생성해준다. (또한 변수의 이름은 html에서 값을 가져오는 태그의 이름과 같아야 한다.) public로 값을 조정하는게 아니라 get and set을 만드는 이유 제약조건에 위배 되는 값을 넣는 것을 방지해주기 위함이 그 이유 중 하나이다. equals 만들기 Alt + Ins ->> equlas() and hashCode() 를 선택해서 PK만 선택해서 생성 해준다. ex) `study`.`memos..