1. 지역변수와 전역변수 자바스크립트에서 변수를 선언하고 사용할 때 변수가 적용되는 범위를 스코프라고 한다. 1️⃣ 지역변수 지역변수는 한 함수 안에서만 사용할 수 있는 변수로, 로컬 변수라고도 한다. 예약어 var와 함께 변수 이름을 지정한다. 2️⃣ 전역변수 전역변수는 스크립트 소스 전체에서 사용할 수 있는 변수를 전역 변수라고 하고, 또는 글로벌 변수라고 한다. 전역변수는 적용 범위를 제한하지 않고 쓸 수 있다. 2. var와 호이스팅 호이스팅이란 상황에 따라 변수의 선언과 할당을 분리해서 선언 부분을 스코프의 가장 위쪽으로 끌어올리는 것을 말한다. 이 함수의 실행 결과는 x is 10 과 y is undefined 이다. y 도 20이 나올 것이라고 예상했는데 undefined 인 이유는 호이스팅..

* 연습문제 1 HTML 4의 배수일까 아닐까 * 연습문제 2 3의 배수 찾기

1. for문 for(초기값; 조건문; 증가식) { 명령 } 2. 중첩 for문 for문 안에 다른 for문을 넣어 사용하는 것을 중첩 for문이라고 한다. 3. while문 while(조건) { 명령 } while문은 조건이 true인 경우에만 해당 명령을 실행한다. 4. do~while문 do { 명령 } while(조건) do~while문은 while문과 다르게 조건문이 뒤에 붙기 때문에 조건문이 false여도 일단 명령을 한번은 실행한다. ❗ while문은 조건부터 체크하지만 do~while문은 일단 명령 실행한 후 조건을 체크한다. 5. break와 continue 1️⃣ break break문은 종료 조건이 되기 전에 반복문을 빠져나올 때 사용한다. 2️⃣ continue continue문은 ..

1. if, if-else, 중첩 if-else if(조건문) { 조건문 결과가 true 일때 실행되는 명령 } if(조건문) { 조건문 결과가 true 일때 실행되는 명령 } else { 조건문 결과가 false 일 때 실행되는 명령 } if(조건문1) { if(조건문2) { 조건문 결과가 true 일때 실행되는 명령 } else { 조건문2 결과가 false 일 때 실행되는 명령 }else { 조건문1 결과가 false 일 때 실행되는 명령 } 2. 조건연산자 (조건) ? true 일때 실행할 명령 : false 일때 실행할 명령 3. 논리연산자 1️⃣ OR 연산자 || 기호 사용하고, 하나라도 true 값 있으면 결과값은 true이다. 2️⃣ AND 연산자 && 기호 사용하고, 하나라도 false값..

1. 변수, 상수 진짜 기초적인 개념이지만 변수는 프로그램을 실행하는 동안 값이 값이 여러번 달라질 수 있는 데이터이다. 상수는 값을 한번 지정하면 바뀌지 않는 데이터를 상수라고 한다. 2. 변수 선언 규칙 변수를 사용하려면 변수를 구별할 수 있도록 이름을 붙여야한다. 1️⃣ 변수 이름은 영문자나 _, 숫자를 사용한다. EX) num1, product_name, _name 2️⃣ 변수 이름에 예약어를 사용할 수 없으며, 대소문자를 구별한다. name, Name, NAME 모두 다른 변수이며, var 같은 예약어를 변수이름으로 선언할 수 없다. 3️⃣ 여러 단어를 연결할 때 공백은 안되며, 대문자를 섞어 사용한다. product_Code 처럼 여러 단어를 연결할 때는 공백은 안되고, 두번째 단어의 첫 글자..

1️⃣ 코드를 들여쓰기 한다. 자바스크립트 소스를 작성할 때는 들여쓰기를 해야한다. 들여쓰기를 해야 소스간의 포함관계를 보기 좋기 때문이다. 2️⃣ 세미콜론; 사용한다. 자바스크립트는 원래 세미콜론을 작성하지 않아도 정상적으로 동작하지만 문장을 끝날 때 세미콜론을 붙이는것이 디버깅할 때도 좋기 때문에 작성하는걸 권장한다. 3️⃣ 공백을 넣어 가독성 높이기 예약어나 연산자, 값 사이에는 공백을 넣어 소스 코드를 읽기 쉽게 작성한다. 디버깅할 때 공백이 있어야 가독성이 좋다 . 4️⃣ 주석 작성 한줄 주석 : // 두줄 주석: /* */ 5️⃣ 식별자는 규칙을 지켜 작성한다. 식별자 첫글자로는 영문자, _, $로 시작해야한다. 식별자에서 단어 사이에는 공백 안되고, _나 - 로 연결한다. 그러면 첫 단어의 ..

1. alert alert는 알림창으로 가장 많이 사용하는 간단한 대화 상자이다. 2. confirm confirm 은 확인창으로 사용자가 [확인] 이나 [취소] 버튼 중에서 직접 클릭할 수 있다. 3. prompt 프롬프트 창은 텍스트 필드가 있는 창이다. 이 텍스트 필드 안에 간단히 메시지를 입력할 수도 있고, 그 메시지를 가져와 프로그램에서 사용할 수도 있다. 4. document.write() document.write()는 웹 문서에서 괄호 안의 내용을 표시하는 명령문이다. 이 명령문은 단순히 브라우저 화면에서 결과값을 확인하는 용도로 많이 사용한다. 5. console.log console.log() 문은 괄호 안의 내용을 콘솔 창에 표시한다. 콘솔 창은 웹 브라우저의 개발자 도구 창에 포함되..

html은 웹 문서의 내용을 구성하고, CSS는 웹 문서의 레이아웃이나 색상, 스타일 등을 지정했다. 여기에 JS는 웹 문서의 각 요소를 가져와서 필요에 따라 스타일을 변경하거나 움직이게 할 수 있다. 1. 자바스크립트 JS 라이브러리 웹 애플리케이션을 개발할 때는 리액트, 앵귤러, 뷰와 같은 프레임워크가 있고, 그래픽 활용을 위한 D3.js나 DOM을 쉽게 조작할 수 있게 해주는 제이쿼리 같은 라이브러리도 있다. 그리고 JS로 이제 서버 개발을 할 수 있다. Node.js는 그동안 프론트 개발에서 사용하던 자바스크립트를 백엔드 개발에서 사용할 수 있도록 만든 프레임워크이다. 2. 웹 문서에서 이제