create-react-app을 이용하여 react typescript의 프로젝트 생성하기
안녕하세요. AlbertKo입니다.전에 React typscript 프로젝트 만드는 방법에 대해서 글을 작성했는데요, 사실 그렇게 일일이 파일을 만들고 세팅을 해주지 않아도 되는 방법이 있습니다.바로 create-react-app 줄여서 cra라고 부르도록 하겠습니다.위의 일종의 cli를 이용하면 되는데요, "아니 쉬운 방법이 있다면서 왜 그렇게 복잡하게 돌아갔어요??" ;;네... 확실히 쉬운 방법이 있지만이왕 공부하는거 하나 하나 집어가면서 해보는 것도 분명 좋은 방법이라고 생각을 했습니다.확실히 하나 하나 집어가는 과정을 저 역시 강의로 글을 쓰면서 많은 도움이 되었고요생산성을 따지면 당연히 쉬운 방법으로 하는 것이 맞지만, cli에서 생성해 주는데로만 했다면 webpack이 무엇인지, 로더는 뭐고..
Typescript를 사용하여 React 시작하기 - "Hello World!!" 코드 작성하기
안녕하세요. AlbertKo입니다. 저번글 세팅과 알고 넘어가는 부분을 진행했고,이제 간단하게 코딩을 해보도록 하겠습니다. 코딩하기 컴포넌트 만들기 './src/components' 에 'First.tsx' 파일을 만들어 줍시다. 그 후 아래와 같이 코드를 작성해 주세요. import * as React from "react"; export interface iFirst { compiler: string; framework: string; } export class Hello extends React.Component { render() { return Hello from {this.props.compiler} and {this.props.framework}!; }} 그 다음 './src' 에 'inde..
Typescript를 사용하여 React 시작하기 - Setting 및 알고 넘어가기
안녕하세요. AlbertKo입니다. 요즘 프론트엔드 하면 React.js와 Vue.js죠.저는 SPA 개발을 Angular로 시작했습니다만, 저 둘의 인기에 점점 뒤쳐지는 느낌이네요 ㅜㅜAngular도 충분히 좋은 프레임워크입니다. 뭘 쓰든 본인 손가락과 머리와 그에 따른 노력에 따라 Return이 달라지지요 ㅎㅎ그치만, 현재 구직 중인 저로서 몸서 느낀 점은 Angular는 저 둘의 인기에 묻혀서 참... 구직이 힘이드네요. 개인적으로 개발자 분들은 남들 말을 듣는 것 보다는 몸서 느껴보는 것이 좋을 것 같습니다.다 해보세요!! ㅋㅋㅋ 저는 속도라든지... 는 아직 직접 뭐하다 할만한 정도는 아닌 것 같으니 겸손함을 좀 갖겠습니다. React.js 란??? React란 Facebook에서 개발 유지 보..