웹언어/JAVASCRIPT (31) 썸네일형 리스트형 [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태그부분을 의미 - .. [JS강좌] 13강 자바스크립트 로또 자동만들기 - 오쌤의 니가스터디 ** 영상으로 보고 싶은 분은 아래 주소를 클릭하세요! https://www.youtube.com/watch?v=lAnrCuVxNWc See the Pen 로또생성하기 by OSSAM (@5ssam) on CodePen. - 이번강좌에서는 자바스크립트로 로또를 자동으로 만드는 방법을 알아보도록 하겠습니다. - 그동안 배웠던 Array객체와 Math객체를 활용한 아주 좋은 예제가 되겠습니다. - 아래는 만드는 과정이고 위에 정답을 바로 볼 수 있도록 코드펜으로 연결해놓았습니다. 1. 배열 생성하기 - 우선적으로 로또는 6개의 번호를 반환하는 게임입니다. - 그래서 6개의 숫자를 담을 배열을 선언해줍니다. ## 코드 보기 2. 6개 번호를 할당받기 위한 반복문 처리 - 번호 한개 받을 때마다 코드를 적으면 .. [JS강좌] 12강 자바스크립트 기본내장객체 - Array - 오쌤의 니가스터디 ** 영상으로 보고 싶은 분은 아래 주소를 클릭하세요! https://www.youtube.com/watch?v=lAnrCuVxNWc * 기본내장객체 종류 설명 String 문자열 객체 Number 숫자 객체 Math 수학 객체 Array 배열 객체 Date 날짜시간객체 - 기본내장객체는 첫글자를 대문자로 작성하는 것이 규칙 1. Array 객체 선언 - 배열은 값을 여러개 나열해서 담는 공간을 의미합니다. 1) 변수식 선언 ## 문법 var 변수명 = [값1, 값2,...]; ## 예시 코드 - 변수 arr01에 10, 20, 30이라는 값을 나열해서 담았습니다. - 결과값을 문서에 출력하고, 값의 타입도 알아보는 코드를 작성하였습니다. ## 코드 결과 - 값은 10,20,30을 잘 반환하였고, 값의 .. [JS강좌] 11강 자바스크립트 기본내장객체 - Number와 Math - 오쌤의 니가스터디 ** 동영상으로 공부하고 싶은 분은 아래 주소를 클릭하세요! https://www.youtube.com/watch?v=2M5s64NLa_A * 기본내장객체 종류 설명 String 문자열 객체 Number 숫자 객체 Math 수학 객체 Array 배열 객체 Date 날짜시간객체 - 기본내장객체는 첫글자를 대문자로 작성하는 것이 규칙 1. Number 객체 선언 1) 변수식 선언 ## 문법 var 변수명 = 수치; ## 예시 코드 ## 코드 결과 2) 생성자 함수를 이용한 객체식 선언 - 기본내장객체는 미리 선언되어 있어 생성자 함수를 통해 호출해서 사용하면 됩니다. ## 문법 var 변수명 = new Number(수치); ## 예시코드 ## 코드결과 3) Number를 이용한 문자열의 숫자변환 ## 문법 .. [JS강좌] 10강 자바스크립트 기본내장객체 - String ** 영상으로 보고 싶은 분은 아래 주소를 클릭해주세요. https://www.youtube.com/watch?v=NPXtNC20EAc * 기본내장객체 종류 설명 String 문자열 객체 Number 숫자 객체 Math 수학 객체 Array 배열 객체 Date 날짜시간객체 - 기본내장객체는 첫글자를 대문자로 작성하는 것이 규칙 1. String 객체 선언 1) 변수식 선언 ## 문법 var 변수명 = '문자열'; ## 예시 코드 ## 코드 결과 - 값은 [안녕하세요]로, 데이터유형은 [string]으로 나오는 것을 확인할 수 있습니다. 2) 생성자 함수를 이용한 객체식 선언 - 기본내장객체는 미리 선언되어 있어 생성자 함수를 통해 호출해서 사용하면 됩니다. ## 문법 var 변수명 = new String.. [JS강좌] 9강 자바스크립트 객체와 생성자함수 - 오쌤의 니가스터디 ** 동영상으로 공부하고 싶은 분은 아래 주소를 클릭해 주세요. https://www.youtube.com/watch?v=k0HterZEszY 1. 객체의 종류 - 객체는 자바스크립트가 명령가능한 모든 대상을 의미합니다. 1) 객체의 큰 부분 종류 설명 기본내장객체 기본적인 객체들로 보통 컴퓨터 언어들은 갖고 있는 객체 BOM(Browser Object Model) 브라우저오브젝트 모델, 브라우저 관련 객체 DOM(Document Object Model) 문서객체모델, 태그나 컨텐츠 등을 의미하는 객체 사용자정의객체 개발자가 직접적으로 생성하는 새로운 객체 2) 기본내장객체 종류 설명 String 문자열 객체 Number 숫자 객체 Math 수학 객체 Array 배열 객체 Date 날짜시간객체 - 기본내.. [JS강좌] 8강 자바스크립트 내장함수 - 오쌤의 니가스터디 ** 영상으로 보고 싶은 분은 아래 주소를 클릭하세요! https://www.youtube.com/watch?v=gfFCPE0E9qM 1. 기본내장함수 - 내장함수라는 것은 자바스크립트가 함수선언을 미리 해놔서 호출만해서 사용하는 함수를 말합니다. - 다른 차원에서는 window의 메서드로 보기도 하는데 메서드란 객체와 함께 사용되므로 저는 아래에서 배울 것들은 내장함수라고 보도록 하겠습니다. 1) alert() ## 문법 alert(값); - 매개변수로 지정된 값을 경고창에 띄워주는 함수입니다. - 확인 버튼을 누르면 창을 닫힙니다. ## 예시코드 ## 코드 결과 2) confirm() ## 문법 confirm(값); - confirm함수는 매개변수에 작성된 값을 창에 띄워줍니다. - 확인버튼을 누르면.. 이전 1 2 3 4 다음
