프로그래밍에서 동일하거나 유사한 동작이 반복될때, 같거나 비슷한 코드를 여러번 사용하는 것은 매우 귀찮고 비효율적인 일이다.따라서 이때는 반복문(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문은 초기식을 가지고 조건식과 일치하지 않을 때까지 반복하면서 중괄호에 있는 ..

조건문이란 특정 조건을 만족할 때 실행되는 동작을 정리한 문법이다.자바스크립트의 조건문에는- 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..

오늘은 자바스크립트의 형 변환에 대해 알려드리겠습니다.다른 자료형끼리 서로 연산을 한다고 가정했을 때,숫자와 문자를 서로 더하는 연산의 경우 숫자를 문자로 변환하고 문자와 문자를 붙이는 연산을 수행해야 합니다.왜나하면 서로 같은 자료형으로 만드는 작업이 선행되어야 연산이 수행될 수 있기 때문입니다.이처럼 어떤 자료형을 다른 자료형으로 변환하는 것을 '형 변환'이라고 합니다. 형 변환에는 프로그래머가 의도적으로 자료형을 변환하는 '명시적 형 변환'과자바스크립트 엔진이 알아서 변환하는 '묵시적 형 변환'이 있습니다. 명시적 형 변환명시적 형 변환은 개발자가 *내장함수 등을 이용하여 의도적으로 어떤 자료형을 다른 자료형으로 변경하는 작업입니다.더보기*내장 함수가 뭔가요? 🤚🏻보통의 프로그래밍 언어는 프로그..

자바스크립트의 자료형에 대해 공부해보도록 하겠습니다.자료형 => Type이라고도 하며, 값을 성질에 따라서 분류한 것 자바스크립트의 자료형은 원시자료형과 객체 자료형 2가지로 나뉩니다.원시자료형은 5개로 객체 자료형은 3개로 나뉘게 됩니다.이번 포스팅 글에서는 원시자료형 5개를 정리했습니다.원시자료형이란?원시 자료형, 기본 타입을 의미합니다. 원시 자료형은 한 번에 단 하나의 값만 가질 수 있는 Type입니다.반대로 말하면 동시에 여러 개의 값을 가질 수 없는 뜻이 됩니다.예를 들어 숫자형 자료형을 보여드리겠습니다.let age = 25, 30; // 문법 오류 1. 숫자형(Nuber Type)자바스크립트에서 숫자형에 들어가는 수는 종류를 구분하지 않습니다. 소수, 음수, 실수 등의 모든 수를 같은 종류..

명명규칙 : 변수 이름 정하기변수와 상수는 둘다 이름을 가진다는 공통점이 있습니다. 이렇게 변수와 상수에 이름을 정해주는 행위를 명명 또는 네이밍이라고 합니다.네이밍에는 다음과 같은 규칙들이 있습니다.1) 기호 사용 : 자바스크립트에서는 변수는 한글을 포함해서 문자. 숫자. 특수기호의 일부를 사용할 수 있습니다. 특수기호는 _와 $ 두 가지만 사용 가능합니다.const user_name = "이정환";const $ = "jQuery";console.log(user_name); "이정환"console.log($); "jQuery"숫자 사용 규칙네이밍을 할 때에 숫자 사용방법을 알아야 합니다. 숫자를 사용할 수는 있지만 변수 명의 시작 첫 글자를 숫자로 해서는 안됩니다.let 2022year = "good"..

변수가 머에여?변수는 저장공간입니다. 프로그램을 실행하면서 중간중간에 값들을 저장해둬야 하는데 그 값들을 저장할 수 있는 공간이지요~ 비유로 표현하면 레고박스입니다! 레고를 조립하면서 부품들을 잠시 넣어두고, 꺼내쓰고 할 수 있는 공간처럼요!예시를 통해 이해를 도와드릴게요🤗let age = 25;변수 선언 let에 대해 뭔지 궁금하다면 변수 선언형 포스팅 글을 참고해주세요!let은 변수를 선언하는 '선언형'(어떤 형식으로 선언했는지)라고 생각하시면 되고, age 저놈이 변수입니다!age는 레고박스의 이름이라고 생각하시면 되요. 'age'라는 이름을 스티커로 붙여놓은 레고박스! 이해가 되시나요?🧐 더보기더보기  개발 과정에서 사용하는 언어표현 TMI😎위에서 let age를 사용하면 '변수를 선언한다'..

자바스크립트에서 변수를 선언하는데 사용되는 키워드는 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() {..

React의 기초가 되는 HTML, CSS, JS(자바스크립트)!다들 어떤 언어이고, 어떤 목적으로 개발 되었는지를 포스팅 해보도록 하겠습니다.어떤 언어인가?우리가 웹 페이지 제작을 위해서는 3개의 언어를 사용하는데요,HTML : 웹 페이지 요소들을 어떻게 배치할건지CSS : 웹 페이지를 어떻게 디자인 할 것인지JS(자바스크립트) : 웹 페이지 요소가 어떻게 동작할 것인지이렇게 3가지로 사용됩니다.위 세언어의 역할과 기능에 대해 설명을 짧게! 드릴게요.HTMLHTML(Hyper Text Markup Language)은 버튼, 텍스트, 이미지, 메뉴 등과 같이 웹 페이지를 구송하는 요소들을 배치하는 언어입니다. HTML만으로도 웹 페이지를 제작할 수는 있으나 디자인과 다양한 효과를 주기는 어렵습니다. 신문..