Archive: 2020

Node 와 Window 의 setInterval 비교

시작하기타입스크립트로 React 프로젝트를 진행하면서 setInterval 타입을 정의 할때 어떤타입으로 정의 해야하나 고민을 했습니다.window 의 interval과 node의 interval의 타임은 다릅니다. window 브라우저의 interval 타입 Window setInterval1function setInterval(handler: (...a

Algorithm 삽입(insertion) 정렬

시작하기처음에는 왼쪽 끝의 숫자를 정렬이 끝났다고 간주합니다.계속해서 아직 작업하지 않은 숫자 중에서 왼쪽끝에 있는 숫자를 꺼내서 왼쪽의 작업이 끝난 숫자와 비교합니다.왼쪽의 숫자가 더 크면 숫자를 바꿉니다.이 작업을 자신보다 작은 숫자가 나타나거나 왼쪽 끝에 도착할 때까지 반복합니다. [ 4, 2, 6, 8, 3, 1, 5, 7] 왼쪽의 4를 정렬이 끝났

알고리즘 시간복잡도와 Big-O

시작하기어떤 알고리즘의 시간 복잡도(Time Complexity) / Big-O 를 논할 때아래 그래프 정도만 숙지하고 있어도, 본인이 만든 코드의 시간 복잡도를 기반으로대략적으로 계산 노드가 기하급수적으로 증가할 때 어떤 일이 벌어질 지 예측 가능합니다. Big-O 표기법의 특징상수항 무시 : 빅오 표기법은 데이터 입력값(n)이 충분히 크다고 가정하고

Algorithm 선택(selection) 정렬

시작하기선택 정렬은 첫 번째 자료를 두 번째 자료부터 마지막까지의 자료를 차례대로 비교하여 가장 작은 값을 찾아 첫 번째에 놓고,두 번째 자료를 세 번째 자료부터 마지막자료까지 차례대로 비교하여 그 중에 가장 작은 값을 찾아 두번째에 놓는 과정을 반복하여 정렬을 수행합니다. 배열 [2, 5, 1, 7, 3, 9, 6]가 있으면 가장 작은수인 1을 첫번째 2

SVG path(패스)

svg 선 명령어<path> 노드에는 다섯 개의 선 명령어가 있습니다. MoveLine 명령어는 두 점 사이에 선을 그리는 역할을 합니다.첫 번째 명령어는 ‘Move To(이동하기)’ 혹은 M 입니다.이 명령어는 두 개의 파라미터로 x와 y 좌표를 받습니다.그리기 커서가 이미 페이지의 다른 곳에 있었더라도 두 점 사이에 점이 그려지지는 않습니다.

SVG 설명

SVG란? SVG는 Scalable Vector Graphics를 나타냅니다. SVG는 웹에 대한 벡터 기반 그래픽을 정의하는 데 사용됩니다. SVG는 XML 형식으로 그래픽을 정의합니다. SVG 파일의 모든 요소와 속성을 애니메이션으로 만들 수 있습니다. SVG는 W3C 권장 사항입니다. SVG는 DOM 및 XSL과 같은 다른 W3C 표준과 통합되었습니다

React와 momentjs로 타이머 만들기

시작하기리액트와 momentjs를 이용해서 timer를 만들어 보도록 하겠습니다.create-react-app으로 새로운 프로젝트를 만들어줍니다. 1create-react-app timer-app --typescript 구현하기날짜 관리 라이브러리인 momentjs를 설치해주도록 합니다. 1npm install moment @types/moment Ap