클래스
-
<Book> 알고리즘 도감클래스/프로그래머 2022. 1. 15. 23:05
🏅 다양한 알고리즘의 절차를 그림으로 쉽게 이해할 수 있음 (분량: 216쪽, 난이도: ★☆☆☆☆) 알고리즘 사례를 많이 접해보고 싶어서 읽게 되었습니다. 기본적인 정렬, 탐색 알고리즘부터 보안 관련 알고리즘까지 소개되어 있습니다. 알고리즘의 처리 순서를 그림으로 하나하나 풀어서 설명하기 때문에 이해하는데 많은 도움이 됩니다. 보안 알고리즘이 별도의 주제로 다루어져 있어서 알고리즘의 활용 분야를 넓은 시각으로 볼 수 있었습니다. 알고리즘, 자료구조를 처음 접하거나 머리 속에 확실한 이미지로 기억하고 싶은 분들께 추천드립니다. 1/13 ~ 1/15 http://www.yes24.com/Product/Goods/58290453 알고리즘 도감 - YES24 앱과 함께 직관적으로 배우는 알고리즘 학습서!이 책은..
-
<TIL> 220115 화살표 함수, rest 파라미터, 타입스크립트클래스/└ TIL 2022. 1. 15. 22:52
🌱 { 자바스크립트 } 26장: ES6 함수의 추가 기능 화살표 함수는 함수 자체의 this 바인딩을 갖지 않습니다. 따라서 화살표 함수 내부에서 this를 참조하면 상위 스코프의 this를 그대로 참조합니다. 이를 lexical this라고 합니다. Rest 파라미터는 함수에 전달된 인수들의 목록을 배열로 전달받습니다. { 리액트 } 타입스크립트를 활용하면 props, state의 타입을 사전에 정의할 수 있습니다. 또한, 타입스크립트로 코드 구성의 가이드라인을 짜두면 코드 작성 기준을 강제할 수 있습니다. 📌 모던 자바스크립트 Deep Dive / 이웅모 지음 / 위키북스 https://nomadcoders.co/react-masterclass React JS 마스터클래스 – 노마드 코더 Nomad ..
-
<TIL> 220114 클래스클래스/└ TIL 2022. 1. 15. 00:01
🌱 { 자바스크립트 } 25장: 클래스 최근 자바스크립트는 자바의 클래스 같은 문법들을 대부분 지원합니다. 정적 메서드는 인스턴스를 생성하지 않고도 호출할 수 있는 메서드를 말합니다. 이러한 이유로 정적 메서드는 인스턴스 프로퍼티를 참조할 수 없습니다. 정적 메서드는 클래스로 호출하고, 프로토타입 메서드는 인스턴스로 호출합니다. 인스턴스 프로퍼티의 참조가 필요없을 때는 정적 메서드로 정의하고, 프로퍼티의 참조에 제한을 두려면 프로토타입 메서드를 활용하는 것이 좋을 듯 합니다. 서브클래스의 constructor에서 super를 호출하기 전에는 this를 참조할 수 없습니다. 서브클래스는 자신이 직접 인스턴스를 생성하지 않고, 슈퍼클래스에게 인스턴스 생성을 위임합니다. 📌 모던 자바스크립트 Deep Dive..
-
<TIL> 220113 클로저, Styled Component클래스/└ TIL 2022. 1. 13. 20:01
🌱 { 알고리즘 } 자료구조 리스트(순차 접근), 배열(임의 접근), 스택(푸시/팝), 큐(인큐/디큐), 해시 테이블, 힙 트리, 이진 탐색 트리 정렬 버블 정렬, 선택 정렬, 삽입 정렬, 힙 정렬, 병합 정렬, 퀵 정렬 리스트 탐색 선형 탐색, 이진 탐색 그래프 탐색 너비 우선 탐색, 깊이 우선 탐색, 벨먼-포드 알고리즘, 다익스트라 알고리즘, A* { 자바스크립트 } 24장: 클로저 클로저는 함수형 프로그래밍 언어에서 사용되는 중요한 특성입니다. 함수 객체는 내부 슬롯 [[Environment]]에 저장한 렉시컬 환경의 참조, 즉 상위 스코프를 자신이 존재하는 한 기억합니다. 생명주기가 다한 상위 스코프의 식별자(자유변수)를 참조하는 함수를 클로저라고 합니다. 즉시 실행 함수는 호출된 이후 소멸합니다..
-
<Lecture> ReactJS로 영화 웹 서비스 만들기클래스/프로그래머 2022. 1. 12. 22:26
🏅 리액트 입문하기에 딱! 심지어 무료! (분량: 6시간+, 난이도: ★★☆☆☆) 함수 컴포넌트, JSX, useState, useEffect, props 등등 리액트의 기본적인 개념을 학습합니다. 리액트를 처음 접하는 입장에서 기본기를 연습하는데 많은 도움이 되는 강의라고 생각합니다. 1/9 ~ 1/12 https://nomadcoders.co/react-for-beginners ReactJS로 영화 웹 서비스 만들기 – 노마드 코더 Nomad Coders React Fundamentals nomadcoders.co
-
<Book> Hello Coding 그림으로 개념을 이해하는 알고리즘클래스/프로그래머 2022. 1. 12. 22:04
🏅 가벼운 마음으로 알고리즘에 입문하기 좋음 (분량: 307쪽, 난이도: ★☆☆☆☆) 바로 전에 학습한 자료구조 서적에 비해 난이도는 낮습니다. 순서를 반대로 할 걸 그랬습니다. 깊이있는 이해보다는 알고리즘의 기초적인 개념과 응용 분야를 소개하는 정도로 나옵니다. 구체적인 구현이 대부분 생략돼 있는 것이 아쉬웠습니다. 그림과 함께 이해하기 쉬운 비유를 들기 때문에 알고리즘의 윤곽을 그릴 수 있습니다. 알고리즘을 처음 시작하시는 분들에게 추천드립니다. 1/10 ~ 1/12 http://www.yes24.com/Product/Goods/37885448 Hello Coding 그림으로 개념을 이해하는 알고리즘 - YES24 알고리즘은 쉽게 말해 어떤 문제를 해결하기 위한 명령을 모아 놓은 것이다. 이 책에서 ..
-
<TIL> 220112 this, 실행 콘텍스트, useParams클래스/└ TIL 2022. 1. 12. 21:51
🌱 { 알고리즘 } KNN 알고리즘은 k개의 가장 가까운 이웃 데이터를 이용하여 분류와 회귀 분석을 할 수 있습니다. SHA(Secure Hash Algorithm) 함수도 해시 함수의 일종입니다. { 자바스크립트 } 22장: this this 바인딩은 함수 호출 시점에 결정됩니다. 23장: 실행 콘텍스트 실행 콘텍스트는 식별자를 등록·관리하는 스코프와 코드 실행 순서 관리를 구현한 내부 메커니즘입니다. 식별자와 스코프는 렉시컬 환경으로 관리하고, 코드 실행 순서는 콜 스택으로 관리합니다. for문의 변수 선언문에 let 키워드를 사용한 for문은 코드 블록이 반복해서 실행될 때마다 코드 블록을 위한 새로운 렉시컬 환경을 생성합니다. { 리액트 } JSX에서 Link 태그를 사용하면 새로고침 없이 페이지..
-
<TIL> 220111 래퍼 객체, useEffect클래스/└ TIL 2022. 1. 11. 20:08
🌱 { 알고리즘 } 해시 함수와 배열을 합치면 해시 테이블 자료구조를 얻을 수 있습니다. 트리는 거꾸로 가는 간선이 없는 특별한 종류의 그래프입니다. 탐욕 알고리즘을 활용하면 최적해를 구할 수 있습니다. { 자바스크립트 } 20장: strict mode strict mode를 적용하면, 오류를 발생시킬 가능성이 높은 경우나 엔진의 최적화 작업에 문제를 일으킬 수 있는 코드에 대해 명시적인 에러를 발생시킵니다. 21장: 빌트인 객체 문자열, 숫자, 불리언 값에 대해 객체처럼 접근하면 생성되는 임시 객체를 래퍼 객체라고 합니다. 래퍼 객체의 처리가 종료되면 식별자가 원시값을 갖도록 되돌립니다. 래퍼 객체는 가비지 컬렉션 대상이 됩니다. 빌트인 전역 함수(=전역 객체의 메서드)에는 parseFloat, par..