AJAX (Asynchronous Javascript And XML)자바 스크립트를 이용해 서버와 브라우저가 비동기 방식으로 데이터를 교환할 수 있는 통신 기능을 뜻한다.웹 페이지를 다시 받아오지 않고도 페이지의 일부분만을 갱신하는 데이터를 불러오는 비동기 방식으로 요청하는 기술이다. 완전히 새로운 문법 / 기술은 아니고 기존에 사용되던 여러 기술을 함께 사용하여, 웹 페이지의 일부분만을 갱신할 수 있도록 해주는 개발 기법이다.Ajax에서 사용하는 기존 기술은 다음과 같다. - 웹 페이지의 표현을 위한 HTML과 CSS - 데이터에 접근하거나 화면 구성을 동적으로 조작하기 위해 사용되는 DOM 모델 - 데이터의 교환을 위한 JSON이나 XML - 웹 서버와의 비동기식 통신을 위한 XMLHttpReques..
이전 포스트에서 알아봤듯 를 이용하여 선언적인 네비게이션 기능을 구현할 수도 있지만 라우터 객체의 메서드들을 이용하면 프로그래밍 방식으로도 구현할 수 있다. 프로그래밍 방식 네비게이션프로그래밍 방식이란 선언적으로 이동할 페이지를 미리 지정하는 것이 아니라 애플리케이션이 실행 중일 때 조건에 따라 새로운 경로의 라우트를 추가하거나 기존의 라우트를 삭제하는 등의 작업을 할 수 있는 것을 말한다. 라우터 객체에 접근하는 방식은 Options API와 Composition API의 문법이 다른데, 각각은 다음과 같다.Oprions APIComposition APIconst router = this.$router;import { useRouter } from 'vue-router'const router = use..
Buffer/Stream파일을 읽거나 쓸 때 한 덩어리로 처리하지 않고 작은 단위로 시간을 절약하는 방법 버퍼(buffer)임시 데이터를 저장하는 물리적인 메모리 공간. 파일을 읽어올 때 버퍼를 이용한다면 모든 데이터를 한 번에 전송하는 것이 아니라 버퍼 하나의 크기만큼씩 전달하게 된다.버퍼가 가득 차면 전송하고 입력이 끝나면 전송하게 된다. 스트림(stream)스트림은 이름과 같이 데이터의 흐름을 나타낸다. 스트림 내부에는 버퍼가 있어, 데이터를 차례대로 처리(전달)할 수 있다.노드에서의 스트림은 크게 3가지가 있다.Writable: streams to which data can be written (for example, fs.createWriteStream()).Readable: streams f..
브라우저 캐싱컴퓨터 구조를 배울 때 들어봤던 캐시 메모리를 기억한다면 의미 상 이해하기 어려운 부분은 없을 것 같다.컴퓨터 구조에서 캐시 메모리란, 주 메모리와 CPU 사이에 존재하는 메모리로 CPU와 주 메모리 간의 속도 차이로 인하여 성능이 떨어지자 속도 차이의 간극을 줄이기 위하여 자주 사용되는 데이터를 임시로 저장하는 메모리이다.https://www.lenovo.com/kr/ko/glossary/what-is-cache-memory/?orgRef=https%253A%252F%252Fwww.google.com%252F 캐시 메모리란 무엇인가 | Lenovo 코리아...www.lenovo.com 이와 같이 브라우저에서도 서버 지연 및 로딩 속도 개선, 서버 부하를 줄이기 위하여 캐시를 사용한다.만약 ..
JavaScript ES6 버전에서 추가된 점ES6부터는 모던 자바스크립트라고 부른다. 주요 추가된 사항은 다음과 같다.1. let, const 키워드 추가이전 TIL에도 작성하였으므로 간단하게 정리하면, ES5까지는 var 키워드로 선언하였는데 이는 호이스팅 및 재선언이 가능하여 예상치 못한 오류가 발생할 수 있다. var호이스팅(hoisting) 문제 발생변수의 선언을 범위의 최상단으로 옮기는 행위이다.단계는 다음과 같다.- 내부에 var 변수로 선언된 코드를 찾아서 메모리를 미리 할당- 호이스팅 후에 코드를 실행함수 단위로 호이스팅- 함수 단위의 scope은 지역변수로 인식.- 함수 이외의 블록 scope은 전역변수로 인식. constconst로 선언한 객체 내부의 값은 재할당이 가능하다.const..
나중에 Vue.js와 React.js를 사용하려면 Vanilla JS를 잘 알아야 하므로 열심히 공부해야겠다! 컴포넌트 기반 개발 방법론 JS 기반으로 컴포넌트 기반 개발 방법론(CBD, Component Based Develpment)을 적용한 프레임 워크가 Vue.js와 React.js이다.*컴포넌트 : 특정 기능 수행을 위해 독립적으로 개발된 SW 단위 컴포넌트를 조립하여 시스템을 개발하는 방법론이다.http://wiki.hash.kr/index.php/CBD_%EA%B0%9C%EB%B0%9C%EB%B0%A9%EB%B2%95%EB%A1%A0 CBD 개발방법론 - 해시넷CBD 개발방법론(Component Based Development)이란 컴포넌트를 조합해 재사용함으로써 개발 생산성과 품질을 높이..