CSS(Cascading Style Sheets) 선택자는 특정한 HTML 태그를 선택할 때 사용하는 기능이다. 선택자를 사용해서 특정한 HTML 태그를 선택하면 해당 태그에 원하는 스타일 또는 기능을 적용할 수 있다. 선택자 종류 선택자 형태 전체 선택자 * 태그 선택자 태그 아이디 선택자 #아이디 클래스 선택자 .클래스 후손 선택자 선택자 선택자 자손 선택자 선택자>선택자 속성 선택자 선택자[속성=값] 선택자[속성~=값] 선택자[속성|값] 선택자[속성^=값] 선택자[속성$=값] 선택자[속성*=값] 동위 선택자 선택자 + 선택자 구조 선택자 선택자 ~ 선택자 선택자:first-child 선택자:last-child 선택자:nth-child(수열) 선택자:nth-last-child(수열) 선택자:first..
이공계전문기술연수
textarea 태그 여러 줄의 글자를 입력할 때 사용하는 태그이다. 속성 이름 설명 cols 태그의 너비를 지정함 rows 태그의 높이를 지정함 select 태그 여러 개의 목록에서 몇 가지를 선택할 수 있는 입력 양식 요소이다. 태그 이름 설명 select 선택 양식을 생성 optgroup 옵션을 그룹화함 option 옵션을 생성 fieldset 태그 / legend 태그 입력 양식을 설명할 때 사용한다. legend태그는 fieldset태그 내부에서만 사용할 수 있다. 공간 분할 태그 div 태그와 span 태그 태그 이름 설명 div block 형식으로 공간을 분할 span inline 형식으로 공간을 분할 block 형식의 태그와 inline 형식의 태그 block 형식 태그 inline 형식 ..
입력 양식이란 사용자에게 입력받는 공간을 의미한다. 입력 양식은 form 태그를 사용해 생성한다. 속성 이름 설명 action 입력 데이터의 전달 위치를 지정 method 입력 데이터의 전달 방식을 선택 form태그에 지정된 action 속성의 장소로 method 속성에 적힌 방식으로 전달이 된다. method 속성에서 자주 사용되는 것은 get과 post이다. get 방식은 주소에 데이터를 입력해서 보내는 방식을 말하고 post는 get방식과 달리 비밀스럽게 데이터를 전달하는 방식이다. 예를 들어서 회원가입을 할 때 아이디를 입력하고, 비밀번호를 입력하는 것은 비밀스럽게 해야 하므로 post 방식을 사용한다고 생각하면 된다. input 태그 사용자에게 정보를 입력받는 기능을 수행하는 태그를 말한다. 속..
1. 이미지 태그 속성 이름 설명 src 이미지의 경로 지정 alt 이미지가 없을 때 나오는 글자 지정 width 이미니의 너비 지정 height 이미지의 높이 지정 2. 오디오 태그 속성 이름 설명 src 음악 파일의 경로 지정 preload 음악을 재생하기 전에 모두 불러올지 지정 autoplay 음악을 자동 재생할지 지정 loop 음악을 반복할지 지정 controls 음악 재생 도구를 출력할지 지정 3. 비디오 태그 속성 이름 설명 src 비디오 파일의 경로 지정 poster 비디오 준비 중일 때의 이미지 파일 경로 지정 preload 비디오를 재생하기 전에 모두 불러올지 지정 autoplay 비디오를 자동 재생 할지 지정 loop 비디오를 반복할지 지정 controls 비디오 재생 도구를 출력할지..
테이블 태그는 HTML 페이지에서 표를 만들 때 사용하는 태그이다. 태그 이름 설명 tr 표 내부의 행 태그 th 행 내부의 제목 셀 태그 td 행 내부의 일반 셀 태그 tr 태그는 table row th 태그는 table header td 태그는 table data 테이블 태그 속성 속성 이름 설명 border 표의 테두리 두께를 지정 속성이름 설명 rowspan 셀의 높이 colspan 셀의 너비 1) tableExam1 테이블이름 컬럼1 컬럼2 컬럼3 1행1열 1행2열 1행3열 2행1열 2행2열 2행3열 웹 브라우져 종류 브라우저명 브라우저명 브라우저명 크롬 google http://www.google.com 익스플로러 MS http://www.microsoft.com 사파리 apple http:/..
태그(Tag) , 요소(Element) , 속성(Atribute)이라는 용어를 알아야 한다. 태그는 객체를 만들 때 사용하는 것이다. 그리고 태그를 사용해 만들어진 객체를 요소라고 부른다. 안녕 안녕 안녕 안녕 안녕 안녕 안녕 나는 p태그야 안녕 하세요 저는 ㅇㅇㅇ입니다. 안녕하세요 저는 ㅇㅇㅇ 입니다. 안녕하세요 저는 ㅇㅇㅇ 입니다 안녕하세요 안녕하세요 저는 ㅇㅇㅇ 입니다. 안녕하세요 저는 ㅇㅇㅇ 입니다. 안녕하세요 저는 ㅇㅇㅇ 입니다. 여기서 (시작태그) (끝 태그) 속성은 태그에 추가 정보를 부여 할때 사용한다. html css javascript jQuery 에서 id (속성이름) menu (속성 값)을 의미한다. 주석은 이렇게 사용한다. 1. head 태그 내부에 넣을 수 있는 태그 태그 이름 ..
웹의 역사 웹의 역사에 대해 간단하게 알아보면, 월드 와이드 웹(World Wide Web , WWW) 이란 인터넷에 연결된 컴퓨터를 통해 사람들이 정보를 공유할 수 있는 공간을 말한다. 1991년에 처음등장을 했고, 한국에서는 1982년 구미 한국전자기술연구소와 서울대학교 컴퓨터 공학과를 연결한 것이 처음의 역사이다. 2019년 기준으로 39년이 되었다. 미국의 ARPA(Advanced Research Projects Agency)에서 1969년에 ARPANET을 개발한다. ARPANET은 전쟁의 핵과 같은 공격에 대비하여 데이터를 안전하게 보관 및 전송 할 수 있는 시스템이다. 초기에 ARPNET은 미국 국방성과 대학교를 연결했고, 시간이 지나면서 ARPANET은 민간 연구용과 군사용 MILNET으로..
@INDEX -> SQL 명령문의 처리 속도를 향상시키기 위해서 칼럼에 대해 생성하는 오라클 객체 @INDEX 의 장점 -> 검색속도가 빨라지고, 시스템에 걸리는 부하가 줄어들어 전체 성능 향상 @INDEX 의 단점 -> 인덱스를 위한 추가 저장공간이 필요하고, 인덱스 생성시 시간이 걸림 -> 기존데이터에 대해 알고리즘을 이용하여 INDEX를 생성하였는데 데이터가 변화되면 다시 새롭게 알고리즘 적용하여 INDEX를 생성해야함. (데이터가 변하지 않을때 사용하면 좋음) -> 데이터변경작업(INSERT , UPDATE, DELETE) 이 자주 일어나는 테이블에 INDEX를 생성하면 오히려 성능저하가 발생 할 수 있다. @효율적인 INDEX 사용 예 -> 전체 데이터 중 10 ~ 15% 이내의 데이터를 조회할..
