javascript (78) 썸네일형 리스트형 자바스크립트 기본 var 대신 const, let 사용하기. var는 어휘적 어휘적 유효 범위(lexical scope)를 따르는 반면, const, let은 블록 유효 범위(block scope)를 따릅니다. let은 var와 유사하게 재할당이 가능하고, const는 재할당 할 수 없는 변수 선언입니다. 자바스크립트에서는 const를 기본으로 사용하여, 변수의 정보가 변경 가능한 것인이 아닌지를 읽는 사람이 알 수 있도록 하나의 신호를 하는 것이 좋습니다. 상수 할당이 있는 다른 언어에 익숙하다면 const 사용을 추천하는 것이 이상해 보일 수 있겠습니다. 다른 언어에서는 보통 상수 할당이 있는 경우에 모두 대문자로 작성하고, 절대로 변경되지 않는 값이라는 것을 보여주기위해 드물게 사용하기 떄문이죠. 하지만 자바스크립트에서는 변수에 단순히 정보를 선언하는 것을 .. javascript ES6란? 자바스크립트 ES6 문법이란? //11 숫자인지 판단하기 console.log("=11========================================================") const isNaN123 = isNaN(123); const isNaNMinus123 = isNaN(-123); const isNaN234 = isNaN("234"); const isNaNHello = isNaN("Hello"); console.log("isNaN123 : ", isNaN123); console.log("isNaNMinus123 : ", isNaNMinus123); console.log("isNaN234 : ", isNaN234); console.log("isNaNHello : ", isNaNHel.. 자바스크립트 객체를 이해하는 또 다른 방법 여러 개의 값을 한번에 접근할 수 있도록, 자바스크립트는 객체 Object를 제공하고 있습니다. 객체 Object는 값들을 그룹으로 묶은 데이터 모음입니다. 객체를 만드는 방법은 표현식으로 중괄호 {}를 사용합니다. 중괄호 안에 여러 값들을 넣을 수 있는데, 키 key와 값 value 으로 한쌍을 이루며 이를 속성 properties 라 부릅니다. 객체의 속성에 접근하는 방법은 객체의 우측에 콤마 (.)를 두고, 그 다음에 객체 속성으로 정의된 키 이름을 작서아면 됩니다. student.study 또는 대괄호 [ ]안에 키 값을 문자열로 작성하는 방법도 있지만 콤마(.)로 속성에 접근하는 방법이 선호되는 방식 입니다. student['study']; 자바스크립트 javascript 반복문 for 자바스크립트 for문 사용법 for (초기값 ; 조건식 ; 어떤 간격으로 ){ 실행 문장 } for ( var i = 0; i < 10; i++ ) { console.log ( i + '번째 반복 문장 입니다. '); } 초기값은 변수 i에 0 값을 할당합니다. 변수 i가 숫자 10이 될 때 까지 중괄호 { } 블록 안의 문장이 반복적으로 실행됩니다. 반복 실행 횟수는 i++를 통해 정해집니다. 자바스크립트 객체(Object)지향 뜻 자바스크립트는 객체지향 언어라고 합니다. 객체는 뭘 말하는걸까요? 객체(Object) 특정기능을 수행하는 단위를 말합니다. 예를들면 우리가 사용하는 스마트폰을 예로 들어보겠습니다. 스마트폰은 전화를 거는 기능, 게임을 하는 기능, 사진을 찍는 기능 등등이 있겠죠. 그렇다면 스마트폰을 이렇게도 표현할 수 있습니다. 스마트폰.전화걸기(); 스마트폰.게임하기(); 스마트폰.사진찍기(); 전화걸기, 게임하기, 사진찍기는 스마트폰의 기능에 해당하죠. 이것을 메소드(Method)라는 용어로 정의합니다. 이렇게 자바스크립트는 항상 객체를 중심으로 작성됩니다. 또한 객체명 뒤의 점( . )을 경계로 해당 객체가 갖고있는 메소드(Method), '기능' 또는 '속성'을 작성합니다. 자바스크립트마다저마다 고유한 기능을 가.. 자바스크립트에서 for문 이용해서 구구단 출력하기 자바스크립트에서 for문 이용해서 구구단 출력하기 for문 공부할떄 등장하는 단골, 구구단 출력하기 입니다. for문과 prompt를 이용해서 자바스크립트에서 구구단을 출력해볼게요. pormpt 메소드를 이용해서 출력할 단의 값을 입력받습니다.(창이 자꾸 떠서 변수 i에 5를 할당하고, 주석처리함 ) for문을 이용해서 입력한 단의 값을 1~ 9까지 돌립니다. document.write();로 출력합니다. //let i = prompt("which one number print at times table? input number","number only"); let i = 5; for(let j=1; j [DOM-02]DOM에 접근하고 간단한 data type 알아보기. 각각의 브라우저는 자신만의 방법으로 DOM을 구현하였으며, 이로 이해 실제 DOM기준을 따르는지 확인해야 하는 번거로움이 발생하였습니다.(브라우저간의 DOM 구현의 차이 때문) 모든 웹 브라우저는 스크립트가 접근할 수 있는 웹 페이지를 만들기 위해 어느 정도의 DOM을 항상 사용합니다. 접근방법. DOM 프로그래밍은 아래 처럼 window object로 부터 alert() 함수를 사용하여 alert message를 표시하는 간단한 것일 수도 있고, 그 아래 예제처럼 새로운 content를 작성하는 복잡한 DOM이 될 수도 있습니다. 1. 인라인 타입 : window object로 부터 alert 함수 사용하여 간단한 메시지 표시. 2. content를 작성하는 복잡한 DOM 중요한 데이터 타입 아래의 표.. [DOM-01]Document Object Model : DOM의 뜻 자바스크립트(javascript) 강의를 시작하기 전에DOM에 대해 간략하게 알아보고 시작 하겠습니다. 자바스크립트로 HTML과 CSS를 제어하기 위해서는 필수로 알고 계셔야겠죠. 우선 DOM 단어의 뜻을 알아 보겠습니다. DOM은 document object model의 약자이며, 한글로는 "문서 객체 모델"이라고 부릅니다.DOM은 객체 지향 모델로써 구조화된 문서를 표현하는 방식입니다. Document Object Model , 이하 DOM. 아래 이미지가 DOM의 모든것을 말해주고 있네요. (위키백과) By Birger Eriksson - 자작, CC BY-SA 3.0, 링크 HTML, CSS가 사용자에게 직접적으로 보이는 것이라면 DOM은 기계나 소프트웨어가 웹 사이트의 구조를 어떻게 이해하는지에.. 이전 1 ··· 6 7 8 9 10 다음
