전체 글
-
웹개발10 - 자바스크립트 개요, 문법카테고리 없음 2019. 6. 18. 17:43
2019. 06. 18 필기 자바스크립트(Java Script)란? : 클라이언트 및 인터넷 응용 프로그램 개발을 위한 객체지향 스크립팅 언어 --- 스크립팅 언어 : 인터프리터에 의해 실행 >> 즉, '컴파일을 하지 않아도 된다'는 뜻 --- 단순하고 작은 프로그램 개발에 적합 ** '자바 스크립트'라는 이름 때문에 자바계열 언어라고 생각할 수도 있지만, 사실 문법이 비슷한 것 빼고는 서로 완전히 다른 언어라고 봐도 무방하다고 한다. 자바라는 이름이 붙은 이유는 당시 핫한 언어가 자바였기 때문에 인기편승;을 위해 그랬다는 썰이 있다. 자바 VS 자바스크립트 차이점 자바 JAVA 자바스크립트 JAVA SCRIPT 객체지향 --- 클래스 기반의 언어 객체지향 언어 --- 클래스 개념이 없음 변수 자료형을 ..
-
[CSS-02]박스모델, 테이블 box model, table비전공자 공부일기/:: WEB & Front-End 2019. 6. 18. 13:42
2019. 06. 17 필기 박스모델(Box Model) 이란? : 이미지 또는 텍스트 출력을 위한 사각형 모양의 영역 margin : 박스모델과 박스모델 사이 간격 >> px(고정) %(유동) margin: 00px >> top&&bottom&right&left margin: 00px 00px; >> top&bottom right&left margin: 00px 00px 00px 00px; >> top right bottom left >>>> 구역의 네 변 중에서 하나의 마진만 조정하고 싶으면 margin-bottom: 00px; 과 같은 형식으로 선언 border : 박스모델의 외곽선 border-width : 외곽선 굵기 설정 --- px 키워드(thin, medium,..
-
[CSS-01] background 설정비전공자 공부일기/:: WEB & Front-End 2019. 6. 17. 15:02
2019. 06. 18 필기 background : 배경 관련 모든 스타일 속성값 사용 가능 background-color: colorname; : 배경색을 설정하는 속성 background-image : url(""); : 배경화면 이미지 설정 --- => 이미지파일 크기가 박스모델보다 작은 경우 가로와 세로 방향으로 반복출력 --- => 이미지파일 크기가 박스모델보다 큰 경우엔 이미지가 잘려서 출력됨 background-size: 설정값; : 배경화면 이미지 사이즈 설정 ----- auto(기본) : 이미지를 그대로 출력 ----- contain : 이미지 폭과 높이 중 작은 곳을 100%로 변경하여 출력 - 비율 유지(남는 곳은 여백) ----- cover : 이미지 폭과 높이 중 큰 곳을 100%..
-
[웹개발 기초] 여러가지 선택자와 속성들비전공자 공부일기/:: WEB & Front-End 2019. 6. 14. 18:10
2019. 06. 14 필기 ● 선택자(selector) 전체 선택자 : 모든 엘리먼트 선택 - 비권장 태그 선택자 : 엘리멘트이름(태그이름)을 이용하여 엘리먼트 선택 클래스 선택자 : 엘리먼트에 부여된 클래스값을 이용하여 엘리먼트 선택 => 엘리먼트의 클래스값 앞에 .을 붙여 사용 => 다수의 엘리먼트에 스타일 적용 아이디 선택자 : 엘리먼트에 부여된 고유값을 이용하여 엘리먼트 선택 => 엘리먼트의 고유값 앞에 #을 붙여 사용 => 하나의 엘리먼트에 스타일 적용 그룹 선택자 : 선택자를 ,로 여러개 나열 선언하여 엘리먼트를 선택 후손 선택자 : 부모 엘리먼트에 존재하는 모든 하위 엘리먼트 선택 형식) 부모선택자 후손선택자 자식 선택자 : 부모 엘리먼트에 존재하는 모든 자식 엘리먼트 선택 형식) 부모선택..
-
[HTML-03] 여러가지 중요 태그들2비전공자 공부일기/:: WEB & Front-End 2019. 6. 13. 15:42
2019. 06. 13 필기 ● FORM 태그 : 값을 액션페이지(서블릿orJSP로 만듦)로 전달하는 기능 제공 ○ 값을 다른 문서로 전달하는 방법 1. URL 주소에 QueryString 이용 2. Form 태그 이용 --- ajax 를 사용하지 않는다면 form태그를 통해서만 값 전달 가능 * action 속성 : 값을 전달할 페이지의 URL 주소를 속성값으로 설정 - 생략된다면 현재 페이지에서 값 전달 * method 속성 : 값을 전달하는 방식(요청방식) => 하위태그 : input, select, textarea 등 값 입력 기능의 태그가 반드시 존재 => input, select, tectarea 등 값 전달(submit) 기능의 태그가 반드시 존재 => input, button 등 ○ 클라이..