웹언어 (193) 썸네일형 리스트형 [JS강좌] 20강 DOM - 문서객체선택 - 오쌤의 니가스터디 ** 동영상으로 보고 싶은 분은 아래 주소를 클릭해주세요. https://youtu.be/dm5oqw1F8NQ 1. DOM(document object model)이란? - html문서의 모든 요소를 의미합니다. - 자바스크립트는 HTML DOM을 사용하여 모든 요소에 접근할 수 있습니다. 1) 자바스크립트가 할 수 있는 DOM의 동적기능 - 자바스크립트는 페이지의 모든 HTML를 변경할 수 있습니다. - 자바스크립트는 페이지의 모든 HTML태그 속성을 변경할 수 있습니다. - 자바스크립트는 페이지의 모든 CSS 스타일을 변경할 수 있습니다. - 자바스크립트는 기존 HTML 요소 및 속성을 제거할 수 있습니다. - 자바스크립트는 새로운 HTML요소 및 속성을 추가할 수 있습니다. - 자바스크립트는 모든 .. [JS강좌] 19강 BOM - screen - 오쌤의 니가스터디 ** 영상으로 보실분은 아래 주소를 클릭해주세요. https://youtu.be/Ii7oydkOWTg * 객체의 큰 부분 종류 설명 기본내장객체 기본적인 객체들로 보통 컴퓨터 언어들은 갖고 있는 객체 BOM(Browser Object Model) 브라우저오브젝트 모델, 브라우저 관련 객체 DOM(Document Object Model) 문서객체모델, 태그나 컨텐츠 등을 의미하는 객체 사용자정의객체 개발자가 직접적으로 생성하는 새로운 객체 * BOM객체 종류 설명 window 브라우저 창 객체, BOM의 최상위 객체 location 주소표시줄 객체 screen 운영체제 화면 객체 history 방문기록 객체 navigator 브라우저정보 객체 document 문서객체 - body태그부분을 의미 - BOM은.. [JS강좌] 18강 BOM - 모바일기기접속 확인 - 오쌤의 니가스터디 ** 영상으로 보실분은 아래 주소를 클릭해주세요. https://youtu.be/Ii7oydkOWTg 1. 현재 웹이 모바일기기에서 접속했는지 확인 - 지난 강좌에서 배웠던 BOM의 navigator객체를 통해 현재 웹이 모바일기기에서 접속했는지 확인해보도록 하겠습니다. ## 코드 예시 - 뷰포트메타태그는 모바일기기를 인식하기 위한 코드입니다. - [mobile_keys]변수에 모바일기기 이름들을 담아놨습니다. - [navigator.userAgent]는 사용자가 접속한 브라우저의 에이전트 정보입니다. 그 중에는 모바일기기면 이름이 들어 있습니다. - [match]는 String객체의 메서드로 문자열에 매개변수와 같은 값이 있으면 true를 반환합니다. ## 코드 결과 - 크롬은 모바일을 테스트해볼수 있.. [JS강좌] 17강 BOM - navigator객체 - 오쌤의 니가스터디 ** 영상으로 보실분은 아래 주소를 클릭해주세요. https://youtu.be/Ii7oydkOWTg * 객체의 큰 부분 종류 설명 기본내장객체 기본적인 객체들로 보통 컴퓨터 언어들은 갖고 있는 객체 BOM(Browser Object Model) 브라우저오브젝트 모델, 브라우저 관련 객체 DOM(Document Object Model) 문서객체모델, 태그나 컨텐츠 등을 의미하는 객체 사용자정의객체 개발자가 직접적으로 생성하는 새로운 객체 * BOM객체 종류 설명 window 브라우저 창 객체, BOM의 최상위 객체 location 주소표시줄 객체 screen 운영체제 화면 객체 history 방문기록 객체 navigator 브라우저정보 객체 document 문서객체 - body태그부분을 의미 - BOM은.. [VS CODE] VS CODE의 외부 JS문서에서 제이쿼리 자동완성기능 추가 - html문서에 직접 제이쿼리 플러그인을 연결하고 제이쿼리언어를 치면 자동완성 기능이 실행됩니다. ## 예시 화면 - 하지만 외부 js문서를 빼고 작업하면 자동완성이 뜨지 않아 모두 코딩해야합니다. ## 예시화면 - 자동완성이 전혀 되지 않는 것을 확인할 수 있습니다. ** VS CODE 외부JS문서에서 제이쿼리 자동완성하는 법!!! 1. node.js를 설치 - Node.js를 사용하면 서버에서 JavaScript를 실행할 수 있다. ## 다운로드 주소 https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org ## 버전 선택 - 다운로드 받은 파일을 설치.. [JS강좌] 16강 BOM - history객체 - 오쌤의 니가스터디 ** 영상으로 보실분은 아래 주소를 클릭해주세요. https://youtu.be/18ADEealDSA * 객체의 큰 부분 종류 설명 기본내장객체 기본적인 객체들로 보통 컴퓨터 언어들은 갖고 있는 객체 BOM(Browser Object Model) 브라우저오브젝트 모델, 브라우저 관련 객체 DOM(Document Object Model) 문서객체모델, 태그나 컨텐츠 등을 의미하는 객체 사용자정의객체 개발자가 직접적으로 생성하는 새로운 객체 * BOM객체 종류 설명 window 브라우저 창 객체, BOM의 최상위 객체 location 주소표시줄 객체 screen 운영체제 화면 객체 history 방문기록 객체 navigator 브라우저정보 객체 document 문서객체 - body태그부분을 의미 - BOM은.. [JS강좌] 15강 BOM - location객체 - 오쌤의 니가스터디 ** 영상으로 보실분은 아래 주소를 클릭해주세요. https://youtu.be/18ADEealDSA * 객체의 큰 부분 종류 설명 기본내장객체 기본적인 객체들로 보통 컴퓨터 언어들은 갖고 있는 객체 BOM(Browser Object Model) 브라우저오브젝트 모델, 브라우저 관련 객체 DOM(Document Object Model) 문서객체모델, 태그나 컨텐츠 등을 의미하는 객체 사용자정의객체 개발자가 직접적으로 생성하는 새로운 객체 * BOM객체 종류 설명 window 브라우저 창 객체, BOM의 최상위 객체 location 주소표시줄 객체 screen 운영체제 화면 객체 history 방문기록 객체 navigator 브라우저정보 객체 document 문서객체 - body태그부분을 의미 - BOM은.. [JS강좌] 14강 BOM - window객체 - 오쌤의 니가스터디 ** 영상으로 보고 싶은 분은 아래 주소를 클릭해주세요. https://youtu.be/fLgJWCBoibk * 객체의 큰 부분 종류 설명 기본내장객체 기본적인 객체들로 보통 컴퓨터 언어들은 갖고 있는 객체 BOM(Browser Object Model) 브라우저오브젝트 모델, 브라우저 관련 객체 DOM(Document Object Model) 문서객체모델, 태그나 컨텐츠 등을 의미하는 객체 사용자정의객체 개발자가 직접적으로 생성하는 새로운 객체 * BOM객체 종류 설명 window 브라우저 창 객체, BOM의 최상위 객체 location 주소표시줄 객체 screen 운영체제 화면 객체 history 방문기록 객체 navigator 브라우저정보 객체 document 문서객체 - body태그부분을 의미 - .. 이전 1 ··· 8 9 10 11 12 13 14 ··· 25 다음
