[HTML] <button>사용하기

태그 안에서 을 사용할때 type정의가 되어있지 않으면 자동으로 submit 동작을 하게된다. 스크립트 동작으로 사용하고 싶을경우엔 이라고 정의해주면 된다.

  • format_list_bulleted programming/html & css
  • · 2021. 1. 7.
  • textsms

[Javascript] 선택자

document.getElementById(); - 주어진 문자열과 일치하는 id 속성을 가진 요소를 찾고, 이를 나타내는 Element 객체를 반환, - 대소문자를 구분해서 사용해야하고, 문서 내에 주어진 id가 없으면 null을 반환. document.getElementsByClassName(); document.getElementsByTagName();

  • format_list_bulleted programming/javascript & jQuery
  • · 2021. 1. 5.
  • textsms

[HTML] input태그 readonly 와 disabled 속성 비교

readonly와 disabled는 모두 사용자의 직접 입력을 막는 속성이다. -readonly 사용법 -disabled 사용법 하지만 form안에서 사용 할 경우 두 속성은 아주 큰 차이가 있다. readonly - form 전송 가능, disabled - form 전송시 값 전달 불가능.

  • format_list_bulleted programming/html & css
  • · 2021. 1. 4.
  • textsms
[Web] redirect 와 forward

[Web] redirect 와 forward

현재 작업중인 페이지에서 다른페이지로 이동하기 위한 2가지 방법. 1. Redirect Redirect는 웹컨테이너로 명령이 들어오면, 웹 브라우저에게 다른 페이지로 이동하라고 명령한다. 웹 브라우저는 URL을 지시된 주소로 바꾸고 해당주소로 이동한다. 다른 웹 컨테이너에 있는 주소로 이동하고 새 페이지에서 Request와 Response객체가 새롭게 생성된다. -시스템에 변화가 생기는 요청(회원가입, 글쓰기 등)에 사용하기 적합하다. 2. Forward Forward는 웹컨테이너 차원에서 페이지의 이동만 존재한다. 실제로 웹 브라우저는 다른 페이지로 이동했음을 알 수 없다. 웹 브라우저에는 최초에 호출한 URL이 표시되고, 이동한 페이지의 URL 정보는 확인할 수 없다. 또, 현재 실행중인 페이지와 F..

  • format_list_bulleted programming/web
  • · 2021. 1. 1.
  • textsms

[Spring] DTO 와 VO

DTO(Data Transfer Object) DTO(Data Transfer Object)는 데이터 전송(이동) 객체라는 의미를 가진다. DTO는 주로 비동기 처리를 할 때 사용한다. 계층간 데이터 교환을 위한 객체(Java Beans)이다. DB의 데이터를 Service나 Controller 등으로 보낼 때 사용하는 객체를 말한다. 즉, DB의 데이터가 Presentation Logic Tier로 넘어올때는 DTO로 변환되어 오고가는 것이다. 로직을 갖고 있지 않는 순수한 데이터 객체이며, getter/setter 메서드만을 갖는다. 또한 Controller Layer에서 Response DTO 형태로 Client에 전달한다. VO(Value Object) VO(Value Object)는 말 그대로 ..

  • format_list_bulleted programming/spring
  • · 2020. 12. 30.
  • textsms
[CSS] 선택자

[CSS] 선택자

선택자는 html 파일을 만들고 태그에 스타일을 줄 때 사용한다. 선택자의 종류 전체 선택자 * { margin: auto; } - 모든 태그에 대하여 적용. 하지만 이 방법은 테스트 용도로만 사용하길 권장한다고 함. 태그 선택자 h1 { color: green; } - h1 태그에 대하여 적용. 클래스 선택자 .className { width: 50px; } - .클래스이름 으로 사용. 아이디 선택자 #idName { position: fixed; } - #아이디이름 으로 사용. 복합 선택자 하위선택자 section ul { text-shadow: none; } - 선택자 사이를 공백으로 나타내며 앞 요소의 자손인 뒷 요소를 선택. 자식선택자 section > ul { text-shadow: none;..

  • format_list_bulleted programming/html & css
  • · 2020. 12. 28.
  • textsms