본문 바로가기

Webstoryboy

Category

Explanation

전체 글

(864)
연산자 연산자 연산자는 산술연산자, 대입연산자, 증감연산자, 비교연산자, 논리연산자 등이 있습니다. 산술연산자 대입연산자 증감연산자 비교연산자 논리연산자
소개 변수 자바스크립트(JavaScript)는 웹 브라우저에서 동작되는 스트립트 언어를 말합니다. HTML은 정적인 레이아웃을 표현한다면, 자바스트립트(JavaScript)는 동적인 기능을 표현합니다. 자바스크립트는 1995년 넷스케이프 커뮤니케이션의 브렌던 아이크가 개발하였스며 Netscape Navigsator2.0에 구현되었습니다. 1996년에는 마이크로소프트사의 Internet Explorer3.0 탑재되었으며 java 애플릿으로 구현된 웹 브라우저의 지지부진한 보급과 맞물려 빠르게 보급되었습니다. 1997년부터 ESMAScript를 따르는 표준화 작업을 통해 현재는 모든 브라우저에서 지원됩니다. 자바스크립트란? 자바스크립트는 객체 기반의 클라이언트 스크립트 언어로 웹 페이지를 동적으로 만드는데 사용하..
변수 변수 변수는 하나의 데이터를 저장하는 저장소입니다. 변수는 변수는 사용 가능 범위에 따라 지역변수, 전역변수, 매개변수, 멤버변수로 나눌 수 있으며, 변수는 식별자로 구분해야 하기 때문에 변수에는 숫자, 문자열, 불린, 함수, 객체등을 사용할 수 있습니다. 변수 변수는 하나의 데이터를 저장하는 저장소입니다. 변수 선언 var 변수명 = 값; 변수명 키워드 : 자바스크립트에서 사용하는 단어 식별자 : 사용자가 임의로 사용하는 단어 자바스크립트에서 변수 이름을 설정할 때에는 키워드를 제외한 단어를 사용해야 합니다. 식별자를 만드는 규칙 사용자가 사용할 수 있는 문자 : 알파벳(a~z, A~Z), 숫자(0~9), 밑줄(_), 달러기호($) 첫 글자는 숫자를 사용할 수 없습니다. 공백을 사용할 수 없습니다. :..
기초 기초 자바스크립트를 다루기 위해서는 기초적인 특징과 문법이 있습니다. 가장 기본이기 때문에 이 부분을 숙지 후 스크립트를 공부하는 것이 좋습니다. 주석 /* ... */ : 여러 줄에 주석을 적용하는 경우 // : 한 줄에 주석을 적용하는 경우 자바스크립트 주석은 일반적으로 특정 코드에 대한 설명을 입력하거나 특정한 부분의 코드가 실행되지 않도록 사용합니다. 주석 표시는 프로그램에 영향을 미치지 않습니다. 대문자와 소문자 날짜 객체 생성 : New date();(X) 날짜 객체 생성 : new Date();(O) 자바스크립트는 대문자와 소문자를 구별합니다. console와 Console은 각각 다른 문자열로 처리되니 유의하시기 바랍니다. 토큰과 공백문자 토근 : 프로그램을 구성하는 최소 단위 프로그램을 ..
hasAttributes() hasAttributes() hasAttributes() 메서드는 선택한 요소의 지정된 속성의 여부를 확인하고 불린을 반환합니다. hasAttributes() hasAttributes() 메서드는 선택한 요소의 지정된 속성의 여부를 확인하고 불린을 반환합니다. 특징 설명 버전(version) ES1 결과값(return) undefined 사용성 ★★☆☆☆ 문법(Syntax) "선택자".hasAttributes("속성 이름") //속성 값 변경하기 documemt.querySelector("div").hasAttributes("class"); 선택자(selector) : 속성 값을 설정할 선택자를 설정합니다. 속성 이름(attributeName) : 속성 이름을 설정합니다. 정의(Definition) ha..
hasAttribute() hasAttribute() hasAttribute() 메서드는 선택한 요소의 지정된 속성의 여부를 확인하고 불린을 반환합니다. hasAttribute() hasAttribute() 메서드는 선택한 요소의 지정된 속성의 여부를 확인하고 불린을 반환합니다. 특징 설명 버전(version) ES1 결과값(return) undefined 사용성 ★★☆☆☆ 문법(Syntax) "선택자".hasAttribute("속성 이름") //속성 값 변경하기 documemt.querySelector("div").hasAttribute("class"); 선택자(selector) : 속성 값을 설정할 선택자를 설정합니다. 속성 이름(attributeName) : 속성 이름을 설정합니다. 정의(Definition) hasAttri..
removeAttribute() removeAttribute() removeAttribute() 메서드는 선택한 요소의 속성 값을 삭제합니다. removeAttribute() removeAttribute() 메서드는 선택한 요소의 속성 값을 삭제합니다. 특징 설명 버전(version) ES1 결과값(return) undefined 사용성 ★★☆☆☆ 문법(Syntax) "선택자".removeAttribute("속성 이름") //속성 값 변경하기 documemt.querySelector("div").removeAttribute("class"); 선택자(selector) : 속성 값을 설정할 선택자를 설정합니다. 속성 이름(attributeName) : 속성 이름을 설정합니다. 정의(Definition) removeAttribute() 메서..
getAttribute() getAttribute() getAttribute() 메서드는 선택한 요소의 속성 값을 가져옵니다. getAttribute() getAttribute() 메서드는 선택한 요소의 속성 값을 가져옵니다. 특징 설명 버전(version) ES1 결과값(return) 속성 변경 및 추가 사용성 ★★★☆☆ 문법(Syntax) "선택자".getAttribute("속성 이름") //속성 값 변경하기 documemt.querySelector("div").getAttribute("class"); 선택자(selector) : 속성 값을 설정할 선택자를 설정합니다. 속성 이름(attributeName) : 속성 이름을 설정합니다. 정의(Definition) getAttribute() 메서드는 선택한 요소의 속성 값을 가져옵..
블록구조/인라인구조 01. 참고 : 블록구조/인라인구조 난이도 쉬움 소스 다운로드 영상보기 소개 안녕하세요!. 웹스토리보이입니다. 웹 사이트 제작에 있어 가장 기본이 되는 블록 구조와 인라인 구조에 대해서 알아보겠습니다. 블록(block)은 하나의 박스, 인라인(inline)은 하나의 텍스트라고 생각하시면, 이해하는데 도움이 됩니다. 블록 구조에는 대표적으로 div, p, h1~h6, ul, li, ol, table 등이 있으며, 인라인 구조에는 대표적으로 span, a, em, i, strong 등이 있습니다. 인간도 남자, 여자가 있는 것처럼, 태그도 이렇게 블록 구조, 인라인 구조로 분류할 수 있습니다. 이렇게 얘기하면 학생들 중에 게이는 어디인가요? 라고 물을 수 있겠지만, 태그에도 게이가 있습니다. 🤬 그건 아래 ..
[JavaScript] .toJSON() [JavaScript] .toJSON() .toJSON() 메서드는 JSON serialization 이전에 객체 형식의 날짜를 변환하는데 사용합니다. .toJSON() .toJSON() 메서드는 JSON serialization 이전에 객체 형식의 날짜를 변환하는데 사용합니다. 문법(Syntax) Date.toJSON() 정의(Definition) .toJSON() 메서드는 JSON serialization 이전에 객체 형식의 날짜를 변환하는데 사용합니다. 참고(Reference) MDN
[JavaScript] .toISOString() [JavaScript] .toISOString() .toISOString() 메서드는 날짜를 ISO 형식의 문자열 값으로 가져옵니다. .toISOString() .toISOString() 메서드는 날짜를 ISO 형식의 문자열 값으로 가져옵니다. 문법(Syntax) Date.toISOString() 정의(Definition) .toISOString() 메서드는 날짜를 ISO 형식의 문자열 값으로 가져옵니다. 참고(Reference) MDN
[JavaScript] .toGMTString() [JavaScript] .toGMTString() .toGMTString() 메서드는 GMT를 사용하여 문자열로 변환된 날짜를 가져옵니다. .toGMTString() .toGMTString() 메서드는 GMT를 사용하여 문자열로 변환된 날짜를 가져옵니다. 문법(Syntax) Date.toGMTString() 정의(Definition) .toGMTString() 메서드는 GMT를 사용하여 문자열로 변환된 날짜를 가져옵니다. 참고(Reference) MDN
[JavaScript] .toDateString() [JavaScript] .toDateString() .toDateString() 메서드는 날짜를 문자열 값으로 가져옵니다. .toDateString() .toDateString() 메서드는 날짜를 문자열 값으로 가져옵니다. 문법(Syntax) Date.toDateString() 정의(Definition) .toDateString() 메서드는 날짜를 문자열 값으로 가져옵니다. 참고(Reference) MDN
[JavaScript] .setYear() [JavaScript] .setYear() .setYear() 메서드는 로컬 시간을 사용하여 연도 값을 가져옵니다. .setYear() .setYear() 메서드는 로컬 시간을 사용하여 연도 값을 가져옵니다. 문법(Syntax) Date.setYear() 정의(Definition) .setYear() 메서드는 로컬 시간을 사용하여 연도 값을 가져옵니다. 참고(Reference) MDN
[JavaScript] .setUTCSeconds() [JavaScript] .setUTCSeconds() .setUTCSeconds() 메서드는 UTC를 사용하여 초 정보를 수정합니다. .setUTCSeconds() .setUTCSeconds() 메서드는 UTC를 사용하여 초 정보를 수정합니다. 문법(Syntax) Date.setUTCSeconds() 정의(Definition) .setUTCSeconds() 메서드는 UTC를 사용하여 초 정보를 수정합니다. 참고(Reference) MDN
[JavaScript] .setUTCMonth() [JavaScript] .setUTCMonth() .setUTCMonth() 메서드는 UTC를 사용하여 월 정보를 수정합니다. .setUTCMonth() .setUTCMonth() 메서드는 UTC를 사용하여 월 정보를 수정합니다. 문법(Syntax) Date.setUTCMonth() 정의(Definition) .setUTCMonth() 메서드는 UTC를 사용하여 월 정보를 수정합니다. 참고(Reference) MDN
[JavaScript] .setUTCMinutes() [JavaScript] .setUTCMinutes() .setUTCMinutes() 메서드는 UTC를 사용하여 분 정보를 수정합니다. .setUTCMinutes() .setUTCMinutes() 메서드는 UTC를 사용하여 분 정보를 수정합니다. 문법(Syntax) Date.setUTCMinutes() 정의(Definition) .setUTCMinutes() 메서드는 UTC를 사용하여 분 정보를 수정합니다. 참고(Reference) MDN
[JavaScript] .setUTCMilliseconds() [JavaScript] .setUTCMilliseconds() .setUTCMilliseconds() 메서드는 UTC를 사용하여 초(1/1000단위) 정보를 수정합니다. .setUTCMilliseconds() .setUTCMilliseconds() 메서드는 UTC를 사용하여 초(1/1000단위) 정보를 수정합니다. 문법(Syntax) Date.setUTCMilliseconds() 정의(Definition)s .setUTCMilliseconds() 메서드는 UTC를 사용하여 초(1/1000단위) 정보를 수정합니다. 참고(Reference) MDN
[JavaScript] .setUTCHours() [JavaScript] .setUTCHours() .setUTCHours() 메서드는 UTC를 사용하여 시간 정보를 수정합니다. .setUTCHours() .setUTCHours() 메서드는 UTC를 사용하여 시간 정보를 수정합니다. 문법(Syntax) Date.setUTCHours() 정의(Definition)s .setUTCHours() 메서드는 UTC를 사용하여 시간 정보를 수정합니다. 참고(Reference) MDN
[JavaScript] .setUTCFullYear() [JavaScript] .setUTCFullYear() .setUTCFullYear() 메서드는 UTC를 사용하여 년도 정보를 수정합니다. .setUTCFullYear() .setUTCFullYear() 메서드는 UTC를 사용하여 년도 정보를 수정합니다. 문법(Syntax) Date.setUTCFullYear() 정의(Definition)s .setUTCFullYear() 메서드는 UTC를 사용하여 년도 정보를 수정합니다. 참고(Reference) MDN
[JavaScript] .setUTCDate() [JavaScript] .setUTCDate() .setUTCDate() 메서드는 UTC를 사용하여 일 정보를 수정합니다. .setUTCDate() .setUTCDate() 메서드는 UTC를 사용하여 일 정보를 수정합니다. 문법(Syntax) Date.setUTCDate() 정의(Definition)s .setUTCDate() 메서드는 UTC를 사용하여 일 정보를 수정합니다. 참고(Reference) MDN
[JavaScript] .setTime() [JavaScript] .setTime() .setTime() 메서드는 1970년 1월 1일 자정 이후의 초 정보를 밀리세컨드 정보를 수정합니다. .setTime() .setTime() 메서드는 1970년 1월 1일 자정 이후의 초 정보를 밀리세컨드 정보를 수정합니다. 문법(Syntax) Date.setTime() 정의(Definition)s .setTime() 메서드는 1970년 1월 1일 자정 이후의 초 정보를 밀리세컨드 정보를 수정합니다. 참고(Reference) MDN
[JavaScript] .setSeconds() [JavaScript] .setSeconds() .setSeconds() 메서드는 현재 초 정보를 수정합니다. .setSeconds() .setSeconds() 메서드는 현재 초 정보를 수정합니다. 문법(Syntax) Date.setSeconds() 정의(Definition) .setSeconds() 메서드는 현재 초 정보를 수정합니다. 참고(Reference) MDN
[JavaScript] .setMonth() [JavaScript] .setMonth() .setMonth() 메서드는 현재 월 정보를 수정합니다. .setMonth() .setMonth() 메서드는 현재 월 정보를 수정합니다. 문법(Syntax) Date.setMonth() 정의(Definition) .setMonth() 메서드는 현재 월 정보를 수정합니다. 참고(Reference) MDN
[JavaScript] .setMinutes() [JavaScript] .setMinutes() .setMinutes() 메서드는 현재 분 정보를 수정합니다. .setMinutes() .setMinutes() 메서드는 현재 분 정보를 수정합니다. 문법(Syntax) Date.setMinutes() 정의(Definition) .setMinutes() 메서드는 현재 분 정보를 수정합니다. 참고(Reference) MDN
[JavaScript] .setMilliseconds() [JavaScript] .setMilliseconds() .setMilliseconds() 메서드는 현재 초(1/1000단위) 정보를 수정합니다. .setMilliseconds() .setMilliseconds() 메서드는 현재 초(1/1000단위) 정보를 수정합니다. 문법(Syntax) Date.setMilliseconds() 정의(Definition) .setMilliseconds() 메서드는 현재 초(1/1000단위) 정보를 수정합니다. 참고(Reference) MDN
[JavaScript] .setHours() [JavaScript] .setHours() .setHours() 메서드는 현재 시간 정보를 수정합니다. .setHours() .setHours() 메서드는 현재 시간 정보를 수정합니다. 문법(Syntax) Date.setHours() 정의(Definition) .setHours() 메서드는 현재 시간 정보를 수정합니다. 참고(Reference) MDN
[JavaScript] .setFullYear() [JavaScript] .setFullYear() .setFullYear() 메서드는 현재 년도 정보를 수정합니다. .setFullYear() .setFullYear() 메서드는 현재 년도 정보를 수정합니다. 문법(Syntax) Date.setFullYear() 정의(Definition) .setFullYear() 메서드는 현재 년도 정보를 수정합니다. 참고(Reference) MDN
[JavaScript] .setData() [JavaScript] .setData() .setData() 메서드는 현재 일 정보를 수정합니다. .setData() .setData() 메서드는 현재 일 정보를 수정합니다. 문법(Syntax) Date.setData() 정의(Definition) .setData() 메서드는 현재 일 정보를 수정합니다. 참고(Reference) MDN
[JavaScript] .getYear() [JavaScript] .getYear() .getYear() 메서드는 연도 값을 반환합니다. .getYear() .getYear() 메서드는 연도 값을 반환합니다. 문법(Syntax) Date.getYear() 정의(Definition) .getYear() 메서드는 연도 값을 반환합니다. 참고(Reference) MDN