Bibi's DevLog 🤓🍎

HTML input 비활성화 - disabled, readonly HTML 입력 필드를 비활성화 시킬 수 있다. input태그의 속성인 disabled 또는 readonly를 사용하면 된다. disabled : 입력 필드 비활성화와 함께, 으로 전송해도 해당 필드 내용은 전송되지 않는다. 데이터로 보지 않도록 간주하는 속성이다. ❗ 기존에 받아오던 값을 disabled로 설정하면 빈 값을 받아오게 되니 주의한다. readonly : 입력 필드를 비활성화하지만, 으로 해당 필드의 내용은 전송된다.

MVC 웹 프레임워크가 뭔가요? MVC에 대해 너무 이해하지 못하고 있는 것 같아서, 쉽게 설명해주는 영상을 보고 정리했다. ..를 보려 했는데 이 영상을 위해 정적 웹은 뭐고 동적 웹은 뭔가요?를 봐야 한다고 해서 함께 간단히 정리해 보았다. 정적 웹 static web, 동적 웹 dynamic web 정적 웹 static web 언제 접속해도 같은 리소스를 보내 주는 웹 사이트. 편의점 : ''준비된 음식''을 바로 먹거나 내가 간단히 조리해 먹음 -> 정적 웹 서버는 html, css, js 코드 및 이미지&동영상을 준비된 그대로 클라이언트에 보내 준다. 마치 진열대에 준비된 상품 그대로 사가는 것과 같음. ❓ 들어갈 때 마다 같은 화면인 것 = 정적 웹인가? ❗ 꼭 그..

[Spring] @RequestParam, @PathVariable 차이 참고 : 블로그. 워낙 설명이 잘 되어 있어 나는 간단히 정리만 하기로 했다. 감사합니다! 둘 다 Spring에서 URL을 통해 클라이언트로부터 Controller에 파라미터를 전달받을 때 사용하는 어노테이션이다. @RequestParam http://127.0.0.1?index=1&page=2 와 같은 형식의 URL에서 파라미터 값을 받아올 때 주로 사용. (이름&값 전달) 파라미터 이름 = index, page, ... 파라미터 값 = 1, 2 ... @GetMapping("read") public ModelAndView getFactoryRead(@RequestParam("index") int indexNum, SearchCr..

handlebars 템플릿 엔진 참고 : 블로그. 감사합니다. 자바스크립트로 설명하고 있지만 큰 맥락을 이해하는 데에 도움이 되었다. handlebars는 템플릿 엔진의 하나이다. mustache를 기반으로 구현되어 문법이 거의 같다. mustache와의 주요 차이점은 헬퍼가 존재한다는 것이다. 헬퍼를 사용하면, 템플릿 엔진에 간단한 로직을 포함시킬 수 있다. handlebars가 제공하는 헬퍼도 있고, 사용자가 직접 헬퍼를 등록해 사용할 수도 있다. handlebars 사용을 위한 설정 (스프링 부트, gradle) build.gradle dependencies에 compile 'pl.allegro.tech.boot:handlebars-spring-boot-starter:0.3.2' 추가..

회원가입 기능 구현 회원가입 페이지에서 회원가입을 하면, 사용자의 입력 데이터를 서버에서 받아 출력한다. 서버로 데이터를 전달할 때 태그를 사용한다. 속성 action : 서버에 요청을 보낼 때 어떤 URL로 보낼지를 지정할 수 있음. : 해당 form으로부터 /create로 서버에 요청을 보냄 URL이 추가되면 항상 상응하는 Controller 및 메서드가 있어야 한다. form태그에 아무 속성을 입력하지 않으면 기본적으로 GET방식으로 통신한다. index.mustache 아이디 비밀번호 이름 이메일 제출 아무것도 입력하지 않고 제출했을 때의 URL : http://localhost:8080/create?userid=&password=&username=&useremail= UserController...

mustache 기본 문법 정리하기 복잡하지 않으므로 공부 및 연습해 본다! 공식페이지..를 번역한 블로그를 보고 공부했습니다. 1. 변수 {{, }} 사이에 변수명을 입력한다. 문자열은 자동 HTML 이스케이프 된다. 이스케이프 Escape란? 특정 문자를 HTML로 변환하는 행위. (제로초 참고) 이스케이프되지 않은 문자열을 출력하려면 {{{, }}}을 사용한다. 데이터 { "name" : "Chris", "company" : "Github" }템플릿 {{name}} {{age}} {{company}} {{{company}}}결과 Chris Github Github1-1. 복잡한 객체 : 객체 안에 객체가 포함되어 있을 때는 점 문법(dot-syntax)을 사용한다. 데이터 { "name..

mustache를 활용한 동적인 HTML과 MVC 설명 컨트롤러에서 mustache라는 템플릿엔진에 데이터를 전달해, 동적인 HTML을 만들어내는 법을 배운다. MVC의 개념 MVC는 한 곳에서 많은 로직을 처리하는 대신, 각 코드의 역할을 분담하기 위해 등장했다. Controller : 최초 진입 지점. 사용자의 입력 값이 유효한 지를 검증하고, 사용자가 입력한 데이터를 Model에 전달하고, Model의 처리 결과에 따라 이동할 View를 결정하는 역할 Model : 실질적인 비즈니스 로직을 구현하는 역할을 담당함. 비즈니스 로직 처리 결과를 DB에 저장하고 조회하는 역할. 애플리케이션의 엔진이라 할 수 있음. View : Controller에 의해 전달된 데이터를 단순히 출력하는 역할 템플릿 엔진이..

github.com/bibi6666667/TIL/blob/main/2021.03/TIL%20-%20210302.md github.com/bibi6666667/TIL/blob/main/2021.03/TIL%20-%20210303.md github.com/bibi6666667/TIL/blob/main/2021.03/TIL%20-%20210304.md github.com/bibi6666667/TIL/blob/main/2021.03/TIL%20-%20210305.md github.com/bibi6666667/TIL/blob/main/2021.03/TIL%20-%20210306.md github.com/bibi6666667/TIL/blob/main/2021.03/TIL%20-%20210307.md 2021년 3월..