바닐라 코드 (30) 썸네일형 리스트형 5. 변수와 상수 1. 정보에 이름을 붙여 저장하는 방법데이터를 저장하는 상자에 이름을 붙이고 그 안에 데이터를 넣어 사용할 수 있다.let message = "Hello!";console.log(message); // "Hello!"상자를 만들고 이름표를 붙여 데이터를 저장해두면, 필요할 때 이름표를 사용해 데이터를 꺼낼 수 있다.2. 변수 (let) - 변하는 값을 저장변수란 변할 수 있는 값을 저장하는 상자이다.1. 변수 선언과 값 변경let score; // 점수라는 이름의 상자를 만듦 score = 10; // 상자에 10을 넣음 score = 20; // 상자의 값을 20으로 변경console.log(score); // 20 (변경한 20 출력)2. 변수 선언 시 주의 사항상자를 만들 때는 let 키워드를 사용.. 4. use strict 엄격 모드(Strict Mode)1. 자바스크립트와 자유도자바스크립트는 유연하고 자유도가 높은 언어다.하지만, 초기 자바스크립트에는 애매한 문법이 존재했다.이런 문법은 작은 스크립트에서는 문제가 없지만, 복잡한 프로그램에서는 에러의 원인이 될 수 있다.2. 엄격 모드란?엄격 모드(Strict Mode)는 자바스크립트의 애매한 문법 사용을 제한하는 기능이다.이 모드를 사용하면 더 안전하고 명확한 코드를 작성할 수 있다.활성화 방법: 파일 최상단에 "use strict";를 추가한다."use strict"; // 엄격 모드 활성화let x = 10; // 정상 작동undeclaredVariable = 20; // 에러 발생: 선언하지 않은 변수3. 엄격 모드 활성화의 장점안전한 코드 작성잘못된 코드가 실행되.. 3. 문과 식 1. 문(statement): 작업을 실행하는 단위문은 작업을 실행하며, 결과 값을 반환하지 않는다.일반적으로 한 줄에 하나의 문을 작성하며, 서로 다른 문은 줄바꿈을 통해 구분한다.대표적인 예: 조건문, 반복문, 함수 호출 등.// 웹 페이지에 경고 창을 띄우는 문alert('Hello'); // 이 문은 "Hello"라는 메시지를 출력하지만, 값을 반환하지 않는다.2. 식(expression): 값을 반환하는 코드식은 실행된 후 하나의 값을 반환한다.값 자체도 식으로 간주할 수 있다.예를 들어, 수학 연산, 변수 참조, 함수 호출 등이 식에 해당한다.// 숫자 값을 반환하는 식10;// 두 값의 합을 계산해 반환하는 식5 + 5;// 함수 호출로 값을 반환하는 식function returnTen() .. 2. html에 자바스크립트 추가하기 자바스크립트를 HTML에 추가하는 방법1. 자바스크립트 파일 없이 HTML에 직접 작성 설명: HTML과 JS 연결 설명:main.js 파일에 자바스크립트 코드를 작성하면 HTML과 분리된 구조로 관리할 수 있다.defer 속성을 사용하면 DOM 조작과 관련된 스크립트를 안전하게 실행할 수 있다.3. src 속성과 내부 코드 혼용 금지src 속성과 내부 코드가 동시에 있을 경우, 내부 코드는 무시된다.설명:src 속성이 있을 때는 외부 파일만 참조하므로 내부 코드는 삭제하거나 분리해야 한다.4. 설명:두 개의 스크립트가 각각 순서대로 실행된다.HTML 파싱이 완료된 후 실행되므로 DOM과의 충돌이 없다.2) async 속성HTML 다운로드와 병렬로 스크립트를 다운로드하고 실행한.. 1. 자바스크립트란? 1. 자바스크립트의 탄생자바스크립트는 1995년, 넷스케이프(Netscape)라는 브라우저 회사에서 탄생했는데, 웹 페이지를 좀더 동적으로 만들 수 있는 스크립트를 만드는 것이 목표었다. (넷스케이프는 마이크로소프트의 인터넷 익스플로러(IE)에 밀려 역사 속으로 사라짐)HTML과 CSS는 정적인 구조와 스타일만 제공.자바스크립트는 이를 보완해 사용자와 상호작용할 수 있는 웹을 가능하게 한다.특징브라우저에서만 동작하도록 설계됨.주로 보조적인 기능(예: 버튼 클릭, 폼 검증)에 사용.초기 사용 예시// 버튼 클릭 시 경고창 띄우기function showAlert() { alert("버튼이 클릭되었습니다!");}HTML과 연결:클릭하세요2. ECMA 표준화와 발전ECMA는 컴퓨터 시스템의 표준을 관리하.. 0. 자바스크립트 용어 💡 자바스크립트를 이야기할 때 사용되는 단어들모든 용어를 처음부터 외울 필요는 없다. 개발자마다 용어를 다르게 사용할 때도 있으니, 뉘앙스를 이해하며 기억하자.기본 문법 관련 용어선언 (Declaration)정의: 변수를 선언하는 작업.예시:let name;다른 표현: 정의(Definition)초기화 (Initialization)정의: 변수 선언과 함께 첫 값을 할당하는 것.예시:let name = 'mike';다른 표현: 변수 설정식 (Expression)정의: 결과 값이 있는 코드의 조각.예시:5 + 10;a * b;다른 표현: 표현식문장 (Statement)정의: 결과 값 없이 특정 동작을 수행하는 단위.예: if, for, while 문.다른 표현: 명령, 문평가 (Evaluation)정의: 코.. 이전 1 2 3 4 다음
