프런트 개발 공부 중 비동기 통신에 대해 공부를 시작했다... 여기서부터 나의 고난이 시작되었다 비동기 통신의 개념과 사용법은 이해하였으나, 아직 문법적인 표현들이 익숙하지 않아서 그런지 볼 때마다 낯설다 더욱 익숙해지도록 다시 공부해보자! JS가 실행되는 과정 JavaScript 엔진이 가동돼서 사람이 작성한 코드르 컴퓨터가 이해할 수 있도록 작업한다. dynamic binding : this가 환경에 따라 바뀌는 것을 동적 바인딩이라 한다. JavaScript를 이해하기 위해서 객체가 진정 무엇인지 이해하는 과정이 필요하다. 객체는 관련된 데이터와 함수의 집합이다. 변수를 선언하고 그 안에 여러 가지 값을 할당해주면 그것이 하나의 객체가 되는 것이다. const person = { name: ['Bo..

연산자 : JavaScript에서는 여러 가지의 연산자가 있습니다. 종류를 살펴보면 산술 연산자 : +, -, *, /, %, ** 증감 연산자 : ++ (1씩 증가), -- (1씩 감소) 대입 연산자 : let x = 10 // 오른쪽에 있는 값 10을 x에 대입. 할당 연산자 : 비교 연산자 : == (값이 같다), === (데이터 타입이 같다), `!=` (값이 다르다) 논리 연산자 : && (AND), || (OR), !(NOT) 이렇듯 여러 가지의 연산자들을 자유롭게 작성하기 위해서 많이 익숙해지고 연습이 필수인것같다. 조건문 : if 문 의 기본 구성은 -> if (조건) {수행할 명령} let a = 20; let b = 40; if (a>b) { console.log("a는 b보다 크다")..

리엑트는 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리이다. 웹브라우저를 만들때 HTML, CSS, JS로 다 만들 수 있지만, 코드가 복잡해지면서 생산성이 떨어진다. 이때, React를 이용하면 단순하고 간결하게 코드를 만들 수 있다. 먼저, 경험을 하고 싶다면, React 사이트에서 온라인 플레이그라운드로 소개하고 있는 stackblitz.com으로 들어가 사용해 보자. React (forked) - StackBlitz 온라인에서 간단히 살펴봤다면 지금부터, 개인 로컬 컴퓨터에서 개발환경을 세팅해 보자!🔥 Node.js 설치를 해야 한다. https://nodejs.org/ko/download 사이트에서 최신 LTS를 다운로드한다. vscode를 열고 프로젝트를 실행할 폴더를 열자(혹..

우리가 보통 프런트엔드 분야에 입문하여, 코딩을 배우기 시작하면 HTML, CSS, JavaScript 이 삼대장을 무조건 배우고 넘어간다. 여기서!!! JS은 무엇인지 지금까지 내가 학습하고 경험 한 내용을 정리해 보겠다. JavaScript 란? 웹 페이지를 만들때 복잡한 기능을 구현할 수 있도록 하는 스크립팅 언어이다. 컴파일이 필요 없는 인터프리터 언어이며, 웹을 풍성하고 동적으로 만들어 주는 역할을 한다. 예를 들어, 웹으로 계산기를 만들 때 HTML과 CSS로 계산기의 구성요소와 디자인을 만들어주고 끝이 난다면, 사용자가 원하는 계산을 위해 버튼을 클릭했을 때 아무런 반응도 일어나지 않고 그저 이쁜 껍데기일 뿐이다, 이럴 때 JavaScript 를 이용하여 계산기의 계산기능을 구현할 수 있다!..