자바스크립트의 자료형에 대해 공부해보도록 하겠습니다.자료형 => 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만으로도 웹 페이지를 제작할 수는 있으나 디자인과 다양한 효과를 주기는 어렵습니다. 신문..

다들 리액트를 하신다면 웹 개발이시죠?웹 개발을 하게 되면 데이터를 브라우저에서만 들고 있는게 아니라, 데이터를 보존하고, 다른 사람들도 조회할 수 있게 하려면 서버를 만들고, 서버의 API를 사용해서 데이터를 읽고, 써야할 줄 알아야 합니다.API => Application Programming Interface : 소프트웨어 애플리케이션 간의 상호작용을 위한 인터페이스이 내용의 이해를 위해서는 자바스크립트의 비동기 처리에 대한 개념을 알고 있어야 합니다!

자바스크립트(JavaScript)의 동기적 처리와 비동기 처리에 대한 글입니다!!!!!!!!먼저!@!동기적 처리는 뭐고, 비동기적 처리는 뭔지 알고 있으신가요? 저는 몰랐습니다만?;;;; ㅎㅎ동기적 처리 => 순서대로 줄을 서서 한 명씩 일을 처리하는 것과 같습니다.1) 코드가 한 줄씩 위에서 아래로 실행됩니다.2) 이전 코드가 완료되지 않으면 다음코드가 실행되지 않습니다.3) 따라서 느린 코드가 있으면 전체 속도가 느려집니다.비동기 처리 => 여러 일을 동시에 처리하는 것과 같습니다.1) 코드가 요청되면 즉시 다음 코드로 넘어갑니다. (요청 후 처리가 끝나지 않아도 넘어감!)2) 요청된 작업은 다른 *스레드에서 수행되고, 완료되면 *콜백 함수를 통해 결과를 알려줍니다.*스레드는 실행되는 작업 단위(가볍..