JavaScript

    [JQuery] JQuery 기본문법

    직접 선택자 종류 사용법 설명 전체 선택자 $("*") 모든 요소를 선택 아이디 선택자 $("#아이디 명") id 속성에 지정한 값을 가진 요소를 선택 클래스 선택자 $(".클래스 명") 클래스 속성에 지정한 값을 가진 요소를 선택 요소명 선택자 $("요소명") 지정한 요소명과 일치하는 요소들만 선택 그룹 선택자 $("선택1, 선택2, 선택3 ... 선택n") 선택1, 선택2 .... 선택n에 지정된 요소들을 한번에 선택 인접 관계 선택자 종류 사용법 설명 부모 요소 선택자 $("요소 선택").parent() 선택한 요소의 부모 요소를 선택 상위 요소 선택자 $("요소 선택").parents() 선택한 요소의 상위 요소를 모두 선택 하위 요소 선택자 $("요소 선택 하위 요소") 선택한 요소에 지정한 하..

    [코드 구문 강조] highlight.js를 활용하여 Code구문 강조하기

    highlight.js 활용방법 개요 많은 개발자들이 웹사이트에 글을 작성할때 코드 부분을 실제 에디터에서 보이는 것 처럼 강조하기 위한 방법으로 highlight.js을 사용합니다. highlight.js의 2가지 적용 방법 웹 검색을 해보시면, highlight.js를 간단히 적용하는 방법은 2가지로, 많이 나와있습니다. CDN js를 적용하는 방법과 직접 다운로드하여 업로드하는 방법이 있습니다. 1. CDN js를 이용하는 방법 CDNjs 2줄의 코드를 넣으면 초기 설정이 완료되는 간단한 방법입니다. 장점: 업로드 없이 간편하게 구축이 가능하다는 점 단점: 자주 쓰이는 22개의 언어만 강조되는데, 추가 언어를 적용하기 위해서는 직접 다운로드하여야 함. 온라인에선 상관없겠지만, 오프라인 환경에서는 적..

    Javascript 실습 필기 반복문 Loop & 배열 Array

    배열에서 각각의 항목들을 원소(element)라 부른다 var coworkers = ['egoing','leezche','duru','mika','graphittie'] Coworkers라는 배열에 잇는 원소들을 하나씩 불러와 나열한다 -i라는 변수에 0이란 값을 넣어준다 -i의 값이 4보다 작을때 true -Loop 돌때마다 i값에 1씩 플러스 해준다 coworkers[i]+ 배열에서 데이터를 가져올땐 대괄호[]를 쓴다, 대괄호[] 안에는 가져오고자하는 데이터의 인덱스 값[i]을 넣는다 데이터가 바뀐다구 로직이 바껴선 안된다 length를 이용하여 배열안에 잇는 원소의 개수를 불러온다 리스트에 링크 삽입 var i = 0; while(i < coworkers.length){ document.write(..

    Javascript 실습 필기

    Javascript 자료: 손쉬운 사용: 주석처리 : Ctrl+? Javascript 체험기 내용 바꾸기 안녕하세요 올떄메로나 document웹문서 .의 get:가져오다 Element:요소 ById:id에 의해서 innerHTML:내부 HTML , 내부 요소 = : 대입 웹문서 ID=hello인 HTML요소 가져와 내부 글자 안녕으로 바꿔줘. JavaScript 추천 검색어 document: 웹페이지 태그 삭제 혹은 자식태그 추가 DOM:document객체에서 찾을수 없다면 DOM으로 수색범위 넓혀 보세요 document객체는 DOM객체의 일부 window객체:웹페이지가 아니라 웹브라우저 자체를 제어해야할때"현재 열려잇는 웹주소가 뭔지 알아내야 될수 잇고 생창을 열어야 한수도잇고 웹브라우저의 크기를 자바..