자바스크립트에서 변수를 선언하는데 사용되는 키워드는 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) 요청된 작업은 다른 *스레드에서 수행되고, 완료되면 *콜백 함수를 통해 결과를 알려줍니다.*스레드는 실행되는 작업 단위(가볍..