코드 그라데이션

1. let 사용한 변수의 특징 var 을 빠뜨리게 되면 의도치 않게 전역변수가 되기도 하고 프로그램 길이가 길어지면 실수로 / 사용하는 변수를 재선하거나 값을 재할당해 버리는 경우가 생기기도 함. var과 let, const의 가장 큰 차이 var은 함수 영역(레벨)의 스코프를 가짐 let, const는 블록 영역의 스코프를 가진다. 1) 블록 안에서만 쓸 수 있는 변수 변수를 선언한 블록에서만 유효하고 블록을 벗어나면 사용할 수 없다. 전역 변수를 선언하고 싶다면 let 예약어를 쓰지 않고 변수 이름과 초깃값만 할당하면 된다. 예제 1. 블록 변수 선언하기 예제 2. 전역 변수 선언하기 2) 재할당은 가능하지만 재선언은 할 수 없는 변수 let을 사용하여 선언한 변수는 값을 재할당할 수는 있지만 변수..

함수 동작해야 할 목적대로 묶은 명령 함수 사용 시 명령의 시작과 끝을 명확하게 구분 가능 묶은 기능에 이름을 붙여서 어디서든 같은 이름으로 명령 실행 가능 ex. alert() 함수의 동작 흐름 함수의 선언 서로 다른 이름을 붙여 나중에 사용 시 분간이 쉽게 만든다. 선언할 때는 예약어 function을 사용하고, 중괄호 안에 실행할 여러 명령을 넣는다 기본형 : function 함수명() { 명령 } 함수의 호출 : 함수명() // 함수명(변수) 함수 선언과 실행 순서 변수의 적용 범위(scope) 지역 변수 : 한 함수 안에서만 사용할 수 있는 변수 전역 변수 : 스크립트 소스 전체에서 사용할 수 있는 변수 지역변수를 선언하려면, var + 변수 이름 전역 변수를 선언하려면 var 예약어 사용하면 ..

반복문 1. for 문 자바스크립트에서 가장 많이 사용하는 반복문 값이 일정하게 커지면서 명령을 반복하여 실행할 때 사용 기본형 for(초깃값; 조건; 증가식) { 실행할 명령 } 초깃값: 카운터 변수를 초기화. 초깃값은 0이나 1부터 시작. 조건: 명령을 반복하기 위해 조건을 체크한다. 증가식: 명령을 반복한 후 실행. 보통 카운터 변수를 1 증가시키는 용도로 사용 예제 for문을 사용해 1 부터 5까지 숫자 더하기 실행 흐름 카운터로 사용할 변수 i에 초깃값 1 지정 i = 1 —> i （조건 만족함） 一> sum += i 실행 一> i++ 실행 i = 2 —> i （조건 만족함） 一> sum += i 실행 一> i++ 실행 i = 3 —> i （..

조건문 1-1. if문과 if~else문 스크립트 안에서 조건을 체크 if문에서는 괄호 안의 조건 체크해서 true면 if문 다음에 나오는 값을 실행하고, false면 아무 것도 하지 않는다. 조건을 만족했을 때 실행할 명령이 여러 개라면 중괄호 { } 로 묶고, 그 안에 명령을 나열하여 순서대로 한꺼번에 처리하라고 표시한다. 기본형 if(조건) { 조건 결괏값이 true 일 때 실행할 명령 } if(조건) { 조건 결과값이 true일 때 실행할 명령 } else { 조건 결과값이 true일 때 실행할 명령 } 예제 3의 배수 확인하기 1 실행 결과 1-2. 중첩 if문 - 조건이 하나의 if-else문으로 해결되지 않을 때 사용 - 다른 if~else문 안에 포함되는 if~else를 의미 예제 2 3의..

산술 연산자 수학 계산을 할 때 사용하는 연산자. 연산자의 왼쪽이나 오른쪽에 있는 연산대상이 ‘피연산자’라고 하는데, 산술 연산자에서 피연산자는 숫자나 변수이다. 산술 연산자의 종류 * 나누기 연산자와 나머지 연산자 전자는 나눈 값 자체 후자의 결과값은 나눈 후에 남은 나머지 값. * 증감 연산자 후치 연산자는 연산 식을 먼저 실행한 후에 값을 증가시키고 전치 연산자는 증가를 먼저 시킨 후에 식을 수행한다. var a = 10 var b = a++ +5 var c = 10 var d = ++c +5 [실행 결과] a = 10 b = 15, a = 11 c = 10 d = 16, c = 11 할당 연산자(=대입 연산자) 연산 식 오른쪽의 실행 결과를 왼쪽 변수에 할당하는 연산자 자바스크립트에서는 할당 연산..

변수와 상수 변수 : 프로그램을 실행하는 동안 여러 번 달라질 수 있는 데이터 상수 : 값을 지정하면 바뀌지 않는 데이터 변수 선언의 규칙 1. 변수 이름은 영어 문자와 언더스코어(_), 숫자를 사용한다. - 첫 글자는 영어 대소 문자나 언더스코어, 숫자나 기호, 띄어쓰기는 허용하지 않는다. 2. 영어 대소 문자를 구분하며, 예약어는 변수 이름으로 쓸 수 없다. 3. CamelCase 형식으로 작성한다. 4. 변수 이름은 의미 있게 작성해야 한다. 변수 선언하기 기본형 : var 변수명; 쉼표로 한꺼번에 사용도 가능. = 을 통해 변수에 값 할당. 변수 선언과 값 할당 따로 할 수도 있고, 같이 할 수도 있음. 예제 : 나이 계산 프로그램 만들기 실행 결과 자료형 : 컴퓨터가 처리할 수 있는 자료의 형태..

웹 안에 실행 결과 클릭할때마다 바뀌게 하기 공부하세요. 위 텍스트를 입력해보세요 용어 식 : 표현 문 : 명령 간단한 입출력 알림 창(alert) 변수를 확인하고 싶으면 변수를 텍스트를 표시하고 싶으면 " " 안에 글자 적으면 되고, 함수를 넣을 수도 있다. alert（"안녕하세요?"） 결과 화면 예시 확인 창(alert) 확인이나 취소 버튼 중에서 사용자가 선택할 수 있다. var reply = confirm（"정말 배경 이미지를 바꾸겠습니까?"）; 결과 화면 예시 프롬프트 창 입력 텍스트 필드가 있는 작은 창을 의미 텍스트 필드 안에 간단한 메시지를 입력할 수 있으며, 그 내용을 가져와 프로그램에서 사용할 수 있음. var name = prompt（"이름을 입력하세요.", "아무개"); // 기본값..

자바스크립트가 하는 일 1. 웹의 요소를 제어한다. HTML은 웹 문서의 내용을 구성하고, CSS는 웹 문서의 레이아웃이나 색상, 스타일 등을 지정했다. 자바스크립트를 추가하면 웹 문서의 각 요소를 가져와서 필요에 따라 스타일을 변경하거나 움직이게 할 수 있다. 웹 사이트 UI 부분에 많이 활용한다. 2. 웹 애플리케이션을 만든다. 과거 웹은 단순히 정보를 나열하고 검색했다면, 최근 웹은 사용자와 실시간으로 정보를 주고 받으며 마치 애플리케이션처럼 동작한다. 이 작업을 가능하게 만드는 게 자바스크립트 3. 다양한 라이브러리를 사용할 수 있다. 과거에는 서버에서 했던 일을 이제는 클라이언트에서도 할수 있다. 클라이언트에서 처리해야 할 기능이 많아지면서 자바스크립트 기능은 더욱 강력해지고 있다. 리엑트, 앵..