# typescript

141개의 포스트

[Project 02] 6. 음악 재생바

1주차 : 초기세팅, 메인 페이지, 로그인 페이지2주차 : 차트 페이지, 스테이션 페이지, 음악 재생바, API Test가장 어려웠던 음악 재생바..😭라이브러리를 안쓰고 하려니 정말 막막했다.음악 재생하고 끄는 것 까지는 완료 했는데, 재생버튼을 누른 상태에서 멈

약 1시간 전
·
0개의 댓글
post-thumbnail

TypeScript 타입2

자바스크립트에서 값으로 존재하는 null과 undefined는 타입 스크립트에서 각각 값으로 존재함undefined와 null 타입은 다른 타입과 함께 유니온 타입으로 정의할 때 많이 사용 된다.아무 값도 반환하지 않고 종료되는 함수의 반환 타입은 void 타입으로 정

약 23시간 전
·
0개의 댓글

[Project 02] 5. 스테이션 페이지

1주차 : 초기세팅, 메인 페이지, 로그인 페이지 2주차 : 차트 페이지, 스테이션 페이지, 음악 재생바, API Test ✔️ 스테이션 페이지 스테이션 페이지는 취향에 맞는 곡들을 골라 들을 수 있는 페이지이다. 예를들어 집중할때, 잠이 오지 않을 때, 운동할

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

TypeScript 타입

타입스크립트에는 타입에는 number, string, boolean, object, array, enum의 타입이 있다.자바스크립트와 타입스크립트에는 int, float, double 같은 형이 없고 다 number 형을 쓴다.그리고 char형도 없다 한글자를 표현하든

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

TypeScript 설치 및 설정

타입스크립트를 실행하기 위해서는 nodejs가 설치되어 있어야 한다. 그리고 원하는 폴더로 가서 설정을 시작한다.그리고 typescript를 설치해준다.그리고 ts를 node에서 실행하게 해주는 ts-node를 설치한다.엄밀히 말하면 ts를 node에서 실행하는게 아니

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

TypeScript

이미 진행했던 프르젝트에서 ts를 사용은 했지만 사이버 사수가 만들어준 틀에서 간단한 기능 추가만 하던 나란 게으름뱅이는 사실 1도 ts 를 모른다. 그래서 알아보는 Type Script TypeScript

2일 전
·
3개의 댓글
post-thumbnail

TypeScript 타입스크립트란?

타입스크립트는 자바스크립트의 슈퍼셋이다.타입스크립트를 쓰는 이유는 자바스크립트에서 발생할 수 있는 에러를 미리 방지해주기 때문이다. 를 했을 때를 해버리면 우리는 15라는 값을 원했는데 510이라는 값이 출력 될 것이다. 저것을 제대로 계산하게 하려면이런식으로 해야 한

3일 전
·
0개의 댓글

TIL - Typescript의 Interface

Typescript 하면서 중요하다고 느꼈던 Interface를 정리해보고자 한다. Interface Typescript의 핵심 기능 중 하나가 type-checking이다. Interface는 이러한 타입의 이름을 지정하는 역할을 한다. 지정한 type대로 값이 들

3일 전
·
0개의 댓글

[Project 02] 4. 차트 페이지

1주차 : 초기세팅, 메인 페이지, 로그인 페이지2주차 : 차트 페이지, 스테이션 페이지, 음악 재생바, API Test차트페이지는 백엔드 API받아와서 데이터를 뿌려주기만 하면 되서 딱히 어려운 기능구현은 없었다.페이지마다 비슷한 디자인들이 많아서 메인페이지에 있

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

Linked List with TDD-1

TDD(Test Driven Development)에 익숙하지 않은 개발자들에게 TDD란 항상 언젠가는 익혀야될 숙제같은 존재입니다. 그래서 타입스크립트로 Singly-Linked List 구현을 통해서 TDD를 익혀보고자합니다.우선 테스트 환경을 만들어보겠습니다. 터

2020년 3월 22일
·
0개의 댓글
post-thumbnail

Typeorm과 class-validator로 엔티티 저장 시 검증 로직 구현하기

최근에 typescirpt로 백엔드 서버를 제작하는데 관심이 생겨, 공부를 하던 중 typeorm이라는 typescript와 정말 잘 어울리는 orm 라이브러리를 발견하였다.Typeorm 문서(https://typeorm.io/\[Typeorm 깃허브](htt

2020년 3월 22일
·
0개의 댓글

[Project 02] 3. 로그인 페이지

2주차 : 차트 페이지, 스테이션 페이지, 음악 재생바, API Test바이브 앱은 네이버 로그인만 가능하기 때문에 먼저 Expo에서 네아로(네이버 아이디 로그인)가 가능한지 찾아보았다. 찾아본 결과 Expo로 네아로를 적용시티려면 Eject를 시키거나 Webview

2020년 3월 22일
·
0개의 댓글

[K-POP 역사관] Backend 구축하기 (1) - express, typescript 설정

npm init, express, typescript 설정 과정의 족적

2020년 3월 21일
·
0개의 댓글

React + TypeScript + Styled-Components 초기 세팅하기

설치하면 이와 같은 화면 상태를 볼 수 있다.없어도 되는 파일 리스트setupTests.tslogo.svgserviceWorker.tsApp.test.tsx"baseUrl": "src" 스타일 리셋 패키지 설치하기 및 styles 폴더 만들기styles 폴더 내부에 G

2020년 3월 21일
·
0개의 댓글
post-thumbnail

<TIL-typescript> Layered-Architecture, class-validator, class-transfer

간단한 인스타그램을 모방한 웹앱을 만들고 있다. 프론트에서는 타입스크립트 뷰 를 만들었고, 백엔드작업에서는 typescript+express 로 개발중이다. 서버개발캠프 4기 활동중에 타입스크립트를 좋게 썼던 경험으로 typescript를 이용해서 견고하고 꼼곰하게 설

2020년 3월 20일
·
1개의 댓글

[Project 02] 2. 메인 페이지

1주차 : 초기세팅, 메인 페이지, 로그인 페이지2주차 : 차트 페이지, 스테이션 페이지, 음악 재생바, API Test바이브 앱의 메인페이지는 사실 비슷한 슬라이드들이 반복되는 형식이여서 어려운 부분은 없었다. 기본적으로 FlatList를 이용하여 슬라이드를 구현

2020년 3월 18일
·
0개의 댓글

React 에 Typescript 적용하기(4)

하위 component의 경우 타입을 React.FunctionComponent예전에는 sfc도 많이 썻는데 현재는 deprecate빈배열을 usestate로 사용할경우 항상 제너릭을 사용해야함.onclick이나 onsubmit 같은경우 usecallback으로 감싸야

2020년 3월 18일
·
0개의 댓글

TIL - Typescript 2

Javascript를 배우고 있습니다. 매일 배운 것을 이해한만큼 정리해봅니다. 오늘은 Typescript를 정리 해봅니다.

2020년 3월 17일
·
2개의 댓글

20200315~20200316 TIL

20200315~20200316 TIL

2020년 3월 16일
·
0개의 댓글