분류 전체보기

[타입스크립트] 제네릭

프로그래밍의 꽃, 객체지향의 꽃 제네릭 제네릭은 어딜 가도 통상적으로 볼 수 있다.(재사용성이 굉장히 높기 때문) 이전포스팅 stack의 단점은 오로지 string형만 push, pop 할 수 있다는 것이다. 다양한 타입을 push, pop 하고 싶다면 제네릭을 이용해서 활용성과 재사용성을 높일 수 있다. 유연하고 타입도 보장할 수 있고, 재사용을 정말 많이 높일 수 있는 제네릭을 마스터해본다. (오픈소스나 API 문서를 볼 때 제네릭을 알고 있다면 막힘없이 읽을 수 있다.) 아래 함수를 제네릭으로 바꾸어보자 function checkNotNull(arg: number | null): number { if (arg == null) { throw new Error("not valid number"); } ..

[타입스크립트] 객체지향적으로 stack 구현하기

각종 자료구조들도 '클래스'이다. 가령 C#의 stack 클래스는 다음 링크와 같다. https://docs.microsoft.com/ko-kr/dotnet/api/system.collections.stack?view=net-6.0 Stack 클래스 (System.Collections) 제네릭이 아닌 개체의 간단한 LIFO(Last In First Out: 마지막에 들어간 것부터 사용) 컬렉션을 나타냅니다. docs.microsoft.com Stack 클래스 정의 제네릭이 아닌 개체의 간단한 LIFO(Last In First Out: 마지막에 들어간 것부터 사용) 컬렉션을 나타냅니다. C#복사 public class Stack : ICloneable, System.Collections.ICollectio..

[자바스크립트] 자료구조 큐,스택, 트리 구현

출처 : https://helloworldjavascript.net/pages/282-data-structures.html 큐, 스택, 트리 | JavaScript로 만나는 세상 처음 시작하는 사람들을 위한 JavaScript 교재 helloworldjavascript.net 큐, 스택, 트리 어떤 데이터의 구체적인 구현 방식은 생략한 채, 데이터의 추상적 형태와 그 데이터를 다루는 방법만을 정해놓은 것을 가지고 ADT(Abstract Data Type) 혹은 추상 자료형이라고 합니다. 이 챕터에서는 널리 사용되는 ADT인 큐, 스택, 트리에 대해 배웁니다. 큐 (Queue) 큐(queue)는 다음과 같은 성질을 갖는 자료형입니다. 데이터를 집어넣을 수 있는 선형(linear) 자료형입니다. 먼저 집어넣..

[크롬데브툴] 디버그 자바스크립트

소스 패널 개요 - Chrome 개발자 Sources panel overview - Chrome Developers View and edit files, create Snippets, debug JavaScript, and set up Workspaces in the Sources panel of Chrome DevTools. developer.chrome.com 디버그 자바 스크립트 - 크롬 개발자 (chrome.com) Debug JavaScript - Chrome Developers Learn how to use Chrome DevTools to find and fix JavaScript bugs. developer.chrome.com https://youtu.be/H0XScE08hy8 1. ste..

[크롬데브툴] Chrome DevTools의 단축키

바로 가기 키 - Chrome 개발자 Keyboard shortcuts - Chrome Developers The canonical documentation for Chrome DevTools keyboard shortcuts. developer.chrome.com 이 페이지는 Chrome DevTools의 바로 가기 키 참조입니다. 도구 설명에서 바로 가기를 찾을 수도 있습니다. DevTools의 UI 요소 위에 마우스를 올려 놓으면 해당 도구 설명이 표시됩니다. 요소에 바로 가기가 있으면 도구 설명에 바로 가기가 포함됩니다. #DevTools 열기를 위한 바로 가기 키 DevTools를 열려면 커서가 브라우저 뷰포트에 초점을 맞추는 동안 다음 바로 가기 키를 누릅니다. 행동맥윈도우 / 리눅스 마지막으..

[자바스크립트] web api 불러오기

해당 패턴을 잘 기억하면 된다. API호출하고 싶을 때 const callAPI = async() =>{ let url = new URL(`url주소`) let header = new Headers({헤더내용}) // 이건 필요한 경우만 let response = await fetch(url,{headers:header}) let data = await response.json() } - 1. 크롬v8 스택 : url 준비 - 2. 크롬v8 :스택 헤더 준비 - 3. WebApIs로 넘어감 : 백엔드, 서버에 요청 - 4. 백엔드에서 받은 데이터를 확인(단, 3번 행위를 기다려야 함. 기다리기 위해서 async/awiat을 이용) 1. 자바스크립트에서 제공해주는 URL 클래스를 new로 쓰면 된다. co..

[자바의 정석] Java란

https://youtu.be/oJlCC1DutbA https://youtu.be/J1xJhrr63VY * 남궁성님의 자바의 정석 유튜브 무료강좌를 보고 학습한 포스팅입니다. 왜 자바를 배워야 할까? 자바(Java)는 웹(web)과 모바일(안드로이드)을 비롯한 다양한 분야에서 사용되는 가장 인기 있는 언어다. 그리고 취업시자바를 통해 컴퓨터 과학 관련 지식과 알고리즘을 배우는 데 있어서 다른 언어보다 자바가 유리 자바란 단순히 프로그래밍 언어가 아니라 실행환경(JRE) + 개발도구(JDK) + 라이브러리(API)를 제공한다. 자바에서 제공하는 풍부한 라이브러리를 사용하면 쉽고 빠르게 어플리케이션 개발 가능하다. 객체지향이면서 함수형(추가됨) 프로그래밍 언어이다. 자바8으로 배우는 것이 안정성이 높다. 자..

[React] index.html 에 리액트와 바벨 불러오기

참고 페이지 : React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 (reactjs.org) React – 사용자 인터페이스를 만들기 위한 JavaScript 라이브러리 A JavaScript library for building user interfaces ko.reactjs.org 1. 리액트 불러오기 2. 바벨 불러오기 3. 리액트 적용할 script 에 다음과 같이 타입지정

[타입스크립트] Abstract 클래스와 abstract method

상속 클래스를 이용할 때, 위 클래스에서 반복되는 것이 있고 어떤 특정 기능만 자식 클래스에서 그 양태가 달라진다면 Abstract 클래스를 만들 것을 고려해보자. abstract 클래스와 abstract 함수는 프로그래머의 실수를 사전에 예방해주는 매력적인 기능들을 갖추고 있다. abstract 클래스와 abstract 함수를 이용했을 때의 이점은, 무작정 오버라이딩 + super()호출하기 활동을 어느 정도 대체하면서 자식클래스에서 부모클래스와 차별화되는 추상화 함수들을 반드시 구현할 것을 강제할 수 있기 때문이다. 아래와 같은 코드베이스부터 시작한다. // //커피머신 만들기 type CoffeeCup = { orderShot: number; hasMilk?: boolean; hasSalt?: bo..

[타입스크립트] composition 장점을 극대화하는 강력한 interface

전 포스팅([타입스크립트] 객체지향의 꽃 composition(부제: 상속의 문제점) — My dev Note📒 (tistory.com))과 이어집니다 전 포스팅 요약 : 컴포지션을 통해서(3~4단계를 넘어가는 상속 수직 관계를 해소) 상속을 2단계 이상으로 사용하지 않고도 하나의 클래스에 여러가지 부품 클래스를 주입 헤딩 포스팅 요약 : "강력한 interface와 composition의 복합개념이 되는 전략 패턴을 이용하여 퀄리티 높은 코드를 생산하자" 인터페이스로 하여금 필요한 기능들을 구현한 각각 클래스들을 생성, 부품으로 전달하여 사용자는 원할 때마다 같은 인터페이스를 구현한 다른 부품( 클래스)들을 끼워넣은 새로운 클래스를 찍어낼 수도 있다. 원하는 용도에 맞게 클래스들을 코드 재사용하면서 만..