# ts

171개의 포스트

2-4 타입 선언 및 인터페이스

여태 타입 알리아스 형태를 알아봤는데, 인터페이스로 들어갈것이다.그런데 둘이 그렇게 동작상의 큰 차이는 없다.다만 핵심은 일관성이다.하나의 프로그램을 개발하는 코드를 짤때, 반드시 둘 중에 하나만 써서 일관됀 코드를 만들라는 것이다.여태껏 type을 사용한 타입 알리아

2일 전
·
0개의 댓글

2-3. 타입스크립트 확장

type 통일 및 정리내가 듣고 정리하는 강의는 이것보다 더 속성이 많긴한데, 블로그에 원할하게 쓰기 위해서 이렇게 정리해봤다.보면 id부터 comments까지는 동일한데, NewsFeed는 거기서 read값을 가지고 있고, NewsDetail은 거기서 level을 가

3일 전
·
0개의 댓글

2-2 타입 선언하기

우리가 TS로 개발하게되면 생기는 장점은 타입 지정이라고 했다.그러면 우리는 타입을 어떻게 지정해야하는지에 대해서 조금 더 공부가 필요할 것이다.이런 코드가 있다고 해보자.그러면 getElementById() 함수는 과연 무엇을 반환할까?HTMLElement 와 nul

5일 전
·
0개의 댓글
post-thumbnail

Types

지난 챕터에서는 타입스크립트의 필요성에 대해 알아보았고 이번 챕터부터는 실제 타입에 알아보자.

2022년 1월 21일
·
0개의 댓글
post-thumbnail

TypeScript란?

프론트엔드 개발자를 꿈꾸는 예비 개발자들도 웹 프론트엔드 개발은 HTML,css, JavaScript만 사용이 가능하다는 것을 알고있다. 그런데 타입스크립트는 또 무엇일까..

2022년 1월 20일
·
0개의 댓글
post-thumbnail

TS 기초 - 제네릭

시작 간단한 CRUD를 위해 화면을 React - Typescript 만들다 보니 Typescript에 대한 공부가 필요하다고 느꼈다. 단순히 변수에 타입을 정해주는 수준이 아닌 Typescript를 편하게 사용하기 위해 기초부터 공부해보려 한다. https://typ

2022년 1월 19일
·
0개의 댓글
post-thumbnail

TS 기초 - 리터럴 타입

시작 간단한 CRUD를 위해 화면을 React - Typescript 만들다 보니 Typescript에 대한 공부가 필요하다고 느꼈다. 단순히 변수에 타입을 정해주는 수준이 아닌 Typescript를 편하게 사용하기 위해 기초부터 공부해보려 한다. https://typ

2022년 1월 18일
·
0개의 댓글

[typescript] webview의 javascriptInterface를 타입스크립트에서 사용하기

안드로이드 웹뷰에서 등록된 이름(android)을 사용해서 타입스크립트 웹에서 안드로이드 앱의 함수를 호출한다.참고 :: https://stackoverflow.com/questions/41220743/call-android-method-from-typescr

2022년 1월 18일
·
0개의 댓글
post-thumbnail

TS 기초 - 함수

시작 간단한 CRUD를 위해 화면을 React - Typescript 만들다 보니 Typescript에 대한 공부가 필요하다고 느꼈다. 단순히 변수에 타입을 정해주는 수준이 아닌 Typescript를 편하게 사용하기 위해 기초부터 공부해보려 한다. https://typ

2022년 1월 17일
·
0개의 댓글
post-thumbnail

TS 기초 - 인터페이스

시작 간단한 CRUD를 위해 화면을 React - Typescript 만들다 보니 Typescript에 대한 공부가 필요하다고 느꼈다. 단순히 변수에 타입을 정해주는 수준이 아닌 Typescript를 편하게 사용하기 위해 기초부터 공부해보려 한다. https://typ

2022년 1월 14일
·
0개의 댓글

1.13- React masterClass (trello cloning final)

먼저 해야할 작업을 정리해보자 > 1. user의 입력을 받아 card를 만들 수 있는 form을 작성한다. user의 입력을 받을 수 있게 atom state를 수정한다. card를 수정/삭제 할 수 있는 기능을 추가해 준다. user의 입력을 받아 board를

2022년 1월 13일
·
0개의 댓글
post-thumbnail

TS 기초 - 기본타입

시작 간단한 CRUD를 위해 화면을 React - Typescript 만들다 보니 Typescript에 대한 공부가 필요하다고 느꼈다. 단순히 변수에 타입을 정해주는 수준이 아닌 Typescript를 편하게 사용하기 위해 기초부터 공부해보려 한다. https://typ

2022년 1월 13일
·
0개의 댓글

SyntaxError: Cannot use import statement outside a module when debug with typescript

vscode에서 debugging을 하기 위해 .vscode/launch.json을 만들었다. 기본 설정에는 ts->js 컴파일하는 과정이 없기 때문에 ts에서 사용되는 import를 사용할 수 없다.args에 --require ts-node/register를 작성해주

2022년 1월 13일
·
0개의 댓글

[ts] Cannot find name 'console'.

npm install @types/node --save-devhttps://stackoverflow.com/questions/42105984/cannot-find-name-console-what-could-be-the-reason-for-this/4210603

2022년 1월 13일
·
0개의 댓글
post-thumbnail

1.12- React masterClass (trello cloning 3)

reference는 JS 코드를 이용해 HTML요소를 지정하고 가져올 수 있는 방법이다. 바닐라JS에서 document.getElementById를 해서 HTML요소를 가져오는 것 처럼 useRef를 이용해서 요소를 가져올 수 있다. 예를들어 이렇게 사용하면 but

2022년 1월 12일
·
0개의 댓글

TS object, array, tuple 타입

object, array, tuple type

2022년 1월 12일
·
0개의 댓글

MalformedXML: The XML you provided was not well-formed or did not validate against our published schema

aws s3 bucket에 올라간 파일들을 제거하면서 deleteObjects() 메서드를 사용했다. listObjectsV2()로 파일들을 가져올 때 한번 요청에 최대 1000개였는데 deleteObjects()도 마찬가지로 한번에 최대 1000개를 제거할 수 있었다

2022년 1월 12일
·
0개의 댓글
post-thumbnail

React + GraphQL - Typescript 시작하기 - 4

회원정보수정 src/pagaes/Modify.tsx 수정 useEffect를 통해 페이지가 useQuery의 결과에 따라 email, password, name의 상태를 변경해줌. useEffect의 마지막 대괄호 안에 변수를 넣어주면 그 변수의 상태가 변할 때 마

2022년 1월 12일
·
0개의 댓글
post-thumbnail

1.11- React masterClass (trello cloning2)

어제 작업한 곳에 스타일을 조금 입혔다아직 onDragEnd 함수를 완성하지 못하여 옮겨지지는 않지만 여러개의 board와 card가 정상적으로 뜬다.atom의 state가 하나의array일때 했던것처럼 먼저 어떤 정보를 받아오는데 test해보면 동일하게 drag한 d

2022년 1월 11일
·
0개의 댓글
post-thumbnail

React + GraphQL - Typescript 시작하기 - 3

### Express + GraphQL + MongoDB 시작하기 - 4에서 이어지는 내용 https://velog.io/@mkh1213/Express-GraphQL-MongoDB-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0-4

2022년 1월 10일
·
0개의 댓글