Tech/HTML
Form 데이터 전송 시 button 태그 유의사항
다음과 같이 폼 입력값에 대한 검증이 들어가있는 컨트롤러에 입력폼을 전송할 때 button 태그에서 type="button"을 사용해줘야 검증 오류에 걸리지 않고 다음 작업을 수행할 수 있다.
Tech
Tech/템플릿 엔진
JSP 간단 사용법
no.1 첫 줄 JSP 문서라는 뜻 no.2 자바의 import 문과 같다. no.3 이 부분에는 자바 코드를 입력할 수 있다. no.4 이 부분에는 자바 코드를 출력할 수 있다. no.5 -> ${ ... } 로 Model에 저장한 member 객체를 꺼낼 수 있지만, 너무 복잡해진다. JSP는 ${ ... } 문법을 제공한다. 이 문법을 사용하면 request의 attribute에 담긴 데이터를 편리하게 조회할 수 있다. id=${member.id} no.6 - 선언
Tech/CSS
CSS 정렬
flex 핵심 : 여러 태그를 하나라 묶어서 정렬 flex는 기준을 부모박스로 두고 움직이게 된다. display: flex; flex-direction: column; -> 박스를 수직으로 나열 align-items: center; ->부모 박스의 가로를 기준으로 가운데 정렬 justify-content: center; -> 부모 박스의 세로를 기준으로 가운데 정렬 flex-direction: row; (defalut) -> 박스를 수평으로 나열 justify-content: center; ->부모 박스의 가로를 기준으로 가운데 정렬 align-items: center; -> 부모 박스의 세로를 기준으로 가운데 정렬 정렬 속성 flex-start : 처음으로 기본값 flex-end : 끝으로 정렬 sp..
Tech/CSS
CSS
Cascading Style Sheet CSS는 HTML의 색, 크기, 정렬 등을 변경하여 꾸며주는 언어이다. 특성 (property) 색, 크기, 정렬 등이 존재한다. 기본문법 selector(선택자) { property(속성) : value(값) ; property(속성) : value(값) ; } 사용방법 html 태그 속성에 입력하는 방법 장점 : 스타일 적용 태그 즉시 확인 가능 단점 한번에 하나의 태그에만 적용 가능 전체 코드 가독성 나쁨 관심사 분리 안됨 태그에 입력하는 방법 장점 전체 코드 가독성 향상 유지보수 용이 단점 태그와 CSS 연결이 필요 관심사 분리가 안됨 CSS 파일을 만들어 불어오는 방법 장점 전체 코드 가독성 향상 유지보수 용이 관심사 분리됨 단점 태그와 CSS 연결 필요 ..
Tech/HTML
웹 이해해보기
웹 페이지 웹 페이지는 HTML, CSS, Javascript 세가지 언어로 구성되어 있다. HTML 을 구조 CSS 은 시각 Javascript 는 기능을 담당한다. 브라우저 웹 페이지를 그려주는 도구 크롬, 사파리 등이 있다. 공통적으로 HTML, CSS, Javascript 만을 인식할 수 있다. HTML HyperTextMarkupLanguage 본질은 사용자 간의 소통을 위해 정해진 약속이다. 웹 페이지에 문서를 작성하는데 정해진 약속 태그를 통해 웹 페이지에 보여질 내용을 나타낸다. 태그 태그란? 하나의 약속된 명령어이며, 고유한 기능을 가지고 있다. + 내용 + 로 구성된 한줄을 HTML Element (요소) 라고 부른다. 안에 들어간 문법에 따라 고유의 기능을 가지고 있다. 꾸며주는 태그..
