[JavaScript] Web Storage

HTML5부터 제공하는 기능으로, 해당 도메인과 관련된 특정 데이터를 서버가 아니라 클라이언트 웹브라우저에 저장할 수 있도록 제공하는 기능쿠키(cookie)와 비슷한 기능이며, Web Storage의 개념은 키/값 쌍으로 데이터를 저장하고, 키를 기반으로 데이터를 조회

약 4시간 전
·
0개의 댓글

[JavaScript] 고차함수 & 배열 고차 함수

함수를 인자로 전달받거나 함수를 결과로 반환하는 함수고차 함수는 인자로 받은 함수를 필요한 시점에 호출하거나 클로저를 생성하여 반환한다.(자바스크립트의 함수는 일급 객체이므로 값처럼 인자로 전달할 수 있으며 반환할 수도 있다.)고차함수는 값뿐만 아니라 동작(action

약 6시간 전
·
0개의 댓글
post-thumbnail

[JavaScript] 쓰로틀링(throttling)과 디바운싱(debouncing)

쓰로틀링(throttling)과 디바운싱(debouncing) > 이 두 가지 방법 모두 DOM 이벤트를 기반으로 실행하는 자바스크립트를 성능상의 이유로 JS의 양적인 측면, 즉 이벤트(event)를 제어(제한)하는 프로그래밍 기법이다. 예를 들어, 웹/앱 사용자가

약 24시간 전
·
0개의 댓글
post-thumbnail

[JavaScript] 함수

함수를 정의하는 방식은 3가지가 있다.함수 선언문함수 표현식Function 생성자 함수function 키워드와 아래의 내용으로 구성된다.함수명함수 선언문의 경우, 함수명은 생략할 수 없다.매개변수 목록0개 이상의 목록으로 괄호로 감싸고 콤마로 분리한다.다른 언어와의 차

약 24시간 전
·
0개의 댓글

[Java] Error & Exception

컴퓨터 하드웨어의 오동작 또는 고장으로 인해 응용프로그램에 이상이 생겼거나 JVM 실행에 문제가 생겼을 경우 발생하는 것시스템 레벨에서 발생하므로 개발자가 미리 예측하여 처리할 수 없기 때문에, 애플리케이션에서 오류에 대한 처리를 신경 쓰지 않아도 된다.VirtualM

2일 전
·
0개의 댓글

[운영체제] Sync VS Async, Blocking VS Non-Blocking

호출한 함수의 완료를 기다리면 동기, 기다리지 않으면 비동기.호출되는 함수의 작업 완료 여부를 누가 신경 쓰느냐가 관심사이다.asynchronous 호출되는 함수에게 callback을 전달해서, 호출되는 함수의 작업이 완료되면 호출되는 함수가 전달받은 callback

2일 전
·
0개의 댓글

[Java] Hashtable VS HashMap VS ConcurrentHashMap

Hashtable, HashMap, ConcurrentHashMap 모두 Map 인터페이스를 implements한 AbstractMap을 상속받아 구현하고 있다는 공통점이 있다.따라서 세 클래스 모두 Map의 기능적으로만 보면 큰 차이는 없다.Hashtable모든 데이

2일 전
·
0개의 댓글
post-thumbnail

[JavaScript] 전역객체

전역 객체(Global Object)는 모든 객체의 유일한 최상위 객체를 의미하며 일반적으로 Browser-side에서는 window, Server-side(Node.js)에서는 global 객체를 의미한다. // in browser console this === w

5일 전
·
0개의 댓글
post-thumbnail

[JavaScript] ES6 - 클래스

ES6 클래스는 class 키워드를 사용하여 정의한다.클래스 이름은 성성자 함수와 마찬가지로 파스칼 케이스를 사용하는 것이 일반적인 규칙이다.하지만 호이스팅이 발생하지 않는 것은 아니다.클래스는 var 키워드로 선언한 변수처럼 호이스팅되지 않고 let, const 키워

5일 전
·
0개의 댓글

[운영체제] MMU와 페이지교체

메모리 관리 장치(MMU) > 논리 주소를 물리 주소로 변환해주며 메모리 보호나 캐시 관리 등 CPU가 메모리에 접근하는 것을 총 관리해주는 하드웨어 메모리의 공간이 한정적이기 때문에, 사용자에게 더 많은 메모리를 제공하기 위해 가상 메모리라는 개념이 등장했다. 이

5일 전
·
0개의 댓글
post-thumbnail

[JavaScript] 프로토타입

프로토타입 > Prototype 객체는 생성자 함수가 생성한 각각의 객체에 공유 프로퍼티를 제공하기 위해 사용한다. 객체지향 언어인 자바스크립트에는 클래스라는 개념이 없고, 대신 프로토타입(Prototype)이라는 것이 존재해서 자바스크립트를 프로토타입 기반 언어라고

6일 전
·
0개의 댓글
post-thumbnail

[JavaScript] 생성자 함수와 new

중괄호({})를 사용하여 객체를 생성한다.관례상 함수 이름의 첫글자는 대문자로 시작한다.호출 시 new 연산자를 붙여서 실행한다.객체 리터럴을 사용하는 방식도 내부적으로는 생성자 함수와 new 연산자를 사용하는 방식으로 실행된다.(빌트인(Built-in) 함수인 Obj

6일 전
·
0개의 댓글

[운영체제] 메인메모리와 캐시

CPU가 직접 접근할 수 있는 기억 장치프로그램이 실행되려면 해당 프로그램이 복사되어 메모리에 적재되어야 한다. (이 때 메모리에 적재된 프로그램을 프로세스라고 한다.)CPU는 연산을 수행한 후에 메인 메모리에 데이터를 저장하거나 필요한 데이터를 요구한다. RAM은 R

7일 전
·
0개의 댓글
post-thumbnail

[JavaScript] 클로저

함수와 그 함수가 선언됐을 때의 렉시컬 환경(Lexical environment)과의 조합클로저는 자바스크립트 고유의 개념이 아니라 함수를 일급 객체로 취급하는 함수형 프로그래밍 언어에서 사용되는 중요한 특성이다.위 정의에서 중요한 키워드는 "'함수가 선언됐을 때의 렉

2022년 1월 18일
·
0개의 댓글
post-thumbnail

[JavaScript] 스코프

변수를 찾아내기 위한 규칙, 변수에 접근할 수 있는 범위변수는 전역 또는 코드 블록(if, for, while, try/catch 등)이나 함수 내에 선언하며 코드 블록이나 함수는 중첩될 수 있다.식별자는 자신이 어디에서 선언됐는지에 의해 다른 코드가 자신을 참조할 수

2022년 1월 18일
·
0개의 댓글

[운영체제] 페이지 교체 알고리즘

필요한 프로그램의 부분만 메모리에 적재하는 방법으로 가상 메모리 시스템에서 많이 사용된다.요구 페이징을 사용하는 가상메모리에서는 페이지들이 실행 과정에서 실제로 필요해질 때 적재된다.특정 페이지에 대해 CPU의 요청이 들어온 후에야 해당 페이지를 메모리에 적재하며, 한

2022년 1월 17일
·
0개의 댓글

[운영체제] 메모리 관리

각 프로세스가 메모리 내의 연속된 단일 공간을 요청하고 사용하는 기법이며 과거의 운영체제에서 사용했다.프로세스가 100MB를 요구하면 연속된 100MB를 할당하는 것이 원칙이다.어느 순간에 작은 빈공간들이 메모리 전체에 띄엄띄엄 흩어져 있게 되는 단편화 현상이 발생하는

2022년 1월 17일
·
0개의 댓글

[운영체제] 세마포어와 뮤텍스

정수값을 갖는 변수이며 자원의 개수를 의미한다 동기화 기법 중 추상적인 방법이며 여러 프로세스들에 의해 공유되는 변수로 정의된다. 이 변수는 오직 wait와 signal이라는 atomic한 연산에 의해서만 접근이 가능하다. 세마포어의 개수에 따라 counting sem

2022년 1월 17일
·
0개의 댓글
post-thumbnail

[JavaScript] 실행 컨텍스트

실행 컨텍스트 > 실행 가능한 코드가 실행되기 위해 필요한 환경 실행 가능한 코드 전역 코드 : 전역 영역에 존재하는 코드 Eval 코드 : eval 함수로 실행되는 코드 함수 코드 : 함수 내에 존재하는 코드 (일반적으로 실행 가능한 코드는 전역 코드와 함수 코드

2022년 1월 15일
·
0개의 댓글
post-thumbnail

[JavaScript] 이벤트 핸들러 내부의 this

바닐라 자바스크립트 공부를 하던 중 이와 비슷한 코드를 작성할 일이 있었다.처음에 updateHandler를 화살표 함수로 작성했다가, this가 전역객체를 가리키는 바람에 에러가 나서 수정을 했다.그런데 생각해보니 일반함수를 함수로 실행하면 this가 전역객체를 가리

2022년 1월 15일
·
0개의 댓글