Front End/JavaScript
GraphQL
🌐GraphQLGraph를 사용하는 이유GraphQL로 그래프 순회그래프에서 트리를 추출하는 방법GraphQL의 특징GraphQL vs. REST APIREST API의 한계REST API와 GraphQL의 다른 점GraphQL의 장점GraphQL의 단점GraphQL의 구조GraphQL Keywords쿼리(Query, 데이터 조회)필드(field)전달인자(Arguments)별명(Aliases)오퍼레이션 네임(Operation name)변수(Variables)뮤테이션(mutation, 데이터 수정)스키마/타입(Schema/Type)리졸버(Resolver)GraphQLGraphQL은 페이스북에서 만든 오픈 소스 쿼리 언어이다. Graph + Query Language의 줄임말로 Server API를 통해 정..
가비지 컬렉션
🖥️가비지 컬렉션메모리 생존 주기메모리 할당할당된 메모리 사용 (값 사용)메모리 해제대표적인 가비지 컬렉션의 방법레퍼런스 카운팅(참조 횟수 계산)트레이싱메모리 누수가비지 컬렉션가비지 컬렉션은 프로그램에서 더 이상 사용하지 않는 메모리를 자동으로 정리하는 것이다. 이 기능을 가진 언어(혹은 엔진)은 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 문자 집합, 문자 인코딩, 문자 정보 데이터베이스, 문자를 다루기 위한 알고리..
Webpack (Bundling)
Bundling (번들링)Webpack모듈 번들러(Module Bundler)Webpack에서의 모듈빌드와 번들링Webpack의 필요성Webpack의 핵심 개념Target (Browser Compatibility)Entry (엔트리)Output (출력)Loader (로더)Plugins (플러그인)Optimization (최적화)React가 번들링이 필요한 이유리액트 개발에 꼭 필요한 라이브러리react, react-dombabelcss-loader 리액트 개발에 도움이 되는 라이브러리react-hot-reloadereslintprettierBundling (번들링)번들링은 단순히 개발 영역 뿐만 아니라 마케팅과 프로덕트 시장에서 전반적으로 쓰이는 단어로 여러 제품이나 코드, 프로그램을 묶어서 패키지로 제..
자료 구조
자료구조 자료구조의 특징 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..