목록SW 개발/Vanilla JS (21)
DATA101
💡목표 JavaScript에서 생성자 함수의 활용법에 대해 이해한다. 생성자 함수 정의 Java, Python 등 여러 프로그래밍 언어에서 사용하는 클래스(Class)가 JavaScript에서 곧 생성자(Constructor)입니다. JavaScript에서는 함수명의 첫 글자를 대문자로 표시하여 생성자를 정의합니다. 일반적인 클래스와 마찬가지로 생성자 함수는 필드, 함수를 포함합니다. 예시 코드 아래 예시 코드와 함께 살펴보겠습니다. // 함수명의 첫 글자가 대문자인 경우 = 생성자 함수 function ConstructorExample(){ // ----필드 시작---- this.name = 'Tony'; this.age = 20; // 멤버 변수(필드) // ----필드 끝---- // ----멤버 ..
💡 학습 목표 JavaScript에서 변수 간 값과 타입을 비교하는 연산자 종류와 활용 방법에 대해 이해한다. 변수 선언 숫자형의 변수 a와 문자열의 변수 b가 있습니다. a = 123 // 숫자형 b = '123' // 문자열 변수 간 값이나 타입을 비교할 때는 '=='과 '===' 기호를 활용합니다. 각각 알아보겠습니다. 1. 값 비교(==) 두 변수 a, b의 값만 비교할 때는 '==' 기호를 활용합니다. conosole.log(a == b); 실행결과 두 변수의 타입은 숫자형과 문자형이지만 값은 같기 때문에 true가 반환되는 것을 확인할 수 있습니다. true 2. 값 & 타입 비교(===) 값뿐만 아니라 변수 타입까지 비교할 때는 '===' 기호를 활용합니다. conosole.log(a ===..
💡 학습목표 자바스크립트에서 변수 선언 방법 및 변수 타입 확인 방법을 학습한다. 목차 1. 변수 선언 타입 3가지 1) var 타입 2) let 타입 3) const 타입 2. 변수 타입 확인: typeof() 1. 변수 선언 타입 3가지 자바스크립트에서 변수를 선언할 때는 var, let, const 중 하나를 사용합니다. 1) var 타입 지금으로부터 5~6년 전에만 해도 var 타입을 사용해서 변수를 선언하였습니다. 하지만 최근에는 var 타입은 사용하지 않고 let 타입을 사용합니다. var a = 10; var b = '호랑이'; var c = true; console.log(a, b, c); 실행결과 C:\Program Files\nodejs\node.exe .\sample01.js 10 호..
JavaScript에서 조건문이 단문인(1 line) 경우 더욱 간결하게 작성하는 방법이 있습니다. 대중적으로 사용되는 구문이니 참고하시길 바랍니다. 일반적인 조건문 아래 코드는 조건문 작성의 정석 코드라고 볼 수 있죠. 다음과 같이 조건문 scope 안에 코드가 단문일 경우 더욱 간결하게 작성하는 방법이 있습니다. let num = 100; if (num > 50){ console.log(num); } 클린 코드 && 연산자를 활용하여 조건식을 연산자 좌측에, 조건문 내 실행문을 연산자 우측에 작성하면 됩니다. let num = 100; num > 50 && console.log(num); 위 코드를 처음 보는 분들은 다소 어색해하실 수 있지만, 실무에서도 대중적으로 사용되는 구문이니 참고하시어 활용하..
💡학습목표 Node.js 설치하는 방법과 환경 변수 설정하는 방법에 대해 학습한다. Node.js 설치여부 확인 cmd 창에 아래 명령어를 입력해 봅니다. (cmd 창 키는 방법: 키보드 내 윈도우 버튼 + cmd 입력) node -v 아래와 같은 문장이 출력되면 NodeJS가 설치되어 있지 않다는 것입니다. Node.js 설치하기 설치 링크 https://nodejs.org/en/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 가장 안정화된 버전인 LTS 버전(포스팅일 기준 16.13.0)으로 다운로드합니다. Next 클릭 라이센스 accept 하고 Next 클릭 파일경로 수정은 불필요..