![]()
개요 현장실습을 하는 도중 아래와 같이 날짜 범위를 지정하는 input 창을 만들어야 했다. 어떻게 구현을 해야 할지 고민을 많이 했고 두 가지 정도의 아이디어를 떠올렸다. date 타입 input 태그 2개를 사용하기 → 디자인 요구 사항을 만족하기 매우 어렵다. text 타입 input 태그 사용하기 → 구현 자체는 어렵지 않으나, 백으로 데이터를 전송하고 처리하는 과정이 귀찮고 난잡할 것으로 판단. 사실 담당 멘토님도 2번째 방법을 추천했었지만, 코드가 난잡해질 것이 너무 눈에 보여서 다른 방법을 고민했다. 그러다가 찾게된 유용한 라이브러리, Date Range Picker를 사용하면 손쉽게 해결할 수 있을 것 같았다. 라이선스도 확인하니 충분히 사내에 활용할 수 있다. (깨알 정보, 멘토님이 라이..
regular expression of email 이메일 검증을 할 때 다음과 같은 정규표현식을 이용하여 검증한다. var mailformat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/; 해당 구문의 의미는 다음과 같다. The two forward-slashes /.../ contains a regexe. The leading ^ and trailing $ match the beginning and the ending of the input string, respectively. That is, the entire input string shall match with this regexe, instead of a part of the input string..
![]()
CSS3 기본 사용법 주석 html 파일에서는 으로 주석을 나타내었지만, css 파일에서는 /* */으로 나타낸다. css에서는 을 무시한다. 외부 스타일시트 연결 CSS의 다양한 선택자 태그 선택자 HTML 페이지의 코드 중에서 해당 태그와 일치하는 부분에 지정된 스타일이 적용된다. 콤마로 구분하여 여러 태그에 똑같은 속성을 지정할 수 있다. p { background: yellow; } h1, h2 { text-align: center; } 전체 선택자 페이지 안의 모든 요소를 선택할 때 사용된다. * { color: white; background: blue; } 아이디 선택자 문서의 가독성을 위해 특정 부분에 id 속성을 부여하여, 특정한 id 속성을 가지고 있는 태그를 선택할 때 사용된다. id..
![]()
HTML5 소개 HTML은 마크업 언어의 한 종류이다. 현재 HTML의 표준으로 구성되며, 여러 가지 추가적인 기능과 더불어 특히 웹, 모바일, 태블릿 PC 등 반응형 페이지를 제작할 수 있다. 기본 구조 문서 시작할 때 을 표시함으로써 HTML5 문서 형식임을 선언 metadata : 문서 정보에 대한 정보를 의미 charset : 문자가 깨지지 않으려면 서버에서 처리할 때의 charset과 렌더링 할 때 charset이 일치해야 한다. 주요 태그 헷갈리는 태그 : 단락 태그. 자동으로 단락의 앞뒤로 여백이 추가된다. : 단락 내에서 줄 바꿈 태그. 종료 태그가 없는 단독 태그로 사용된다. : 입력하는 그대로 화면에 보이게 할 때 사용하는 태그. 권장하지는 않음 : 수평선 긋는 태그. 속성으로는 siz..
웹의 개요 인터넷과 웹 인터넷: 컴퓨터로 연결하여 TCP/IP 통신 프로토콜을 이용하여 정보를 주고받는 컴퓨터 네트워크 웹: 인터넷 상에서 동작하는 하나의 서비스 URL 이름의 구성: 프로토콜, 호스트 이름, 포트번호, 경로 및 파일 HTTP HyperText Transfer Protocol 웹 서버와 웹 클라이언트 사이의 소통을 정의하는 표준 프로토콜 (요청/응답 프로토콜) HTML HperText Markup Language 본문을 위한 구조적 의미, 구조적 문서를 만들 수 있는 방법 제공 이미지와 객체를 내장하고 대화형 양식(form)을 생성하는 데 사용 Markup? 파일이 어떻게 출력될지를 나타내거나 논리적인 구조를 묘사하기 위해서 삽입되는 일련의 문자들이나 기호 웹 어플리케이션의 구조 웹 어플..
