자바스크립트의 조건문
·
웹개발/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
오늘은 자바스크립트의 형 변환에 대해 알려드리겠습니다.다른 자료형끼리 서로 연산을 한다고 가정했을 때,숫자와 문자를 서로 더하는 연산의 경우 숫자를 문자로 변환하고 문자와 문자를 붙이는 연산을 수행해야 합니다.왜나하면 서로 같은 자료형으로 만드는 작업이 선행되어야 연산이 수행될 수 있기 때문입니다.이처럼 어떤 자료형을 다른 자료형으로 변환하는 것을 '형 변환'이라고 합니다. 형 변환에는 프로그래머가 의도적으로 자료형을 변환하는 '명시적 형 변환'과자바스크립트 엔진이 알아서 변환하는 '묵시적 형 변환'이 있습니다. 명시적 형 변환명시적 형 변환은 개발자가 *내장함수 등을 이용하여 의도적으로 어떤 자료형을 다른 자료형으로 변경하는 작업입니다.더보기*내장 함수가 뭔가요? 🤚🏻보통의 프로그래밍 언어는 프로그..
자바스크립트의 자료형
·
웹개발/JavaScript
자바스크립트의 자료형에 대해 공부해보도록 하겠습니다.자료형 => Type이라고도 하며, 값을 성질에 따라서 분류한 것 자바스크립트의 자료형은 원시자료형과 객체 자료형 2가지로 나뉩니다.원시자료형은 5개로 객체 자료형은 3개로 나뉘게 됩니다.이번 포스팅 글에서는 원시자료형 5개를 정리했습니다.원시자료형이란?원시 자료형, 기본 타입을 의미합니다. 원시 자료형은 한 번에 단 하나의 값만 가질 수 있는 Type입니다.반대로 말하면 동시에 여러 개의 값을 가질 수 없는 뜻이 됩니다.예를 들어 숫자형 자료형을 보여드리겠습니다.let age = 25, 30; // 문법 오류 1. 숫자형(Nuber Type)자바스크립트에서 숫자형에 들어가는 수는 종류를 구분하지 않습니다. 소수, 음수, 실수 등의 모든 수를 같은 종류..
변수 이름 어떻게 지어요?
·
웹개발/JavaScript
명명규칙 : 변수 이름 정하기변수와 상수는 둘다 이름을 가진다는 공통점이 있습니다. 이렇게 변수와 상수에 이름을 정해주는 행위를 명명 또는 네이밍이라고 합니다.네이밍에는 다음과 같은 규칙들이 있습니다.1) 기호 사용 : 자바스크립트에서는 변수는 한글을 포함해서 문자. 숫자. 특수기호의 일부를 사용할 수 있습니다. 특수기호는 _와 $ 두 가지만 사용 가능합니다.const user_name = "이정환";const $ = "jQuery";console.log(user_name); "이정환"console.log($); "jQuery"숫자 사용 규칙네이밍을 할 때에 숫자 사용방법을 알아야 합니다. 숫자를 사용할 수는 있지만 변수 명의 시작 첫 글자를 숫자로 해서는 안됩니다.let 2022year = "good"..
변수랑 상수 많이 들었는데 잘 모르겠어요.. 헤헤
·
웹개발/JavaScript
변수가 머에여?변수는 저장공간입니다. 프로그램을 실행하면서 중간중간에 값들을 저장해둬야 하는데 그 값들을 저장할 수 있는 공간이지요~ 비유로 표현하면 레고박스입니다! 레고를 조립하면서 부품들을 잠시 넣어두고, 꺼내쓰고 할 수 있는 공간처럼요!예시를 통해 이해를 도와드릴게요🤗let age = 25;변수 선언 let에 대해 뭔지 궁금하다면 변수 선언형 포스팅 글을 참고해주세요!let은 변수를 선언하는 '선언형'(어떤 형식으로 선언했는지)라고 생각하시면 되고, age 저놈이 변수입니다!age는 레고박스의 이름이라고 생각하시면 되요. 'age'라는 이름을 스티커로 붙여놓은 레고박스! 이해가 되시나요?🧐 더보기더보기  개발 과정에서 사용하는 언어표현 TMI😎위에서 let age를 사용하면 '변수를 선언한다'..
자바스크립트의 변수형 3가지 var, let, const
·
웹개발/JavaScript
자바스크립트에서 변수를 선언하는데 사용되는 키워드는 3가지가 있습니다.1. var2. let3. const먼저 var 변수는 블록 범위를 벗어나도 유효합니다. 즉 함수안에서 선언되어 사용됐다고 할때, 함수 밖에서도 값이 계속 유지가 됩니다.let, const는 블록범위를 벗어나면 존재 자체가 사라집니다.예시입니다:function foo() { var x = 10; // var는 블록 범위를 벗어나 함수 스코프까지 유효 console.log(x); // 10 출력}foo();console.log(x); // ReferenceError: x is not definedvar는 함수가 종료되어도 남아있으므로 출력 결과가1010이 됩니다.반면 let이나 const를 사용하게 되면,function foo() {..
자바스크립트의 동기적 처리와 비동기 처리
·
웹개발/JavaScript
자바스크립트(JavaScript)의 동기적 처리와 비동기 처리에 대한 글입니다!!!!!!!!먼저!@!동기적 처리는 뭐고, 비동기적 처리는 뭔지 알고 있으신가요? 저는 몰랐습니다만?;;;; ㅎㅎ동기적 처리 => 순서대로 줄을 서서 한 명씩 일을 처리하는 것과 같습니다.1) 코드가 한 줄씩 위에서 아래로 실행됩니다.2) 이전 코드가 완료되지 않으면 다음코드가 실행되지 않습니다.3) 따라서 느린 코드가 있으면 전체 속도가 느려집니다.비동기 처리 => 여러 일을 동시에 처리하는 것과 같습니다.1) 코드가 요청되면 즉시 다음 코드로 넘어갑니다. (요청 후 처리가 끝나지 않아도 넘어감!)2) 요청된 작업은 다른 *스레드에서 수행되고, 완료되면 *콜백 함수를 통해 결과를 알려줍니다.*스레드는 실행되는 작업 단위(가볍..