타입스크립트의 타입에 대해 알아봅시다~! ➿ TypeScript 타입 1. Boolean(불리언) 타입 let isShow: boolean = true; let isDone: boolean = false; 2. Number(숫자) 타입 let number1: number = 5; let number2: number = 0.7; 3. String(문자열) 타입 let firstName: string = "coding"; let lastName: string = 'kim'; let longString: string = `Kimcoding is a developer. He is 20 years old.` 4. Array(배열) 타입 배열 타입은 기본적으로 하나의 타입만 작성하게 되어 있으며, 타입을 혼용해서 ..
JavaScript는 모든 브라우저에서 보편적으로 지원되는 유일한 클라이언트 측 언어이다. 그렇기 때문에 JavaScript로 웹 애플리케이션의 상호작용이 증가하면서, 웹 애플리케이션이 필요로 하는 JavaScript 코드의 양이 폭발적으로 늘어나게 되었고 이로 인해 JavaScript의 한계가 부각되기 시작했다. JavaScript는 동적 타입이 결정되어 유연하고, 다양한 라이브러리와 프레임워크를 사용할 수 있는 장점이 있지만, 타입의 명시성이 부족하다는 단점이 있다. 따라서 , TypeScript(타입스크립트)는 JavaScript에 정적타입 검사와 클래스 기반 객체 지향 프로그래밍 등의 기능을 추가하여 개발된 언어로, JavaScript가 발전하면서 생긴 단점을 보완하기 위해 등장하게 되었다. ex..
타입스크립트를 쓰기 위해 세팅하는 이유 : Node.js는 TypeScript를 이해하지 못하기 때문에 TypeScript를 JavaScript로 컴파일해줘야 함 1. 새로운 프로젝트 초기화 - 터미널 & 비주얼 스튜디오 터미널 npm init -y 2. 타입스크립트 라이브러리 전역 설치 npm install typescript -g 3. tsconfig.json 파일 생성 최상위 위치에서 tsconfig.json 파일 생성 👇🏻 tsconfig.json 파일안에 코드 삽입 여기까지 진행하면 src 폴더 안의 파일에서 타입스크립트 언어로 된 파일을 작성할 수 있다. { "compilerOptions": { "target": "es6", "module": "commonjs", "sourceMap": tru..
이진트리 알아보기 전 Tree 기본 개념 보러가기 [ 자료 구조 ] Tree / Graph Tree 알아보기 그래프의 여러 구조 중 단방향 그래프의 한 구조로, 하나의 뿌리로부터 가지가 사방으로 뻗은 형태가 나무와 닮았다고 해서 트리 구조라고 부른다. 트리는 계층적 자료구조 / 비선 wldbseja.tistory.com 이진트리란 ? 이진트리(Binary tree)는 자식 노드가 최대 두 개인 노드로 구성된 트리이다. 자료의 삽입, 삭제 방법에 따라 정 이진트리, 완전 이진트리, 포화 이진트리로 나뉜다. 이진트리는 이진 탐색 트리와 이진 힙 구현에 사용되며, 효율적인 검색과 정렬을 위해 사용된다. 이진트리 특징 정 이진트리 : 각 노드가 0개 혹은 2개의 자식 노드를 갖는다. 포화 이진트리 : 정 이진트..
Tree 알아보기 그래프의 여러 구조 중 단방향 그래프의 한 구조로, 하나의 뿌리로부터 가지가 사방으로 뻗은 형태가 나무와 닮았다고 해서 트리 구조라고 부른다. 트리는 계층적 자료구조 / 비선형 구조이다. 트리는 사이클(cycle)이 없는 하나의 연결 그래프 (Connected Graph)라고 한다. 사이클이란 시작 노드에서 출발해 다른 노드를 거쳐 시작 노드로 돌아올 수 있다면 사이클이 존재한다고 표현한다. Tree의 구조와 특징 트리 구조는 루트(Root)라는 하나의 꼭짓점 데이터를 시작으로 여러 개의 데이터를 간선(edge)으로 연결한다. 각 데이터는 노드(Node)라고 한다. 두개의 노드가 상하계층으로 연결되면 부모 / 자식 관계를 맺는다. 자식이 없는 노드는 리프 노드(Leaf Node)라고 부..
Stack / Queue 스택(Stack)과 큐(Queue)는 리스트(List) 자료구조입니다. Stack 알아보기 Stack은 쌓다, 쌓이다, 포개지다 와 같은 뜻을 가지고 있다. 데이터(data)를 순서대로 쌓는 자료구조이다. Stack의 구조 원통을 자료구조 Stack, 구슬을 데이터(data)로 비유하면 구슬을 차례대로 원통에 넣었을 때 가장 나중에 넣은 구슬이 원통의 가장 상단에 있다. 그렇다면 구슬을 빼는 경우는 가장 나중에 넣었던 원통 상단에 위치한 구슬을 가장 먼저 뺄 수 있다. 아래 스택의 특징을 보면 이해가 될 것 이다. 스택의 특징은입력과 출력이 하나의 방향, 스택의 최상단에서만 이루어 지는 제한적 접근에 있다. Stack에 데이터를 넣는 것을 'PUSH', 데이터를 꺼내는 것을 'P..
5월 8일(월) 공부 솔로 프로젝트 - 나만의 애플리케이션 만들기(To Do List 웹페이지) 완료 프로그래머스 알고리즘 문제 풀기 lv 2 숫자 카드 나누기 도저히 안풀린다.. 5월 9일(화) 공부 프로그래머스 알고리즘 문제 풀기 lv 2 숫자 카드 나누기 / 완료 To Do List 웹페이지 - 리액트로 구상해보기 5월 10일(수) 공부 프로그래머스 알고리즘 문제 풀기 lv 3 불량 사용자 자료구조 및 Queue / Stack 학습 및 알고리즘 풀기 완료 / 블로깅 완료 Queue : 선입선출 구조 데이터를 넣는 것을 'enqueue / 인큐', 데이터를 꺼내는 것을 'dequeue / 디큐' Stack : 후입선출 구조 데이터를 넣는 것을 'PUSH', 데이터를 꺼내는 것을 'POP' 5월 11일..
자료 구조란 ? 자료구조란 여러 데이터의 묶음을 저장하고, 사용하는 방법을 정의한 것이다. 데이터란 무엇일까 ? 데이터는 문자, 숫자, 소리, 그림, 영상 등 실생활을 구성하고 있는 모든 값이다. 데이터는 분석하고 정리하여 활용해야만 의미를 가질 수 있다. 따라서, 필요에 따라 데이터는 데이터의 특징을 잘 파악하여 정리하고 활용해야 한다. 데이터를 체계적으로 정리하여 저장해 두는 게 데이터를 활용하는 데 있어 훨씬 유리하다. 자료 구조의 분류 무수한 상황에 데이터를 효율적으로 다룰 수 있는 여러 방법 자주 등장하는 네 가지의 자료구조 Stack, Queue, Tree, Graph 자료구조의 특징 특정한 상황에 놓인 문제를 해결하는 데에 특화되어 있기 때문에 많은 자료구조를 알아두면, 어떠한 상황이 닥쳤을..