본문 바로가기

JavaScript/JavaScript22

[드림코딩 by 엘리] JavaScript 기초 강의(2) (ES5+) 'use strict' 사용 'use strict'; Variable (변수) - 변경될 수 있는 값 - JavaScript에서는 let 으로 사용한다. (ES6에서 추가됨) 🔥 let 이전에는 var을 사용했는데 var의 사용은 지양한다! var은 Block Scope도 무시한다. Block Scope { let name = 'yunkyung'; console.log(name); // yunkyung name = 'hello'; console.log(name); // hello } console.log(name); // 출력 안됨 이렇게 block 안에 코드를 작성하게 되면 block 밖에서는 안의 내용들을 볼 수 없다. Constants - 가리키고 있는 포인터가 잠겨 있다. - 선언과 동시에 할당이.. 2021. 10. 6.

[드림코딩 by 엘리] JavaScript 기초 강의(1) (ES5+) - head + defer script 태그를 사용할 때 defer 속성 사용하기 이 방법이 가장 유용하다. - use strict 순수 vanilla js를 사용하려면 실수 방지를 위해 use strict을 사용하는 것이 좋다. (TypeScript 사용할 땐 선언할 필요 없음) 'use strict' console.log('Hello world'); 2021. 10. 5.

[JavaScript] 함수 ▶ 함수 *기본 함수 정의문 함수를 사용하여 코드를 저장한 것을 '함수 정의문'이라고 한다. 함수에서는 function 키워드를 사용해 변수를 선언한다. function 함수명() { 자바스크립트 코드; } 다음과 같이 익명 함수(함수명이 없는 함수)를 선언하고 변수에 참조해도 된다. 참조 변수 = function() { 자바스크립트 코드; } 함수 정의문({...}) 안에 작성된 코드는 즉시 실행되지 않는다. 함수는 메모리에 할당되어 대기하고 있다가 함수가 호출되면 실행된다. 정의되어 있는 함수를 호출하는 기본형은 다음과 같다. 함수명(); 또는 참조 변수(); ★일반 함수 정의는 함수 호출 시 호이스팅(hoisting) 기술을 지원한다. 그러나 익명 함수 선언 참조 방식은 호이스팅을 지원하지 않는다... 2021. 2. 11.

[JavaScript] 객체 ▶ 객체 1. 내장 객체 생성하기 객체를 생성할 때는 new라는 키워드와 생성 함수를 사용한다. 2. 날짜 정보 객체 날짜나 시간 관련 정보를 제공받고 싶을 때는 날짜 객체(Date Object)를 생성한다. 예제 1) 현재 날짜 객체와 특정 날짜 객체를 이용하여 2002년 월드컵 날짜와 관련된 정보 출력하기 getMonth() → 월 정보를 가져옴(현재 월 -1) getDay() → 요일 정보를 가져옴(일:0 ~ 토:6) 예제 2) 현재 날짜부터 연말까지 며칠이 남았는지 날짜 정보 객체를 이용하여 알아보기 3. 수학 객체 자바스크립트 내장 객체에는 수학과 관련된 기능과 속성을 제공하는 수학 객체가 있다. 더하기, 곱하기, 나누기 등은 앞에서 배운 산술 연산자를 사용하면 된다. 하지만 최댓값, 최솟값.. 2021. 2. 11.

[JavaScript] 반복문 반복문 ▶ while문 while문은 조건식을 만족할 때까지 코드를 여러 회 반복하여 실행할 수 있다. 예제 1) '안녕하세요1~ 안녕하세요10'까지 1씩 증가시키면서 10회 출력하기 예제 2) 1부터 30까지의 숫자 중 2의 배수이면서 6의 배수인 숫자만 출력하기 예제 3) 20부터 10까지의 숫자 중 짝수일 경우에는 파란색, 홀수일 경우에는 빨간색으로 출력되도록 하기 ▶ do-while문 while문의 경우에는 조건식의 만족 여부를 먼저 검사한 후 중괄호에 있는 코드의 실행 여부를 결정한다. 하지만 do-while문은 반드시 한 번은 코드를 실행하고 조건식을 검사한다. ▶ for문 for문은 조건식을 만족할 때까지 특정 코드를 반복하여 실행한다. 사용 방법은 while문과 같지만 while문보다 사용.. 2021. 2. 2.

[JavaScript] 제어문 ▶ 도전 Mission! Q1) 진영이의 하루 지출 내역이 다음과 같다고 할 때, 하루 지출 비용의 합계를 구한 후 적정 지출 비용의 초과 여부를 출력하시오. 진영이의 하루 지출 내역은 교통비 3000원, 식비 6000원, 음료비 3000원입니다. 삼항 조건 연산자를 사용하여 하루 적정 지출 비용인 1만 원을 초과했을 경우에는 "000원 초과"라고 출력하고, 아닐 경우에는 "돈 관리 잘 했어요!"라고 출력하시오. Q2) 다음 연산자를 이용하여 평균 판매량을 구하고, 4분기 판매량을 입력하여 평균 판매량의 이상/미달 값을 출력하시오. 질의응답 창을 이용하여 4분기 판매량을 입력하고, 전 분기 평균 판매량보다 판매량이 높거나 같을 경우에는 '판매량이 평균 이상입니다.'라고 출력하고, 낮을 경우에는 '판매량.. 2021. 2. 2.

이전 1 2 3 4 다음

티스토리툴바