Front/Javascript (13) 썸네일형 리스트형 [JavaScript] 배열의 생성 (Array) 배열은 한번에 둘 이상의 값을 보유할 수 있는 특수한 변수이다. var car1 = "Saab"; var car2 = "Volvo"; var car3 = "BMW"; 예를들어 단일 변수에 자동차 목록을 저장하면 위와 같이 할 수 있다. 만약 위 3대가 아니라 개수가 300대이상으로 늘어나면 선언과 데이터를 찾을 때 매우 비효율적이게 될것이다. 이 때 배열을 이용하여 하나의 변수로 여러 값을 보유하고 엑세스할 수 있다. 배열 생성 1.배열 리터럴 사용 var cars = ["Saab", "Volvo", "BMW"]; 배열을 담을 때엔 대괄호로 묶어서 사용하며 이 형태를 배열 리터럴(array literal)이라고 부른다. 이 형태로 배열을 선언하는것이 제일 간단하다. 2. new 키워드 사용 var car.. [JavaScript] 함수 (Function, return) 함수 : 특정 작업을 수행하도록 여러개의 실행코드 구문들을 하나로 묶어놓은 블럭이다. 한번 짜 놓은 함수는 다른 곳에서도 다시 사용할 수 있고 코드를 구조적으로 만들 수 있어서 함수를 사용한다. (기능별로 함수를 묶어놓아 효율적이고 간결한 코드작성 할 수 있음) 함수 정의 function myFunction(p1, p2) { return p1 * p2; // The function returns the product of p1 and p2 } JavaScript 함수는 function키워드, 이름 , 괄호 () 순으로 정의된다. 함수 이름에는 문자, 숫자, 밑줄 및 달러 기호가 포함될 수 있다. (변수 네이밍과 동일함) ( parameter1, parameter2, ... ) 함수에 의해 실행될 코드는 .. [Javascript] 자바스크립트 함수의 범위 (scope) JavaScript에는 스코프라는 유형으로 변수를 구분하여 변수에 접근한다. 스코프에는 두 가지 유형의 범위가 있다. 지역 범위(local scope) 전역 범위(global scope) -변수 스코프(적용 범위) : 전역 범위 - 코드 전체에 선언되는 변수의 범위 : 지역 범위 - 코드 중 특정 범위에서 선언되는 변수의 범위 : 함수 범위 : 함수 내부 영역에 선언되는 변수의 범위 : 블럭 범위 : if, for 같은 구문 블럭 내부 영역에 선언되는 변수의 범위 한마디로 전역범위는 어디에서든 사용할 수 있고 지역범위는 선언한 블럭에서만 사용할 수 있다는 것 let은 ES6에 추가된 변수 타입 키워드로 var과 기능면에서 다른점이 없지만 var은 호이스팅(선언을 호출 밑에다 하는 것)이 되거나 전역, 지.. [Javascript] 조건문/분기문 (Conditional Stements, if, else if/switch) IF문 기본 문법 if (조건문) { // 조건이 참일시 실행하게될 블럭 } else if (조건2){ // 첫 번째 조건이 거짓일 때 조건2가 참이면 조건2 블럭 실행 } else { // 조건들이 거짓일 때 else 블럭 실행 } 예시 if(time < 12){ console.log('좋은하루'); } else if(time < 18{ console.log('좋은오후'); } else { console.log("좋은저녁"); } 시간이 18시간 미만이면 Good day 블럭 실행 아니면 Good evening블럭 실행현재시간이 점심 12시 이전이면 '좋은아침' 문구를 표시하고 저녁 6시 이전이면 '좋은오후' 문구를 표시하고 그렇지 않으면 '좋은저녁' 문구를 표시한다. switch문 switch (변수.. [JavaScript] 자바스크립트 소개 자바스크립트는 배우기 쉽고, 세계에서 가장 널리 사용되는 웹 프로그래밍 언어이다. 모든 웹 개발자가 배워야 하는 3가지 언어중 하나이다. 1. 내용을 작성하는 HTML 2. 디자인 하는 CSS 3. 동작을 프로그래밍하는 JavaScript JavaScript는 컴퓨터, 태블릿 및 스마트 폰의 브라우저에서 이미 실행 중이며 다운로드 할 필요가 없고 누구나 무료로 사용할 수 있다. JavaScript는 HTML의 내용, 속성을 변경할 수 있다. javascript는 혼자서 구동하는 언어가 아니라 html을 기반으로 구동하는 언어이다. 그러므로 html의 내용, 속성등의 값을 바꿀 수 있다. Turn on the lightTurn off the light 구성 1. 변수 2. 연산자 3. 분기문(조건문) 4... 이전 1 2 다음
