본문 바로가기

강의 실습159

조건문 조건문은 특정 조건이 성립되었을 때 그 조건에 해당하는 코드를 실행하게 하는 문법 1. if문 if문 옆에 작성하는 괄호 안에 특정 조건문을 넣어 해당 조건문이 성립하면 if문안의 코드를 실행하는 조건문. 영어 if 의 뜻과 같이 만약 ~ 하면 ~해라 라는 뜻. // 조건문 // if문 let num1 = 10; if (num1 === 10) { //조건 console.log("num1의 값은 10 입니다."); //실행 코드 } let num2 = 5; if (num2 === 10) { //조건 console.log("num2의 값은 10 입니다."); //실행 코드 } if문 안에 있는 조건에 맞지 않으면 코드가 실행되지 않고 아무것도 출력이 되지 않음. if문은 특정 조건이 만족 될 때만 코드를 실.. 2023. 8. 2.
연산자 연산자는 프로그래밍 언어에서 특정 연산을 할 수 있도록 도와주는 문자 // 연산자 let number = 25; console.log(number + 5); //30 console.log(number - 5); //20 console.log(number * 5); //125 console.log(number / 5); //5 1. 산술 연산자 1) 사칙 연산자 // 사칙 연산자 let num1 = 10; let num2 = 5; console.log(num1 + num2); // 15 console.log(num1 - num2); // 5 console.log(num1 * num2); // 50 console.log(num1 / num2); // 2 나머지 연산은 % 기호를 사용하고, 기호를 기준으로 왼.. 2023. 8. 1.
자료형과 형 변환 1. 자료형 - 원시 타입 : 숫자형, BigInt형, 문자형, Boolean형, Null, Undefined, Symbol형 - 비 원시 타입 : 객체형(객체, 함수, 배열) // 자료형 let number = 123; number = "123"; // 원시 타입 : 하나의 고정된 값 let array = [1, "2", 3]; //비원시 타입 : 한 번에 여러 개의 값 2. 숫자형 숫자형(Number 타입)은 정수, 소수 등의 모든 숫자를 나타내며, 사칙연산 가능. // 숫자형 let number2 = 25; console.log(number2 + 5); //30 console.log(number2 - 5); //20 console.log(number2 * 5); //125 console.log(nu.. 2023. 7. 31.
변수와 상수 1. 변수 프로그램이 실행되는 도중에 변경되는 값을 저장하기 위한 이름을 가진 저장소 // 변수 // let 이름 = 값; let color = "skyblue"; console.log(color); // skyblue color = "yellow"; console.log(color); // yellow 변수를 선언할 때 let 이라는 키워드를 사용. 자바스크립트 변수를 선언하고, 중간에 값을 변경할 수 있다. 2. 변수 명명 규칙 1) '$'와 '_'를 제외한 기호는 사용 불가 let $name; let test_data; let & name; //불가능 let ^ test; //불가능 2) 변수명의 맨 앞은 숫자 사용 불가 let 1test; //불가능 let test12; //가능 3) 예약어 사용.. 2023. 7. 30.
자바스크립트 코딩 환경 설정 1. 자바스크립트 동작 방식 자바스크립트는 자바스크립트 엔진이 들어있는 곳에서 동작하고, 자바스크립트 엔진은 웹브라우저에 포함되어 있고, 이런 웹브라우저를 자바스크립트 실행환경, 런 타임 이라고 부른다. 2. 브라우저에서 Hello World 출력 Chrome 브라우저의 개발자 도구에서 콘솔을 통해 "hello world" 출력 console.log 명령어를 웹브라우저에 있는 자바스크립트 엔진이 해석해서 잘 실행한 것을 확인할 수 있으나, 코드가 즉시 실행이 되어 불편하다. 웹브라우저의 개발자 도구 보다 조금 더 편리하게 자바스크립트 코드를 실행시킬 수 있는 에디터에서 자바스크립트를 실행. 3. 코드 샌드박스 에디터에서 Hello World 출력 코드 샌드박스(CodeSandBox)는 환경설정과 별도의 .. 2023. 7. 28.
자바스크립트를 배워야 하는 이유 1. 자바 스크립트란? 웹페이지를 동적으로 만들어주는 프로그래밍 언어 2. 자바? 자바스크립트? 이름만 서로 비슷할 뿐, 아예 다른 언어 3. 모던 자바스크립트란? 자바스크립트 ES6와 그 이후의 버전들을 모두 포함한 자바스크립트 4. 자바스크립트로 할 수 있는 일 웹 개발, 서버 개발, 애플리케이션 개발 5. 자바스크립트를 왜 배워야할까? 세계적으로 인기가 많다는 것은 그 언어를 사용하는 기업이 많다는 것을 뜻함. 따라서 자바스크립트를 배우게 되면, 후에 취업 시장에서 많은 이점들이 있을 수 있음. 6. 자바스크립트를 사용하는 기업들 대표적인 기업으로 카카오, 배민, 네이버, 당근마켓, 쿠팡, 넷플릭스, 아마존, 인스타그램, 페이스북, 트위터 등이 있고, 그 외에도 아주 많은 기업들이 자바스크립트 기반.. 2023. 7. 27.

티스토리툴바