자바스크립트13 [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] 컴포넌트 성능 최적화 컴포넌트 성능 최적화 추가되어 있는 데이터가 무수히 많아지면, 애플리케이션이 느려집니다. 이러한 현상으로 렌더링 최적화를 하여 성능을 높여봅시다. 많은 데이터 렌더링하기 크롬 개발자 도구를 통한 성능 모니터링 React.memo를 통한 컴포넌트 리렌더링 성능 최적화 onToggle과 onRemove가 새로워지는 현상 방지하기 react-virtualized를 사용한 렌더링 최적화 많은 데이터 렌더링 성능 분석 결과에 나타난 Timings에 작업이 처리되는 데 1.02초가 걸렸습니다. 데이터가 많으면 많을수록 시간이 오래걸려 성능이 매우 나쁘다고 판단됩니다. 느려지는 성능 원인 분석 자신이 전달받은 props가 변경될 때 자신의 state가 바뀔 때 부모 컴포넌트가 리렌더링될 때 forceUpdate 함수.. 2020. 5. 19. 이전 1 2 3 4 다음
