Front
-
CSS 배경Front/CSS 2021. 6. 2. 15:18
개인 공부 후 정리 목적의 글입니다. 배경을 지정하는 background 속성 background-color - 배경색을 지정 background-clip - 배경색의 적용 범위를 조절 border-box 박스 모델의 가장 외각인 테두리까지 적용, 기본값 padding-box 박스 모델에서 테두리를 뺀 패딩 범위까지 적용 content-box 박스 모델에서 내용(콘텐츠) 부분에만 적용 background-image: url('이미지 파일 경로') - 웹 요소에 배경 이미지를 넣는 속성 background-repeat - 배경 이미지의 반복 방법을 지정하는 속성 repeat 브라우저 화면에 가득 찰 때까지 가로,세로로 반복, 기본값 repeat-x 브라우저 화면 너비에 가득 찰 때까지 가로로 반복 repe..
-
JavaScript 연산자Front/JavaScript 2021. 6. 1. 16:52
개인 공부 후 정리 목적의 글입니다. 연산자 : 산술 연산자, 관계 연산자, 대입(할당) 연산자, 증감 연산자, 논리 연산자, 연결 연산자, 삼항(조건) 연산자 산술 연산자 - 사칙연산을 계산한다. 연산자 설명 + 더하기 - 빼기 * 곱하기 / 나누기 % 나머지 관계 연산자 - 두 데이터를 비교하는 연산자이다. 결과값은 true/false로 반환된다. 연산자 설 명 연산자 설 명 A > B A가 B보다 크다. A >= B A가 B보다 크거나 같다. A < B A가 B보다 작다. A 조건식 결과가 참이면 A를 수행하고 거짓이면 B를 수행한다. 연산자 보면 자바랑 거의 똑같은거같다!!
-
JavaScriptFront/JavaScript 2021. 5. 31. 15:39
개인 공부 후 정리 목적의 글입니다. JavaScript의 구현 3가지 1. 코어(ECMAScript) 프로그램 구현 언어(타입, 연산자, 선언문, 키워드, 예약어, 객체 등)로 2008년부터 주요 브라우저는 모두 ECMA-282를 준수한다. 2. 문서 객체 모델(DOM) DOM API를 이용하여 노드의 추가, 삭제, 수정이 가능하며 계속적으로 확장 지원한다. 3. 브라우저 객체 모델(BOM) 브라우저에 접근하고 조작할 수 있도록 지원한다. JavaScript 구현 방법 JavaScript 주요 문법 1. 대소문자를 구분한다. 2. 한 라인을 끝내려면 원칙적으로 세미콜론(;)으로 닫아준다. 그러나 Enter로 라인을 구분하기 때문에 생략이 가능하다. 하지만 한 줄에 2개 이상의 문장이 기술되면 세미콜론을..
-
CSS 레이아웃Front/CSS 2021. 5. 31. 11:03
개인공부 후 정리 목적의 글입니다. CSS 레이아웃 레이아웃 : 웹사이트에서 정보와 내용을 보기 좋게 한 화면에 영역을 나누고 디자인한 것 레이아웃의 종류 고정형 레이아웃 : 전체 페이지의 너비를 정하고 콘텐츠에 따라 단을 나누어 정렬하는 방식 유동형 레이아웃 : 어떤 해상도의 모니터라도 좌우 공백 없이 콘텐츠 영역이 모니터 화면을 다 채우도록 하는 방식 반응형 레이아웃 : 기기에 따라 사용자 화면에 맞게 레이아웃이 변하는 것 레이아웃 속성 overflow - 박스 모델 안의 내용이 박스의 범위를 초과할 때 어떤 형태로 출력할지를 결정한다. visible : 박스 범위를 초과하는 내용도 보여진다. scroll : 우측에 스크롤바를 이용하여 위, 아래로 이동하며 내용 확인 가능 hidden : 박스를 벗어..
-
CSSFront/CSS 2021. 5. 12. 10:25
개인 공부 후 정리 목적인 글입니다. CSS 작성 방법 ● 주석 방법 : /* ………… */ ● CSS 코드를 만드는 3가지의 방법 1. 내부 스타일 시트 : HTML 문서 안의 안에 CSS 코드를 추가 2. 외부 스타일 시트 : LINK를 이용하여 CSS파일을 불러오는 것, @import를 이용 3. HTML 태그의 style 속성에 CSS 코드를 추가하는 방법 ● CSS에서 사용하는 색상 표현 색상 단위 설명 사용 예 RGB red, green, blue의 조합 rgb(255,0,0), rgb(0,0,0) HEX 색상을 16진수로 표현 #fff, #000, #ffcc00 기본적인 CSS3 선택자 1. 전체 선택자 : *{속성: 값;} 2. 타입(태그) 선택자 : 태그명{속성: 값;} 3. 아이디(ID..
-
HTML 입력 양식Front/HTML 2021. 5. 11. 23:54
개인 공부 후 정리 목적인 글입니다. 폼 : form 생성, form의 요소가 여러 개일 경우 을 이용해서 묶어줄 수 있다. method : 전송 방식 선택 - get : 256 ~ 4096 byte까지 전송 가능하다. - post : 입력 내용의 길이에 제한이 없다. name : form을 식별하기 위한 이름 action : form을 전송할 서버 쪽의 script 파일을 지정 target : action에서 지정한 script 파일을 현재 창이 아닌 다른 위치에서 열리도록 지정 : form 요소들을 보기 쉽게 그룹으로 묶어줄 수도 있다. disabled : 의 자식 요소들을 사용할 수 없게 만든다. form : 현재 이 속해있는 의 이름을 표시한다. name : 서버로 넘겨줄 이름을 지정한다. : 으..