자바스크립트에서 Truthy와 Falsy 이해하기
·
웹개발/JavaScript
자바스크립트에서 조건문을 작성할 때, 변수의 값이 참(Trythy)인지 거짓(Falsy)인지를 이해하는 것이 중요합니다.Truthy와 Falsy는 논리적 평가에서 사용되는 개념으로, 불리언 값이 아닌 값들이 참 또는 거짓으로 평가되는 방식을 설명합니다.Falsy값Falsy 값은 논리적 평가에서 거짓으로 간주되는 값입니다. 주요 Falsy 값은 다음과 같습니다.false0" " (빈 문자열)nullundefinedNaN이 값들은 조건문에서 모두 거짓으로 사용됩니다.if (!false) console.log("Falsy"); // 출력됨if (!0) console.log("Falsy"); // 출력됨if (!"") console.log("Falsy"); // 출력됨if (!null) ..
flag변수가 뭐에요? 깃발..?
·
웹개발/JavaScript
컴퓨터과학(Computer Science)를 공부하다 보면 신호처리 부분에서 'flag'변수를 사용하시는 모습을 본 적이 있을겁니다. int 정수형은 integer,char 문자형은 character,flag는 뭘까요? 검색해도 깃발이라 나오던데,,,프로그래밍에서 flag는 신호처리를 받는 역할을 합니다.컴퓨터의 신호처리는 1과 0으로 이루어지죠.더보기*TMI : 컴퓨터는 전기신호를 기본적으로 사용하고, 2진수가 정보 표현에 가장 간단하고 효율적이기 때문에 1과 0만을 사용합니다. 1) 컴퓨터는 전기 신호를 이용하여 작동합니다.-> 전기신호는 켜져있는 상태와 꺼져있는 상태로 표현될 수 있으며, 이를 숫자로 나타내면 1과 0이 됩니다. 컴퓨터는 트렌지스터와 같은 전자 소자를 이용하며 이러한 전기 신호를 처..
자바스크립트의 객체
·
웹개발/JavaScript
객체란?숫자형이나 문자형과 같은 원시 자료형과 달리 다양한 값을 담는 자료형입니다.객체 생성자바스크립트에서 객체 생성은 2가지 방법이 있습니다.let objA = {}; ① // '객체 리터럴' 문법let objB = new Object(); // '객체 생성자' 문법1) dbjA에 리터럴(고정된 값) 문법을 사용한다. { } 를 사용하여 객체를 선언한다.let person = { name: "이정환", ① age: 25 ②}key(name, age)와 value(이정환, 25) 값으로 이루어진 property(캡슐화 된 객체)를 작성하면 된다.let person = { name: "이정환", age: 25, age: 30 // 알아두세요 key가 중복되면 가장 마지막 프로퍼티만 남게 됩니다.}..
자바스크립트와 스코프
·
웹개발/JavaScript
자바스크립트에서 변수와 함수는 생성과 동시에 자신에게 접근하거나 호출할 때 제약범위를 갖습니다.이 범위를 스코프(Scope)라고 합니다. 쉽게 말해 변수나 함수에 접근하거나 호출할 수 있는 범위를 말합니다. 전역, 지역 스코프변수가 전역 스코프를 갖는다는 것은 해당 변수를 어디에서든 접근할 수 있다는 의미입니다.반면 전역이 아닌 지역 스코프라는 것은 해당 영역에서만 접근할 수 있다는 의미입니다.다음 코드는 함수 외부에 선언한 변수(전역 스코프)를 내부에서 접근하는 예입니다.let a = 1; // ①function foo() { console.log(a);}function bar() { console.log(a);}foo(); // ② 1 bar(); // ③ 1 console.log(a); // ④..
자바스크립트 함수
·
웹개발/JavaScript
자바스크립트 언어로 코딩을 하다보면 동일하거나 유사한 코드를 반복해서 사용해야 된다는 필요성을 느낄 때가 있습니다.이럴때 함수로 묶어서 사용을 할 수가 있습니다.예시를 통해 알아보겠습니다.다음은 주어진 높이와 너비를 이용해서 직사각형의 면적을 출력하는 예제입니다.let width = 10;let height = 20;let area = width * height;console.log("면적: ", area); // 면적: 200만약 두개를 구한다면 다음과 같아집니다.let width1 = 10;let height1 = 20;let area1 = width1 * height1;let width2 = 100;let height2 = 200;let area2 = width2 * height2;console.l..
자바스크립트에서 반복문 사용방법
·
웹개발/JavaScript
프로그래밍에서 동일하거나 유사한 동작이 반복될때, 같거나 비슷한 코드를 여러번 사용하는 것은 매우 귀찮고 비효율적인 일이다.따라서 이때는 반복문(loop)를 사용하여 효율성을 높일 수 있다.예를들어 1부터 100까지 콘솔에 출력한다고 해보자.반복문을 사용하지 않으면 1부터 100까지 console.log를 이용하여 출력해야한다.console.log(1);console.log(2);(...)console.log(99);console.log(100);for(int i=0; i 하지만 반복문을 사용하면 간결하게 줄일 수 있다.for 문의 사용법for문의 사용법은 다음과 같다.for (초기식; 조건식; 증감식) { 실행할 명령}for문은 초기식을 가지고 조건식과 일치하지 않을 때까지 반복하면서 중괄호에 있는 ..
자바스크립트의 조건문
·
웹개발/JavaScript
조건문이란 특정 조건을 만족할 때 실행되는 동작을 정리한 문법이다.자바스크립트의 조건문에는- if문- switch/case이렇게 두 가지 경우가 있다.if문만약 A라면 B를 한다. 의 내용을 코드로 표현한 것이다.let num = 11;if (num >= 10) { console.log("num은 10 이상입니다."); // num은 10 이상입니다.}변수 num은 11보다 크므로 { }안의 코드가 실행되게 됩니다.만약 그렇지 않다면 if문은 실행되지 않습니다.else를 추가한 if문만약 A라면 B를 해라, A하지 않으면 C를 해라. 를 위해 else를 추가하여 사용한다.let num = 9;if (num >= 10) { console.log("조건 일치!"); console.log("num은 10..
자바스크립트 형 변환
·
웹개발/JavaScript
오늘은 자바스크립트의 형 변환에 대해 알려드리겠습니다.다른 자료형끼리 서로 연산을 한다고 가정했을 때,숫자와 문자를 서로 더하는 연산의 경우 숫자를 문자로 변환하고 문자와 문자를 붙이는 연산을 수행해야 합니다.왜나하면 서로 같은 자료형으로 만드는 작업이 선행되어야 연산이 수행될 수 있기 때문입니다.이처럼 어떤 자료형을 다른 자료형으로 변환하는 것을 '형 변환'이라고 합니다. 형 변환에는 프로그래머가 의도적으로 자료형을 변환하는 '명시적 형 변환'과자바스크립트 엔진이 알아서 변환하는 '묵시적 형 변환'이 있습니다. 명시적 형 변환명시적 형 변환은 개발자가 *내장함수 등을 이용하여 의도적으로 어떤 자료형을 다른 자료형으로 변경하는 작업입니다.더보기*내장 함수가 뭔가요? 🤚🏻보통의 프로그래밍 언어는 프로그..