Gongzza's Blog를 따라해보며 기본적인 감을 익히려 합니다. 1. Setting 작업할 directory를 만들고 스크린샷, 2019-12-08 22-08-47.png...

TypeScript를 활용하여 React 개발을 할때의 좋은 점 중 한가지는 바로 Props를 받는 쪽에서 정할 수 있다는 점이다. Props로 지정할 수 있는 변수들의 이름과 형태까지 지정해 줄 수 있어서 자식 컴포넌트에 Props를 넘겨줄 때 일어나는 문제점을 미리 방지 할 수 있다. 그렇다면 간단하게 어떻게 Props를 정의해주고 활용하는지에 대해 ...

Compare two arrays

~ module.exports = { . . . resolve: { extensions: ['.ts', '.js', '.json','mjs'], }, ~ resolve.extensions 속성에 '.js'가 빠져 있어서 그랬다. .js가 빠져 있으니 node_module에 있는 일반 js 파일을 찾지를 않더라. 어디서 TypeScript 번들용 설정파일을...

src 폴더에 components 폴더 생성 2. typescript 설치

공식문서를 보며 TypeScript를 공부한 내용을 기록합니다. 타입스크립트를 설치합시다. 가. interface 로 Person 이름의 타입을 정의합니다. 나. firstName의 타입은 string. 다. lastName의 타입은 string. 라. 매개변수로 사용하는 타입은 Person 을 사용한다. lastName을 숫자로 바꾸면 스크리...

MockUp Server main.gif Mockup Server란 MockUp Server는 프론트와 백엔드를 동시에 같이 개발이 진행할때 쓰면 큰효과를 볼 수 있습니다. 예를들어 자주 바뀌는 백엔드의 API와 데이터의 형태를 항상 무엇이 바꼇는지 모니터링(깃으로)을 할 수 있고 프론트엔드 개발자는 그것에 맞춰서 완성된 서버가 없더라도 최대한 비슷...

TypeScript 를 사용하면 JavaScript의 불편함을 해결해줄 수 있고, IDE를 더욱 적극적으로 활용 할 수 있게 해줍니다. 특히, 리액트 컴포넌트를 TypeScript 로 작성하면, PropTypes 를 완전히 대체 할 수 있고 훨씬 유용하고 편합니다. 아직 TypeScript 를 사용해본적이 없다면, 타입스크립트 기초 연습 블로그 포스트를 ...

CollapsibleTab

참고 * velopert님의 velog * typescript-handbook 목차 * []

with Nicolas , thank you.

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

github code : https://github.com/BaekGeunYoung/clean-architecture-practice Application Structure - image.png Clean Architecture - clean.png 말 그대로 '깨끗한' 코드. 유지보수 및 테스트 하기 용이한 코드를 작성하기 위해 고안...

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