profile
Front-End 개발자가 되기 위한 과정을 기록하고 있습니다.

[AI] K-최근접 이웃알고리즘과 라이브러리

참고자료 : 혼자공부하는 머신러닝 딥러닝

3일 전
·
0개의 댓글

[EsLint] lint 사용법

eslint는 문법검사기이다. 코드에 규칙을 적용하여 모두가 읽기 편한 코드로 바꿔줄 수 있는 도구이다. yarn global add eslint eslint는 한 프로젝트에서만 사용할 것이 아니라 프로젝트를 만들 때마다 적용할 것이기 때문에 global로 설치해준다.

2021년 9월 6일
·
0개의 댓글

[Recoil] 리코일 사용

recoil은 react의 상태관리 라이브러리이다. react는 자체로 상태관리를 할 수 있다. 하지만 컴포넌트의 상태가 공통된 상위 요소까지 끌어올림으로 공유하면서 대규모의 트리가 렌더링될 수 있기 때문에 효과적이지 않다. Context를 사용해도 단일 값만 저장할수

2021년 7월 27일
·
0개의 댓글

[React] Hooks Custom하기

What is Hooks? React간 재사용 가능한 로직을 붙이는 방법을 제공하지 않기 때문에 Hook을 통해 계층간의 변화없이 상태 관련 로직을 만들어 재사용할 수 있게 도와줍니다. React에서는 class component를 사용하기 위해 this를 다룰 줄

2021년 7월 26일
·
0개의 댓글

[JS] API 만들기

Application Programming Interface의 약자이다. 우리가 프로그래밍을 할 때 지켜야 할 규칙을 가진 모듈이라고 이해하면 간단하다.API는 대부분 RESTFul하게 작성이 된다. 우리의 프로그램이 무언가를 요청하거나 변화(CRUD)를 요청할 때,

2021년 7월 26일
·
0개의 댓글

[redux] redux toolkit를 사용하면서..

에어비앤비 클론코딩을 하면서 유저 정보를 리덕스 스토어에 저장하기 위해서 리덕스 설정을 알아보게 되었다. 모듈 다운로드

2021년 7월 20일
·
0개의 댓글
post-thumbnail

[js] bcryptjs 사용과 jwt

npm 패키지 중 하나로 비밀번호 암호화 라이브러리이다. yarn add bcryptjsbcryptjs는 hashSync함수를 통해 비밀번호를 해싱한다. var hash = bcrypt.hashSync("문자", salt)여기서 salt는 암호에 특별한 값을 추가하여

2021년 7월 20일
·
0개의 댓글

[TS] 타입가드

다음과 같이 두 개의 타입이 있을 때,만약 다음과 같은 flyOrSwim과 같은 함수를 구현할 때, 매개변수 o는 Bird이거나 Fish이므로 코드 작성이 모호해집니다.instanceof 연산자는 객체 instanceof 타입 // boolean형태의 타입의 값 반환처

2021년 7월 12일
·
0개의 댓글

[TS] 제네릭 방식 타입

배열을 다루는 함수를 작성할 때 number\[] 와 같이 타입이 고정된 함수를 만들기보다는 T\[]형태로 배열의 아이템을 한꺼번에 표현하는 것이 편리하다. 타입을 T와 같은 일종의 변수(타입 변수)로 취급하는 것을 제네릭(generics) 타입이라고 한다.다음과 같이

2021년 7월 6일
·
0개의 댓글

[JS] for문

다른 언어와 같이 for(초기문; 조건문; 증감문) {}for..in문은 객체를 대상으로 반복한다. 배열도 객체이므로 가능하다.for..in문은 배열의 인덱스값을 순회한다. 객체를 대입할 때에는 속성을 대상으로 순회한다.for..of문은 배열의 아이템 값을 대상으로 순

2021년 7월 6일
·
0개의 댓글

[React] Redux

Redux는 애플리케이션 상태를 관리하기위한 오픈 소스 JavaScript 라이브러리이다.Context API처럼 전역으로 상태(state)를 관리하는 것을 수월하게 해준다.충분히 Context API로도 전역 상태를 관리할 수 있지만, Redux는 saga라는 미들웨

2021년 6월 28일
·
0개의 댓글

[Data Structure] 트리

트리란?(Tree) 트리는 자식 노드를 지닌 노드들로 구성된다. 첫 번째이자 가장 상위 노드를 루트 노드(root node)라고 부른다. 일반적인 트리는 자식을 얼마든지 가질 수 있다. 이진트리(Binary Tree) 이진 트리는 자식 노드가 왼쪽, 오른쪽 두 개뿐인

2021년 6월 28일
·
0개의 댓글

[Data Structure] 캐싱

캐싱은 자료를 임시 메모리에 저장하는 과정으로 추후에 해당 자료가 다시 필요할 때 쉽게 해당 자료를 얻을 수 있다. 캐싱의 목표는 히트(hit, 필요한 항목이 캐시에 존재하는 경우)를 최대화하고 미스(miss, 필요한 항목이 캐시에 존재하지 않는 경우)를 최소화하는 것

2021년 6월 25일
·
0개의 댓글

[React] Ref

이름부터가 Reference를 줄인 말인 것처럼 React에서 DOM요소를 참초하기 위한 기능입니다. Vanilla JS에서는 getElementById를 사용하여 DOM에 접근하는 반면에, 리액트에서는 DOM에 데이터를 Props로 전달합니다. DOM을 수정하려면 다

2021년 6월 19일
·
0개의 댓글

[algorithm] 스택

스택이란? 후입선출, 나중에 들어온 것을 가장 먼저 사용하는 자료구조. 스택은 마지막 항목이 제거된다는 것을 이용하면 찾기와 삽입이 O(1)에 이루어지는 매우 빠른 자료구조이다. 다음 코드는 스택의 기본 뼈대 구성이다. 들여다보기(peeking) 스택의 마지막에 있는

2021년 6월 18일
·
0개의 댓글

[algorithm] 해시 테이블

키와 값으로 구성된 자료구조이다. 해시 테이블은 인덱스가 해싱 함수에 의해 계산되는 배열과 유사하다. 이때 인덱스는 메모리에서 유일한 공간을 식별하기 위한 것이다.해시 테이블에는 put()과 get()이라는 두 가지 함수가 있다. put : 자료를 해시 테이블에 저장한

2021년 6월 18일
·
0개의 댓글

[TS] 타입스크립트 정리

TypeScript란? 자바스크립트는 동적 타입 언어이기 때문에 변수의 타입이 런타임에 의해 결정된다. 타입스크립트는 자바스크립트의 Superset이기 때문에 JS의 모든 기능을 사용할 수 있으며 정적으로 타입을 지정할 수 있는 언어이다. 타입추론 아래 코드는 JS에

2021년 6월 17일
·
0개의 댓글

[Git] 정리

git log를 입력하여 commit ID를 확인할 수 있습니다.git checkout ID(앞 7자리)를 입력하여 해당 commit으로 되돌릴 수 있습니다.최신 commit으로 돌아가는 것은 git checkout -(-는 최신 commit을 의미)으로 해결!git

2021년 6월 17일
·
0개의 댓글

[JS] fetch란

fetch의 사전적 정의 가지고 오다라는 의미를 가지고 있다.다음 코드는 fetch의 구조이다.fetch 메소드의 인자로는 url(주소)와 options로 옵션 객체를 받는 것을 볼 수 있다. 그리고 then을 사용하는 것을 보아 Promise를 반환한다는 것도 알 수

2021년 6월 15일
·
0개의 댓글

[react] context API

React 컴포넌트는 Tree로 구성되어 있습니다. context는 이 Tree 내부에서 global한 data를 공유하여 다룰 수 있도록 도와주는 API입니다.위의 코드는 Toolbar 컴포넌트가 props로 theme을 입력받는데, 만약 모든 컴포넌트들이 theme

2021년 6월 11일
·
0개의 댓글