본문 바로가기
반응형

전체 글90

[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.
까먹을까봐 적는, JSP의 input에서 id와 name의 차이 id 1. 뷰 페이지 안에서 유일해야만 하는 식별자이다. only one! 2. 뷰 페이지 안에서만 활용된다. 예를 들어 자바스크립트나 제이쿼리로 $('#writer').val() 이런식으로 값을 가져온다던지 등 name 1. 뷰 페이지 안에서 그룹으로 사용할 수 있으므로 여러개일 수 있다. 2. 뷰 페이지 뿐만 아니라 컨트롤러에서 사용이 가능하다. 예를 들어 JSP에서 이런 식으로 저장했다면 @RequestParam("writer")이런식으로 가져올 수 있다는 의미 2020. 12. 30.
자바스크립트 핵심 개념 : prototype 1. prototype의 개념 constructor라는 생성자 함수가 있을 때 new 연산자를 써서 instance를 만들면 생성자 함수의 prototype이라는 프로퍼티가 instance의 __proto__라는 프로퍼티에 전달된다. (전달된다는 건 __proto__를 prototype처럼 쓸 수 있다는 거겠지?) 즉, 생성자 함수의 prototype, instance의 __proto__는 같은 객체를 참조한다. 그런데 __proto__는 생략할 수 있어서 마치 instance에 연결된 것처럼 동작할 수 있다. (실제는 아니고, 이해를 돕기 위함) 이해를 돕기 위한 실제 데이터값으로 예시를 들면 Array생성자를 통해 [1,2,3]이라는 인스턴스를 만들었다. Array라는 생성자를 보면 여러가지 메서드,.. 2020. 12. 20.
반응형