전체태그 보기

#typescript (71개의 포스트)

devzunky
Gongzza's Blog를 따라해보며 기본적인 감을 익히려 합니다. 1. Setting 작업할 directory를 만들고 스크린샷, 2019-12-08 22-08-47.png...
jungsw586
TypeScript를 활용하여 React 개발을 할때의 좋은 점 중 한가지는 바로 Props를 받는 쪽에서 정할 수 있다는 점이다. Props로 지정할 수 있는 변수들의 이름과 형태까지 지정해 줄 수 있어서 자식 컴포넌트에 Props를 넘겨줄 때 일어나는 문제점을 미리 방지 할 수 있다. 그렇다면 간단하게 어떻게 Props를 정의해주고 활용하는지에 대해 ...
SSR 개념 이해와 Next.js로 실습까지 해보는 SSR 환경 구축하기
jeff0720
서론 안녕하세요, 영훈입니다. 엄청 오랜만에 글을 썼네요. 이번 글에서는 SSR은 어떤 개념이고 react와 같은 SPA에서 어떻게 SSR 환경을 쉽게 구축하는지에 알아보려고 합니다. 또한 실습을 통해서 Next.js와 좀더 친숙해질 수 있도록 하려고 합니다. 차근차근 따라하면 개념을 쉽게 익힐 수 있게 글을 썼습니다. SSR은 무엇인가요? SSR...
wrfg12
Compare two arrays
RecoFashion - 완성 및 시뮬레이션
dvmflstm

RecoFashion - 완성 및 시뮬레이션

2019년 12월 2일0개의 댓글
github url https://github.com/BaekGeunYoung/recofashion-client (client) https://github.com/BaekGeunYoung/recofashion-server (server) 목표 서비스 패션 코디 추천 서비스 기능 매일 데일리 코디를 추천해준다. - 배색 조합 관련 이론을 참고해...
RecoFashion - ReactDnD를 이용해 Drag & Drop 기능 구현하기
dvmflstm
프론트 단에서 구현해야 할 핵심 기능 중 하나는 여러 가지 추천 색상을 브라우저에 띄워주고 나면, 이 각각의 색상들을 드래그 해서 오늘 입을 상의 or 하의의 색상에 드랍할 수 있도록 하는 것이었다. 드래그앤 드랍 기능을 구현해본 적이 없어서 처음엔 매우 막막했지만, 역시나 구글은 나에게 필요한 모든 것을 알려주었다. (구글 짱!) React DnD를 이...
mooropapa
~ module.exports = { . . . resolve: { extensions: ['.ts', '.js', '.json','mjs'], }, ~ resolve.extensions 속성에 '.js'가 빠져 있어서 그랬다. .js가 빠져 있으니 node_module에 있는 일반 js 파일을 찾지를 않더라. 어디서 TypeScript 번들용 설정파일을...
jungsw586
src 폴더에 components 폴더 생성 2. typescript 설치
ki_blank
공식문서를 보며 TypeScript를 공부한 내용을 기록합니다. 타입스크립트를 설치합시다. 가. interface 로 Person 이름의 타입을 정의합니다. 나. firstName의 타입은 string. 다. lastName의 타입은 string. 라. 매개변수로 사용하는 타입은 Person 을 사용한다. lastName을 숫자로 바꾸면 스크리...
joon610
MockUp Server main.gif Mockup Server란 MockUp Server는 프론트와 백엔드를 동시에 같이 개발이 진행할때 쓰면 큰효과를 볼 수 있습니다. 예를들어 자주 바뀌는 백엔드의 API와 데이터의 형태를 항상 무엇이 바꼇는지 모니터링(깃으로)을 할 수 있고 프론트엔드 개발자는 그것에 맞춰서 완성된 서버가 없더라도 최대한 비슷...
velopert
TypeScript 를 사용하면 JavaScript의 불편함을 해결해줄 수 있고, IDE를 더욱 적극적으로 활용 할 수 있게 해줍니다. 특히, 리액트 컴포넌트를 TypeScript 로 작성하면, PropTypes 를 완전히 대체 할 수 있고 훨씬 유용하고 편합니다. 아직 TypeScript 를 사용해본적이 없다면, 타입스크립트 기초 연습 블로그 포스트를 ...
TypeScript와 Storybook을 사용한 리액트 디자인 시스템 구축하기
velopert
TypeScript와 Storybook을 사용하여 나만의 디자인 시스템을 구축해봅시다! 우선, 디자인 시스템이 무엇인지부터 알아보도록 합시다.
geonhwi

[개발일지] 191119

2019년 11월 19일0개의 댓글
CollapsibleTab
carrot-farm

타입스크립트 기초연습

2019년 11월 12일0개의 댓글
참고 * velopert님의 velog * typescript-handbook 목차 * []
dankim

typescript 로 blockchain 구현하기

2019년 11월 12일0개의 댓글
with Nicolas , thank you.
geonhwi

LETMEIN #1. SETTING

2019년 11월 9일0개의 댓글
WHOAMI 프로젝트의 이름을 변경하였습니다. 이름하야...LETMEIN!!!🙋🏻‍♀️🙋🏻‍♀️🙋🏻‍♀️ LET ME INTRODUCE MYSELF 주제는 같은데 이름만 바꿨어요. 이유는..비슷한 제목을 찾아서.입니다. 저번 코드는 과감히 날렸습니다! 짬짬이 개발스킬을 키우기 위한 프로젝트이므로, 부족한 것이 많을 수 있습니다! - ...
dvmflstm

clean architecture - practice

2019년 11월 5일0개의 댓글
github code : https://github.com/BaekGeunYoung/clean-architecture-practice Application Structure - image.png Clean Architecture - clean.png 말 그대로 '깨끗한' 코드. 유지보수 및 테스트 하기 용이한 코드를 작성하기 위해 고안...
hih0327

TypeScript 기초 연습

2019년 11월 1일0개의 댓글
리액트 프로젝트에서 타입스크립트 사용하기 시리즈를 보고 실습하면서 작성한 글입니다. - 처음 공부하고 있어서 부족하거나 잘못된 정보가 있을 수 있습니다. (2019.11.01 금) - 조금 더 자세히 알게 되거나 수정할 부분이 있으면 바로바로 수정하겠습니다. TypeScript 란? Microsoft에 의해 개발/관리되고 있는 오픈소스 프로...
TypeScript 3.7 살펴보기
augusty

TypeScript 3.7 살펴보기

2019년 10월 31일7개의 댓글
2019년 11월 5일 3.7이 정식버전으로 릴리즈되었습니다. 아래에선 3.7에 추가된 주요기능들을 살펴보실 수 있어요! (rc버전에서 작성되었던 내용이지만 설명드린 내용들은 정식버전과 차이가 없어 내용은 수정되지 않았습니다) 해당 포스트는 MicroSoft devblog에 Daniel Rosenwasser님이 기재하신 "Announcing TypeSc...