@배열 -> 다양한 타입의 데이터를 보관하는 변수의 모음 Java의 배열 int [] arr =[1,2,3,4,5]; String [] arr1 = ["abc", "Hello", "test"]; JavaScript 배열 var arr = [1,2, "Hi", [1,2,3]] @배열의 선언 ->비어있는 배열 선언하는 법 var arr =[ ]; var arr = new Array( ); var arr = new Array(5); (크기를 지정해주고 싶을 때) @배열의 값 대입 ->var arr = new Array(); arr [0]=1; arr [3]=10; @Array 객체 함수 indexOf("값") :배열에서 해당 값이 위치하는 인덱스를 리턴(없는 값 -1) concat(배 열명) :배열을 결합할 ..
이공계전문기술연수
@JQuery -> 존 레식에 의해 만들어진 JavaScript 프레임워크 -> 기본의 JavaScript를 사용하는 방법보다 훨씬 단순하고 간결한 코드 형태를 제공 #JQuery 가장 큰 특징 1. DOM과 관련된 처리를 쉽게 구현 가능 2. 일관된 이벤트 연결을 쉽게 구현 3. 시각적 효과를 쉽게 구현 가능 4. Ajax 애플리케이션을 쉽게 개발 가능 @jQuery 사용법 1.CDN방식 : 온라인으로 js파일을 불러와서 실행 2. 파일 다운로드 후 연결 https://code.jquery.com innerHTML -> html() -> html('aaaa'); value -> val() -> val('aaa'); @선택자 @@기본선택자 $('선택자') 1. 전체 선택자 -> *$("*") 2. Ele..
반응형 웹 -> 사용자의 화면에 따라서 화면이 다르게 표현되는 웹 가로길이 -> 1200 1280px -> pc브라우저 기준 과거에는 데스크탑 웹브라우저 기준으로 페이즈를 제작해도 문제가 없었음 스마트폰, 태블릿, SMART TV 등 다양한 기기로 페이지를 접속 반응형 웹의 장점 1. 사이트를 하나 만들면 접속하는 기기와 상관없이 모두 사용 가능 www.naver.com m.naver.com 2. 스마트폰 가로모드에 맞춰 레이아웃 변경 가능 3. 사이트 유지 관리 용이 -> HTML , CSS 를 사용하기 때문에 서버 쪽 코드가 없어서 유지관리가 쉬움 -> CSS3기술을 사용하는 경우 하위 버전브라우저에서는 지원이 안됨 @미디어 쿼리 -> 홈페이지 사용자의 브라우저 크기를 측정하여 크기변화가 발생한 경우..
2019/09/19 - [HTML | CSS] - 9. CSS 스타일 속성 기본(1)(크기, 색상, 가시, 박스, 테두리) 9. CSS 스타일 속성 기본(1)(크기, 색상, 가시, 박스, 테두리) 1. 크기 단위 단위 설명 % 백분율 em 배수 px 픽셀 2. 색상 단위 단위 설명 #000000 HEX 코드 rgb(red,green,blue) RGB 색상 rgba(red,green,blue,alpha) RGBA 색상 hsl(hue,saturation,lightness) HSL 색상 hsla(.. jiaaan90.tistory.com 2019/09/19 - [HTML | CSS] - 10. CSS 스타일 속성 기본(2)(폰트, 위치, float, clear:both, 그림자, 그라디언트) 10. CSS 스..
2019/09/19 - [HTML | CSS] - 9. CSS 스타일 속성 기본(1)(크기, 색상, 가시, 박스, 테두리) 9. CSS 스타일 속성 기본(1)(크기, 색상, 가시, 박스, 테두리) 1. 크기 단위 단위 설명 % 백분율 em 배수 px 픽셀 2. 색상 단위 단위 설명 #000000 HEX 코드 rgb(red,green,blue) RGB 색상 rgba(red,green,blue,alpha) RGBA 색상 hsl(hue,saturation,lightness) HSL 색상 hsla(.. jiaaan90.tistory.com 2019/09/19 - [HTML | CSS] - 10. CSS 스타일 속성 기본(2)(폰트, 위치, float, clear:both, 그림자, 그라디언트) 10. CSS 스..
2019/09/19 - [HTML | CSS] - 9. CSS 스타일 속성 기본(1)(크기, 색상, 가시, 박스, 테두리) 9. CSS 스타일 속성 기본(1)(크기, 색상, 가시, 박스, 테두리) 1. 크기 단위 단위 설명 % 백분율 em 배수 px 픽셀 2. 색상 단위 단위 설명 #000000 HEX 코드 rgb(red,green,blue) RGB 색상 rgba(red,green,blue,alpha) RGBA 색상 hsl(hue,saturation,lightness) HSL 색상 hsla(.. jiaaan90.tistory.com 2019/09/19 - [HTML | CSS] - 10. CSS 스타일 속성 기본(2)(폰트, 위치, float, clear:both, 그림자, 그라디언트) 10. CSS 스..
1. 폰트 속성 글자의 크기를 지정하는 스타일 속성이다. 크기 단위 등을 사용한다. font-size:30px; font-size:3em; font-size:large; font-size:small; font-family 속성 폰트를 지정하는 스타일 속성이다. font-style 속성과 font-weight 속성 폰트의 기울기 또는 두께를 조정하는 스타일 속성이다. font-size : 3em; font-style : italic; font-weight : bold; line-height 속성 line-height 속성은 글자의 높이를 지정한다. HTML에서는 글자를 수직 중앙 정렬할 때 많이 사용한다. text-decoration 속성 a 태그에 href 속성을 사용하면 밑줄이 생기고 파란색으로 변경이..
1. 크기 단위 단위 설명 % 백분율 em 배수 px 픽셀 2. 색상 단위 단위 설명 #000000 HEX 코드 rgb(red,green,blue) RGB 색상 rgba(red,green,blue,alpha) RGBA 색상 hsl(hue,saturation,lightness) HSL 색상 hsla(hue,saturation,lightness,alpha) HSLA 색상 3. 가시 속성 태그가 화면에 보이는 방식을 지정하는 속성을 말한다. display 속성 키워드 설명 none 태그를 화면에서 보이지 않게 만듬 block 태그를 block 형식으로 지정 inline 태그를 inline 형식으로 지정 inline-block 태그를 inline-block 형식으로 지정 visibility 속성 키워드 설명 v..
