본문 바로가기

전체 글

한입크기로 잘라먹는 타입스크립트 - 함수와 타입 - [인프런] 섹션 4 함수와 타입 함수 타입 선택적 매개변수 사용시 가드(guard)를 사용해서 tall에 10을 더할 수 있게 한다. 또한 필수적 매개변수가 선택적 매개변수보다 앞에 있어야한다. 위와 같이 가변적인 인자들은 스프레드 연산자를 이용한다. 함수 타입 표현식과 호출 시그니쳐 위와 같은 함수 타입 표현식은 잘 쓸꺼같진 않을꺼같다.. 위와 같은 호출 시그니처도 그닥..안쓸듯 함수 타입의 호환성 특정 함수 타입을 다른 함수 타입으로 괜찮은지 판단하는 것을 의미합니다. 다음 2가지 기준으로 함수 타입의 호환성을 판단하게 됩니다. 1. 두 함수의 반환값 타입이 호환되는가? 2. 두 함수의 매개변수의 타입이 호환되는가? 예제가 많고 복잡해서 코딩하다가 문제가 생길시 공부해서 체득하는게 좋을듯 함수 오버로딩 자바스크.. 더보기
한입크기로 잘라먹는 타입스크립트 - 이해하기 - [인프런] 섹션 3 타입스크립트 이해하기 타입스크립트 이해하기 타입은 집합이다 타입 계층도와 함께 기본타입 살펴보기 unknown 타입 (전체 집합) unknown 타입은 타입 계층도의 최 상단에 위치합니다. unknown 타입 변수에는 모든 타입의 값을 할당할 수 있습니다. 바꿔 말하면 모든 타입은 unknown 타입으로 업 캐스트 할 수 있습니다. never 타입 (공집합 타입) never 타입은 타입 계층도에서 가장 아래에 위치합니다. void 타입 any 타입 어떤 곳으로 가든 어떤 곳에서 오든 모든 업캐스팅 다운 캐스팅이 가능하다 ==> 치트키 단, never 타입에서의 다운 캐스팅으 예외이다. 객체 타입의 호환성 초과 프로퍼티 검사 : 변수를 초기화(및 함수 인자 전달) 할때 초기화 하는값으로 객체 리터.. 더보기
한입크기로 잘라먹는 타입스크립트 - 기본타입 - [인프런] 섹션 2 타입스크립트 기본 기본타입 원시타입과 리터럴타입 다른 타입에 null을 넣으려면 옵션을 확인하고 수정을 통해 진행 배열과 튜플 튜플의 유용한 사용 예 객체 저 user는 객체긴한데 그 이상의 정보는 몰랑 ㅇㅅㅇ,, 와 같다 객체 리터럴 표기법으로 주로 사용 선택적 프로포티 , 옵셔널 프로퍼티로 지정. 프로포티의 값을 바꾸는 행위를 막는다. 타입 별칭과 인덱스 시그니처 이렇게 너무 타입 명시가 길어진다 ==> 타입 별칭 사용 객체 타입의 정의를 도와주는 ==>인덱스 시그니처 key와 value의 타입에 따라 규칙을 정할 수 있다. type에 명시한 규칙만 지키면 문제가 없다. => 그래서 꼭 필요한 값이 있어야 하면 아래와 같이 따로 명시를 해주는게 좋다. 또한 왼쪽과 같이 타입이 호환되어야 한다.. 더보기
한입크기로 잘라먹는 타입스크립트- 소개 및 개론- [인프런] https://ts.winterlood.com/6c9bf87f-6a8f-4e96-95b4-5e12d9f82165 Hello TS World - 타입스크립트 개론 한 입 크기로 잘라먹는 타입스크립트 ts.winterlood.com 섹션 0 강의 소개 섹션 1 타입스크립트 개론 타입스크립트를 소개합니다 자바스크립트의 한계점과 타입스크립트 프로그램이 비정상적으로 종료된다. 하지만 실행은 된다. 타입스크립트의 동작 원리 즉, 프로그램 실행결과에는 아무런 영향을 미치지 않는다. 타입스크립트 컴파일러 옵션 설정하기 타입스크립트의 컴파일러 옵션은 패키지 루트 폴더 아래에 tsconfig.json이라는 파일에 설정할 수 있다. 컴파일러 옵션을 설정하는 가장 쉽고 빠른 방법은 자동 생성 도구를 이용하는 방법 입니다. 터.. 더보기
파이썬 문법 부수기 리스트 초기화 리스트컴프리헨션 리스트관련 기타 메서드 insert()함수와append(), remove()를특히더눈여겨두자. insert() 함수를사용할때원소의개수가N개면. 시간복잡도는O(N)이다. 파이썬의 리스트자료형의append() 함수는O(1)에수행되는데에반해insert()함수는동작 이느리다. 중간에원소를삽입한뒤에, 리스트의원소위치를조정해줘야하기때문이다. 따라서 insert( ) 함수를 남발하면 '시간초과'로 테스트를 통과하지 못 할 수도 있다 . remove()의 시간복잡도는 insert() 함수와 마찬가지로O(N)이라는점을 유의. 특정한값의원소를모두제거하려면어떻게해야할까? 사전 자료형 관련 함수 집합 자료형 관련 함수 자주 사용되는 표준 입력 방법 출력 반복문 함수와 람다 표현식 함수밖의변수데이.. 더보기
TypeOrm 트랙잭션의 적용 https://velog.io/@ljh305/Transaction-ACID-Lock-qsm3wctj Transaction / ACID / Lock 서비스에서 가장 치명적인 문제는 데이터의 오염이다.중요한 데이터를 오염시키지 않기 위해트랜잭션을 만들어 성공했을때는 모두 성공을 실패했을 때는 롤백 시켜주어야 한다.typeorm에서는 트 velog.io https://itchallenger.tistory.com/231 TypeORM 스터디 : QueryBuilder 2편 - CRUD 심화 1편 보기 TypeORM 스터디 : QueryBuilder 1편 - CRUD 기본 TypeORM - Amazing ORM for TypeScript and JavaScript (ES7, ES6, ES5). Supports M.. 더보기
따라하며 배우는 리액트 A-Z -도커를 이용한 리액트 실행 - [John Ahn] 섹션 11 도커를 이용한 리액트 실행 챕터 설명 도커를 사용하는 이유 도커란 무엇인가 맥에서 도커 설치하기 도커를 사용할 때의 흐름 감잡기 도커 이미지로 도커 컨테이너 만들기 도커 이미지 생성하는 순서 도커 파일 만들기 도커 파일로 도커 이미지 만들기 리액트를 위한 도커 파일 작성하기 workdir: 컨테이너 안의 어떤 경로에 (로컬의)파일들을 넣을것인지 첫번째 copy 두번쨰 copy ./(로컬 내 전체 디렉토리)를 ./(컨테이너 디렉토리 /usr/src/app)으로 카피 생성한 이미지로 어플리케이션 실행 시 접근이 안되는 이유(포트 맵핑) 3000(왼쪽) 로컬로 포트 접속을 요청하면 3000(오른쪽) 컨테이너 내부의 포트 3000으로 맵핑 EC2에서 도커 설치 및 실행 여기까지 도커를 설치하기 위한 .. 더보기
따라하며 배우는 리액트 A-Z -리덕스 - [John Ahn] 섹션 10 리덕스 리덕스란? 미들웨어 없이 리덕스 카운터 앱 만들기 combineReducers Redux Provider npm i react-redux --save useSelector & useDispatch 리덕스 미들웨어 Redux Thunk Redux Toolkit Redux Toolkit APIs Disney 앱에 Redux적용하기 Redux-Persist 리덕스 익스 텐션 추가하기 더보기

티스토리툴바