Javascript
가비지 컬렉션
🖥️가비지 컬렉션메모리 생존 주기메모리 할당할당된 메모리 사용 (값 사용)메모리 해제대표적인 가비지 컬렉션의 방법레퍼런스 카운팅(참조 횟수 계산)트레이싱메모리 누수가비지 컬렉션가비지 컬렉션은 프로그램에서 더 이상 사용하지 않는 메모리를 자동으로 정리하는 것이다. 이 기능을 가진 언어(혹은 엔진)은 Java, C#, JavaScript 등이 있다. C와 같은 저수준 언어에서는 메모리 관리를 위해 malloc()과 free()를 사용해 개발자가 스스로 메모리를 할당하고 해제해야 하지만, JavaScript는 고수준 언어로서 객체가 생성되었을 때 자동으로 메모리를 할당하고 필요하지 않다면 자동으로 해제하는 가비지 컬렉션이 내장되어 있다.❓고수준 언어와 저수준 언어 프로그래밍 언어가 인간에게 친화적인지, 기계에..
문자열과 그래픽
🖥️문자열유니코드인코딩(부호화)?ASCII 문자?UTF-8 vs. UTF-16UTF-8의 특징UTF-16의 특징그래픽비트맵(Bitmap)벡터(Vector)비트맵(래스터) vs. 벡터문자열문자열은 2010년 이후 유니코드라 불리는 인코딩 방식으로 통일되었다. 과거에는 영어 알파벳 하나가 1byte를 차지하기도 했으나, 현재는 다양한 언어가 컴퓨터 환경에서 사용되고 있기 때문에 유니코드를 사용해 텍스트를 저장하고 있다.유니코드유니코드(Unicode)는 유니코드 협회(Unicode Consortium)가 제정하는 전 세계의 모든 문자를 컴퓨터에서 일관되게 표현하고 다룰 수 있도록 설계된 산업 표준이다. 이 표준에는 ISO 10646 문자 집합, 문자 인코딩, 문자 정보 데이터베이스, 문자를 다루기 위한 알고리..
자료 구조
자료구조 자료구조의 특징 Stack Stack의 특징 Stack 실사용 예제 Queue Queue의 특징 Queue 실사용 예제 Tree Tree의 특징 Tree의 구조 깊이 (depth) 레벨 (level) 높이 (height) 서브 트리 (sub tree) Tree 실사용 예제 효율적인 탐색을 위한 트리 구조 이진 트리(Binary tree) 이진 탐색 트리(Binary Search Tree) 트리 순회 전위 순회 (preorder traverse) 중위 순회 (inorder traverse) 후위 순회 (postorder traverse) 레벨 순회 (levelorder traversal) Graph Graph의 구조 Graph의 표현 방식 인접 행렬 인접 리스트 알아두어야 할 Graph 용어 Gr..
Axios
Axios사용법AxiosAxios는 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리이다. fetch API와 비슷한 역할을 하지만 사용이 간편하면서 추가적인 기능들이 포함되어 있다.AxiosFetch API서드파티 라이브러리로 설치 필요빌트인 API라 별도 설치 필요없음자동으로 JSON데이터 형식으로 변환.json() 메서드 사용 필요사용법Axios는 써드파티 라이브러리이기 때문에 사용을 위한 설치 과정이 필요하다.npm install axiosfetch API와 기본 원리는 거의 비슷하며, 기본적인 사용 방법은 전달인자로 정해진 옵션을 입력하는 것이다. 이외에도 메서드를 이용해 HTTP 요청 메서드를 설정할 수 있다. 기본적인 작성 방법은 아래와 같다./..
인증/보안(Cookie, Session, Token, OAuth)
🌐Cookie쿠키 옵션쿠키를 이용한 상태 유지Session세션 기반 인증 (Session-based Authentication)로그인로그아웃express-session을 이용한 Session 구현Cookie vs. SessionHashing레인보우 테이블과 솔트(Salt) 해싱의 목적Token토큰 기반 인증 (Token-based Authentication)토큰 기반 인증의 장점JWT(JSON Web Token)JWT의 종류JWT의 구조JWT 사용 예시토큰 기반 인증 절차OAuthOAuth를 쓰는 이유OAuth에서 꼭 알아야 할 용어OAuth 인증 흐름Authorization Code Grant TypeRefresh Token Grant TypeCookieHTTP는 기본적으로 서버가 클라이언트의 상태를 ..