본문 바로가기

javascript14

[JS] 표현식과 문 값 식이 평가되어 생성된 결과. // 10 + 20은 평가되어 숫자값 30을 생성한다. 10 + 20; // 30 모든 값은 데이터 타입을 갖으며 메모리에 저장된 값이다. 변수에 할당되는 것은 값이다. var sum = 10 + 20; console.log(sum); // 30 // 결과적으로 sum = 30이라는 값이 할당되는 것. sum에 할당되는 것은 30 의 값. 리터럴 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용하여 값을 생성하는 표기 방식이다. 아라비아 숫자, 알파벳, 한글, 미리 약속된 기호('',"",[],{})로 표기한 코드 자바스크립트 엔진은 코드가 실행되는 시점인 런타임에 리터럴을 평가하여 값을 생성한다. 값을 생성하기 위해 미리 약속한 표기법이다. // 정수 리터럴 100 .. 2020. 7. 4.
[JS] 변수 자바스크립트를 다루기위한 가장 기초적인 문법입니다. 변수 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 메모리 공간을 식별하기 위해 붙인 이름 데이터를 입력받아 처리하고 그 결과를 출력하는 것, 즉 변수는 데이터를 관리한다. 10 + 20 + 연산자의 좌변과 우변의 숫자 값, 즉 피연산자를 기억해야 한다. 할당: 변수에 값을 저장하는 것 참조: 변수에 저장된 값을 읽어 들이는 것 식별자 어떤 값을 구별하여 식별해낼 수 있는 고유한 이름 메모리 공간에 저장되어 있는 어떤 값을 구별하여 식별해낼 수 있어야 한다. 식별자는 값이 아니라 메모리 주소를 기억하고 있다. 메모리 주소에 붙인 이름. 변수 선언 변수를 사용하려면 반드시 선언이 필요하다. 변수를 선언할 때는 var, let, const 키워드.. 2020. 6. 30.
[JS] 자바스크립트란? 자바스크립트의 역사와 간단한 동작원리를 알아봅니다. 일반적인 프로그래밍 언어와 다르게 웹 페이지의 단순한 보조 기능을 처리하기 위한 제한적인 용도를 목적으로 태어났다. 자바스크립트 엔진 내부에서 암묵적으로 처리해 주는 기능이 있습니다. 편리한 경우도 있지만 내부 동작을 이해하기 어려웠다. 하지만, 자바스크립트는 더 이상 제한적 용도의 프로그래밍 언어가 아닙니다. 프론트엔드와 백엔드 영역의 프로그래밍 언어로 사용할 수 있는 범용 애플리케이션 개발 언어로 성장했다. 자바스크립트 브라우저에 따라 웹 페이지가 정상적으로 동작하지 않는 크로스 브라우징 이슈가 발생하기 시작했고, 웹 페이지를 개발하는 것은 무척 어려워졌다. 자바스크립트의 파편화를 방지하고 모든 브라우저에서 정상적으로 동작하는 표준화된 자바스크립트에.. 2020. 6. 29.
[React] SPA SPA (Single Page Application, 싱글 페이지 애플리케이션) 프로젝트에 라우터 적용 설치 $ yarn add react-router-dom // index.js import { BrowserRouter } from 'react-router-dom' React.DOM.render ( ... ) react-router-dom에 내장되어 있는 BrowserRouter라는 컴포넌트를 사용하여 감싸면 됩니다. 이 컴포넌트는 웹 애플리케이션에 HTML5의 History API를 사용하여 페이지를 새로고침하지 않고도 주소를 변경하고, 현재 주소에 관련된 정보를 props로 쉽게 조회하거나 사용할 수 있도록 해줍니다. 1. Route 컴포넌트로 특정 주소에 컴포넌트 연결 Route라는 컴포넌트를 사.. 2020. 5. 20.