인프런 강의(3)
-
[Spring-boot]_6차 MVC 구조 만들기(feat.thymeleaf)
환경을 구성하고나서 controller 부분 -> bean에 등록된 부분이 없을 경우 static 부분의 html이 첫 화면으로 호출되게 됩니다. GetMapping을 통해서 시작주소 localhost:8080/ 이 호출될때 나타날 페이지를 만들어보겠습니다. 해당 controller를 만들고 시작주소의 요청을 받을 때 돌려주는 위치는 template 디렉토리 아래의 home.html이 되겠습니다. home.html 은 다음과 같습니다. 회원가입 a 태그를 클릭시 members/new 라는 url이 호출되고, 회원 목록 a 태그 클릭시 members 라는 url이 호출하게 됩니다. 1] 각각url을 mapping 하는 controller를 생성합니다. package hello.hellospring.cont..
2022.03.12 -
[Spring-boot]_4차 MemoryRepository(feat.JUnit)
우선 DB를 연동하지 않고 메모리에 저장해서 사용하는 방법을 정리해보았습니다. 1] 사용할 domain, 저장소 개념인 repository 를 만듭니다. 2-1] Member.java 안에 id와 name 이라는 2가지의 데이터필드를 설정하고 이를 참조할 함수인 getter 와 setter를 설정합니다. [ 단축키 ALT + insert ] 2-2] repository 안의 MemberRepository.java [ Interface ] 도메인인 Member 클래스를 받아서 인터페이스 함수를 설정합니다. 그에 맞는 기능은 MemoryMemberRepository.java 에 구현합니다 2-3] MemoryMemberRepository.java 인터페이스인 MemoryRepository를 참조하여 각각의 ..
2022.03.05 -
[JQuery]_JQuery가 인기 있는 이유
JQuery 자바스크립트로 만들어진 라이브러리. DOM 작업을 쉽게 할 수 있게 해줍니다. JQuery는 메소드를 가지고 있는 클래스 -> 프로토타입 방식 그 중에서도 크로스 브라우징 라이브러리 라는 특성이 코드의 라인을 줄여줍니다. 크로스 브라우징 라이브러리 : 웹 페이지 제작 시에 모든 브라우저에서 깨지지 않고 출력되게 하는 라이브러리 크로스 브라우징 라이브러리가 아니라면, 브라우저 마다 기능을 나눠서 추가해줘야한다.. ex) IE7 이전에는 attachEvent 를 사용하였다. 순기능 자바스크립트 DOM 기능 Ajax 를 손쉽게 플러그인이 많다 효과 : 애니메이션 효과 간단한 예시와 실습 1번] id 요소의 값 수정하기 페이지가 로딩되고 (html과 같은 정적 요소) 이후 script에서 onloa..
2022.01.23