CSS에서 색을 표현하는 방법들에 대해 알아보겠습니다.    색을 표현하는 방법?1. 색 이름Ex. black, red, blue, ...  2. RGB값RGB는 색상을 측정하는 보다 정확한 방법이다. 모든 색상을 빨강(R), 초록(G). 파랑(B)의 조합을 사용해서 만든다. RGB의 특징?RGB 숫자의 값은 0부터 255따지 표현할 수 있다. (0~255)Ex. rgb(0, 150, 255)Ex. rgb(0, 0, 0) => 검은색 Ex. rgb(255, 255, 255) => 흰  3. Hex값RGB를 작성하는 또 다른 방법 Ex. #0096FF Hax값의 특징?Hax의 모든 각 문자는 16진수로 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F (16개의 가능한 값..

코드 리뷰 시간을 가지다가 태그를 중첩으로 여러개 쓰는 게 좋지 않은 코드라는 말을 들었다.그래서 언제 태그를 써야 옳바른지, 태그를 중첩으로 쓰지 않으려면 어떻게 해야하는지 알아봤다.    태그란 무엇일까? 태그는 Division의 약자로 body 문서 안에서 각 영역의 세션을 구분, 정의 한다.=> 구역을 나누는 태그. 가로줄 전체를 다 차지한다. 이 말은 너비(width)가 100%인 것과 같다. 좀 더 쉽게 얘기하자면 태그는 특정 콘텐츠를 그룹화하거나 레이아웃을 구성할 때 사용되는 기본 블록 요소로, 시맨틱적인 의미는 없다. 즉, 레이아웃(Layout) 구조 틀을 만들고 CSS를 통해 위치 및 레이어(Layer)를 구분하는 등 HTML 요소의 컨테이너 역할을 한다.      태그의 주요 특..

오늘은 자주 사용하는 CSS 기본 속성들에 대해 포스팅하려고 해요.  예시 코드는 내부 스타일 시트를 사용했습니다. 1. 백그라운드 색 지정- 색 이름: white, blue, black- rgb값: rgb(10. 150, 255)- Hax값: #FFFA00 2. 텍스트 색 지정- 색 이름: white, blue, black- rgb값: rgb(10. 150, 255)- Hax값: #FFFA00 3. 높이 지정- 픽셀 값: 50px- 퍼센티지: 100% 4. 너비 지정- 픽셀 값: 50px- 퍼센티지: 100% 5. border 제거 6. 모서리 둥글게 7. 요소 위로 마우스를 가져갈 때마우스 커서를 변경 8. 테두리 색상 설정 9 테두리 스타일 설정- dotted- dashed- solid 테두리 너비..

오늘은 CSS에 대해 알아보는 시간을 갖겠습니다.  CSS(Cascading Style Sheet)란 무엇인가?CSS는 사용자에게 문서를 표시하는 방법을 지정하는 언어이다. ex) 스타일, 레이아웃 등. - MDN웹 사이트에서 화면에 표시되는 정보들을 꾸며주는 역할 즉, html은 문장의 구조를 만들고 css는 문장을 브라우저에 어떻게 보여줄지 지정하는 언어 이렇게 하여 구조와 디자인이 분리되었습니다.   📝 CSS를 사용하는 방법은?1. HTML 안에서 Style 속성을 이용 (인라인 스타일)=> 태그 안에 스타일 속성을 주고 속성값을 넣어주는 방법   2. 태그를 통해 HTML 문서 내부에서 이용 (내부 스타일 시트)=> 태그 안에 태그를 넣어주고 타입으로 "text/css" 속성값을 주는 방..

23. 09. 21 # 주석 html 형식의 주석 JSP는 HTML과 함께 구성되므로 HTML 형식의 주석 사용 가능 (단, JSP 문법이 사용된 부분에는 사용 불가) JSP 주석 HTML과 JSP 문법 모든 부분에 사용할 수 있으며 웹 브라우저에서 소스 보기(ctrl + u)를 하면 주석이 보이지 않음 자바 주석 JSP 스크립트릿 영역 내에서 사용 /* */, //, /** */ # 지시어 지시어의 종류 page 지시어 : JSP 페이지에 대한 정보를 설정한다. taglib 지시어 : 표현 언어에서 사용할 자바 클래스나 JSTL을 선언한다. include 지시어 : 외부 파일을 현재 JSP 페이지에 포함시킨다. # page 지시어 page 지시어 현재 JSP 페이지를 컨테이너에서 처리하기 위한 각종 속..

23. 09. 18 지난 시간에 배웠던 정규표현식을 회원가입에 적용시켜보는 시간을 가져보려고 해요. 먼저 Open with Live Server로 회원가입 페이지가 어떻게 구성되어 있는지 웹 브라우저에서 확인해볼게요. 전체 html, js 코드는 블로그 맨 아래에서 확인하실 수 있습니다. 필수로 있어야 할 유효성 목록입니다. 유효성 검사를 통과하지 못해 false를 반환할 때, 입력칸 리셋 및 마우스 커서 이동 처리 비밀번호는 아이디와 일치할 수 없도록 할 것 집주소는 API를 이용하여 zip-code를 입력받도록 처리 주민등록번호는 주민등록번호 계산식을 통해 올바른 주민등록번호만 입력되도록 처리 주민등록번호를 올바르게 입력했을 경우 자동으로 생년월일 데이터가 삽입될 것 관심분야(체크박스)는 최소 한 개..