코딩 83

25 (1/2) :: Type Guard, Optional Chaining, 함수 오버로딩, 인덱스 시그니처

엘리스 SW 엔지니어 트랙 25일차 송현지 강사님 온라인 강의날 다양한 예시 보여주셔서 감사합니다 타입 심화 Union Type Or A타입 이거나 B 타입 A | B 유니온 타입 예시 // Union Type let one : string | number one = '1' one = 1 인터페이스는 유니온 타입 확장 불가 type과 &를 사용해줘야한다 type으로 유니온 타입 확장 예시 type A = string | number // 이건 에러 나온다 interface StrOrNum extends A { a: string } // 이렇게 바꿔줘야된다 type StrOrNum = { a: string } & (string | number) Union Type은 겹치는 것만 사용가능 type Human..

Web Dev/ELICE 2021.11.27

JavaScript 유저 Python 배우기 :: 클래스, 인스턴스, 상속, 객체

엘리스의 도레미 파이썬에서 배운 내용 class(클래스) class는 붕어빵 기계의 틀이라고 생각하자 사용법은 자바스크립트와 비슷해 보인다 클래스 사용 예시 파이썬에서 메서드 만들려면 self를 넣어주면된다 self 없어도 작동하지만 관례처럼 붙인다고 한다 예전에는 안돌아갔다는 이야기 class Human: name = "Bob" age = 10 # 메서드 def exercise(self): print("축구") this 대신 self 자바스크립트에서는 프로퍼티를 가져오려면 this를 사용했다 여기서는 메서드 만들어줄 때 사용한 self를 사용하는가보다 self 사용 예시 class Bbread: taste = "밀가루" def eat(self): # this 대신 self print(self.taste..

JavaScript 유저 Python 배우기 :: 함수, 모듈

엘리스의 도레미 파이썬에서 배운 내용 내장 함수 print() console.log() 같은 녀석일까 아무튼 콘솔로 보이는 녀석 input() 입력받기 참 좋다 자바스크립트에서는 readline 어쩌구 저쩌구 했는데.. max() & min() 최댓값 최솟값 구하는 것 Math 안가져와도 되고 sum() 얼마나 편하니 sum() 자바스크립트도 넣어주라 len() 길이 구하는거 자바스크립트의 length 헷깔린다 이친구는 사용자 지정 함수 function이 아닌 def를 사용한다 사용 문법도 if나 for 처럼 콜론(:)과 들여쓰기로 사용하네 define(정의를 하는 것) def plusDouble(a, b): c = a + b return 2 * c print(plus(3, 4)) Method(메서드) ..

24 :: TypeScript Generic, Constraints, keyof

엘리스 SW 엔지니어 트랙 24일차 온라인 강의날 어제 실시간 강의에서 배운 Interface와 Generic 복습 일찍 끝나면 실제로 타입스크립트 이용해서 만들어봐야지 or 만드는 방법 해봐야지! Generic Constraints(제약조건) => extends 이용한다 extends로 string or number로 제한하는 예시 // Constraints => extends 이용 const printMessage = (message: T): T => { return message } printMessage("1") // Good printMessage(1) // Good printMessage(false) // Error keyof 두 개의 타입 T와 U가 있다 첫 번째 타입 T에 오브젝트를 입력받..

Web Dev/ELICE 2021.11.26

23 (3/3) :: TypeScript 복습, 실습

엘리스 SW 엔지니어 트랙 23일차 김병철 강사님 실시간 강의 23 (2/3) :: Generic 링크 => https://forgottenknowledge.tistory.com/entry/23-23-Generic 23 (2/3) :: Generic 엘리스 SW 엔지니어 트랙 21일차 박성국 강사님 실시간 강의 23 (1/2) :: TypeScript Interface, 사용 이유 & 예시, 상속 링크 => https://forgottenknowledge.tistory.com/entry/23-12-TypeScript-In.. forgottenknowledge.tistory.com 앞의 이론 시간에 배운 내용 복습 조금 interface 클래스와 달리 구성되는 것의 타입만 명시 생성자 메서드 구현 X =>..

Web Dev/ELICE 2021.11.25

23 (2/3) :: Generic

엘리스 SW 엔지니어 트랙 23일차 박성국 강사님 실시간 강의 23 (1/2) :: TypeScript Interface, 사용 이유 & 예시, 상속 링크 => https://forgottenknowledge.tistory.com/entry/23-12-TypeScript-Interface-%EC%82%AC%EC%9A%A9-%EC%9D%B4%EC%9C%A0-%EC%98%88%EC%8B%9C-%EC%83%81%EC%86%8D 23 (1/2) :: TypeScript Interface, 사용 이유 & 예시, 상속 엘리스 SW 엔지니어 트랙 21일차 박성국 강사님 실시간 강의 Interface와 제네릭 타입스크립트에서 조금 더 중요한 개념이라고 하신다 Interface 타입 체크에 사용 변수, 함수, 클래스에 ..

Web Dev/ELICE 2021.11.25

23 (1/3) :: TypeScript Interface, 사용 이유 & 예시, 상속

엘리스 SW 엔지니어 트랙 23일차 박성국 강사님 실시간 강의 Interface와 제네릭 타입스크립트에서 조금 더 중요한 개념이라고 하신다 Interface 타입 체크에 사용 변수, 함수, 클래스에 사용 가능 클래스와 비스므리 하지만 직접 인스턴스 생성 불가 모든 메소드는 추상 메소드 abstract 키워드 사용 안한다 Interface 사용 이유 협업 개발시 공통적으로 사용되는 부분에 대해 미리 정의 추후 코드를 합칠 때 효율적이다 추상클래스 vs Interface 추상 클래스는 전체적인 구조 Interface는 프로그래머간 협업 Interface 예시 interface에서 정한 property는 모두 required 아니면 [grade: number] 이런식으로 활용 가능 value 자리에는 들어올 ..

Web Dev/ELICE 2021.11.25

JavaScript 유저가 보는 Python 기본 자료형

엘리스의 도레미 파이썬에서 배운 내용 list.pop(i) 우와 인덱스를 지워버리는구나.. 이런게 있다니 인덱스(i)를 넣어두 되고 안넣으면 마지막 원소 제거하고 반환 my_list = [1, 2, 3, 4, 5] print(my_list.pop(0)) # 1 print(my_list.pop()) # 5 seq.count(d) 원소 갯수도 알려주는 것도 있다 my_seq = [2, 2, 2, 4, 4] print(my_seq.count(2)) # 3 str.split(c) 이건 자바스크립트와 비슷 다른 점은 한 글자 한글자 자를 때 split()속 콤마를 넣지 않는다 my_str = "1 2 3 4 5" print(my_str.split()) # ['1', '2', '3', '4', '5'] str.jo..

22 :: 타입스크립트 복습

엘리스 SW 엔지니어 트랙 22일차 온라인 강의날 어제 실시간 강의에서 배운 타입스크립트 복습을 실습과 함께 하는 날 타입스크립트 Microsoft가 개발했구나~ 추가 제공 자료형 tuple 길이와 요소 타입이 정해진 배열을 저장하는 타입 enum 특정 값들의 집합으로 저장 인덱스 번호로 접근 가능 인덱스 변경가능 any 자바스크립트 변수 같은 제한 없는 타입 어제 살펴본 Utility Types에 대해 알아봤다 밑의 유틸리티 타입을 알아두면 좋은 것 같다 Partial Readonly Record Pick Omit Exclude Extract NonNullable Parameters ConstructorParameters ReturnType Required 클래스 클래스도 복습 + 새로운 내용 등장 접..

Web Dev/ELICE 2021.11.24

21 (2/2) :: TypeScript 함수 사용, class

21 (1/2) :: 타입스크립트, Type, Utility Types 링크 => https://forgottenknowledge.tistory.com/entry/21-12-%ED%83%80%EC%9E%85%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-Type-Utility-Types TypeScript 이용 함수 사용하기전 함수에 대해 알아보기 일급객체의 특징 1. 함수 자체를 값으로 저장 2. 함수를 파라미터로 넣어 줄 수 있다 3. 함수를 리턴할 수 있다 // 함수 자체를 값으로 저장 let sum = function(a, b) { return a + b } function ul(child) { return`${child}` } function makeLi(container, c..

Web Dev/ELICE 2021.11.23
728x90