븐틴이의 창작Library

pdf 파일 정독정독정독 하기 문서 객체 모델과 jQuery 같이 공부 문서 객체 모델(DOM) (자바스크립트 자체가 어떤 애들이 어떤구조로 가지고있는가를 파악하기 쉽도록~ ) ? 태그가 정상적으로 작동하려면 속성이 필요함 document.getElementByld(아이디)에서는 #를 붙이지 않는다. "div" 맨 첫번째꺼만 적용 (#id, .class, tagN) 제한적 changed로 변경 가능 배열로 가능 ~All 전부다 선택 textContent와 innerHTML의 차이점 주소변경가능 새 창 열기 문서 객체 조작 중 jQuery 라이브러리 사용 일반 문서객체모델에서는 _이 에러를 먹는다 그래서 backgroundColor 이렇게 그런데 jQurey는 노상관 (여기서 선택자는 다 써줘도 된다고 함..

ps. 예제 스크린샷을 올리는 용도입니다. 익명함수 funtion () {}; 선언적 함수 function 함수 () { }; 메모리공간 확보(형식 저장) var f1 = function(){...}; f1(); 변수는 바뀔 가능성이 있음 대신 지금은 일단 f1이라는 함수를 선언하고 나중에 바꿀수 있게~... 자주 쓰이지 않는 함수는 이름을 X (function () {} ) () ; (function (param) { } ) (45); (function (param) { } (45) ); 바로 실행하지 않으면 변수에 넣어줘야함 +함수) -> 변수접근 +함수(); -> 함수접근 ! 실행 우선순위 참고하기 // 입력 출력 변수취급 변수와 함수의 우선순위 -> 메모리안에 저장된 것이 어떻게 바뀌는지 생각하기..

문장 마지막에 ; 세미콜론 찍어 종결 여러가지 키워드가 존재(pdf 파일 참조) -> 변수나 함수이름으로 하면 안됨 숫자로 시작X, 공백입력X, 특수문자는 _과 $만 허용 생성자 함수의 이름은 항상 대문자로 시작 변수, 인스턴스, 함수, 메소드의 이름은 항상 소문자로 시작 여러 단어로 된 식별자는 각 단어의 첫 글자를 대문자로 함 alert(); / ('i'+i) console.log(); / ('i',i) 형변환 우리 맘대로 X typeof -number, string, boolen number -> string : string(num); string -> number : number(str); parseInt(str,radix) 2 -> 36 parseFloot(str ) -> 응용하기 m = par..

display 속성, 배경 속성, 글자 속성, 위치 속성, float 속성, 그림자 속성, 그레이디언트 등 많음. 수업시간에 했던 코드 위주로 첨부, 자세한 복습 공부는 pdf 파일 참고하기! display 속성 display : ~ ; 로 사용 none : 태그를 화면에서 감추기 block : 태그를 블록 형식으로 지정 inline : 태그를 인라인 형식으로 지정 inline-block : 태그를 인라인-블록 형식으로 지정 블럭은 자동으로 줄바꿈이 됨 패딩이나 마진 지정하면서 예제 공부하기 수업시간 예제로 만듦 글자 속성 font style / italic 기울임 상황에따라서 글꼴이 흘림체로 변해서 기울어짐. obligue 기울어짐 경사 . 글자가 있었는데 글자의 형태를 유지하면서 기울어짐 normal..

글자 모양 태그만 사용하면 인라인 형식이 됨. 오디오도 같은데 이거 하기전에 컨트롤스나 포스터 넣어도됨. 테이블 태그와 CSS3 후손 선택자 사용 시. 자손 선택자 thead 사용 웹브라우저에서 자동적으로 티바디를 하므로 자손선택자를 사용하지 않는 것이 좋아보임 부정 선택자 응용 클래스는 . 아이디 태그와 자손선택자 아이디태그와 후손선택자 ,와의 관계 CSS 우선순위 1. 뒤에 나오는 CSS 2. 속성 값 뒤에 !important를 붙인 속성 3. html에서 style을 직접 지정한 속성 4. 아이디 선택자로 지정한 속성 5. 클래스 선택자로 지정한 속성 6. 태그 선택자로 지정한 속성 7. 우선순위가 같다면 속성 개수가 많은 CSS 동일한 속성이 아닐 경우, 먼저 정의된 속성은 유지됨. ///

동위 선택자 : 선택자 + 선택자 (얘만 찾을거야!) (동일한 레벨/같은 선상) 선택자 ~ 선택자 (전부다~~) 링크선택자 : 앞에 누군가가 붙어야 사용 가능. (a 태그) :link { } :visited {} 방문하고 나면. 동위 선상의 p 한개 링크 색 바꾸기 방문한 링크 색 바꾸기 부정 선택자 선택자:not(선택자) 아이디태그나 클래스태그가능 문자 선택자 ::first-letter 첫번째 글자 ::first-line 첫번째 줄(화면기준) ::after ::before ::selection 드래그 content : " " ; 필수! CSS3속성 단위 width : 100px, %, 1.8em(배율) color : red / #000000 / rgb(0,0,0) / rgba(0,0,0,1.0) 불투명..

CSS3 선택자 : 특정한 HTML 태그를 선택할 때 사용. 기본선택자 (다른 것들을 이용해서 다른 애들을 꾸며라 / 중복사용가능) - 전체 선택자 * (제일 우선순위 낮음) - 태그 선택자 - 아이디 선택자 - 클래스 선택자 예제중심 시자ㅏ아악 선택자 중복활용 속성 선택자 값 = 거의 문자열 포함을 의미하는 속성 선택자 1. 선택자[속성~=값] 분리가 되어있어야함 "t t1" 2. 선택자[속성*=값] 포함 id = "t2t"일지라도 시작과 끝을 의미하는 속성 선택자 3. 선택자[속성 |= 값] 시작) 단어 사이가 - 연결이 되어~ 4. 선택자[속성 ^= 값] 시작) 처음이 t1 (공백X) 5. 선택자[속성$=값] 끝) t1으로 끝나면 ~파일 확장자 할 때 잘 사용 후손 선택자와 자손 선택자 (div 밑..

HTML5 멀티미디어 태그(비디오&오디오) MIDI : 작곡가, 악기소리 RealAudio : 압축률 굿 (압축잘함) - 음질이 떨어짐 / 추가적인 플러그인 설치 필요 WMA : 오디오형 포맷, 플러그인 상 제공, 압축률 ㄱㅊ AAC : 아이폰, 아이튠즈 / 음질, 압축률 다 좋 WAV : 비압축 파일, 용량 큼 그 외. Ogg, MP3, MP4 wav -> 웹에서는 음악이 쓰이기 어렵대(용량이 큼) -> RealAudio, WMA, AAC WAV + MP3 = 기본으로 웹브라우저 지원 용량 큼 + 음질 떨 = 다른 포맷 사용하자! -> MP4, Ogg (고음질) -> 웹 브라우저마다 지원하는 오디오 형식이 다름 그래서 오디오형식을 고려해서 웹페이지를 만들어야함. src = " " 필요 / 음악 파일의 ..

안녕하세요. 바쁜 나날들입니다. 오늘은 마저 기본태그를 정리하고, 다음부터는 수업 복습 위주로 나가보려고 합니다. 오예 이미지 태그 의 형식 풀어서 쓰면 img 태그 속성 - src : 이미지의 경로 지정 - alt : 이미지가 없을 때 나오는 글자 지정 - width : 이미지의 너비 지정 - height : 이미지의 높이 지정 왼쪽이 alt를 사용하고 사진파일이 누락or 인터넷연결 문제로 안나올경우 나타내는 문장 오른쪽은 정상적인 이미지 - src 속성에는 웹에 있는 이미지의 경로를 넣어도 됨. 공간분할 태그 공간 분할하는 이유 : CSS로 원하는 레이아웃을 구성하기 위해 -> 전체에 스타일X 레이아웃을 분할함으로써 자신이 원하는 곳에~ div : 대표적인 분할 태그 / 블록 형식으로 공간 분할 / ..

HTML(5)를 이용해서 공부중입니다. 원래 웹프로그래밍 및 실습으로 복습한 걸 올리려고 했는데, 이미 시간이 많이 지나서... 눙물.. 일단 조금씩, 올려보겠습니다. // 절대경로 : 나하고 상관없이 누군가가 만들어놓은 웹페이지 상대경로 : 내가 만든 웹페이지가 여러 개일 경우 -> 게시판같은 개념으로 내 안에 들어있는 다른 페이지 아이디 경로 : 좀 더 범위가 축소 / 내 문서 안에 있는 다른 위치 글자태그 h1~6 글자 크기순(내림차순) h는 heading를 의미 p는 본문 글자 생성 줄 바꾸기 수평 줄 삽입 - 하이퍼링크 태그 a태그 : 다른 웹 페이지나 웹 페이지 내부의 특정 위치로 이동 출력 글자 아이디 태그 예시 어쩌구한 부분 어쩌구 글자모양태그(ex. b, i, small, del 등)는 ..