기억보단 기록을

Hello World! 리액트 실행방법과 간단한 구동방법을 설명 드리겠습니다 !! 음... 우선 가장 자신이?! 원하는 IDE 혹은 에디터로 개발하시면 됩니다.. 저는 VSCode를 사용하다 인텔리제이로 개발하고 있습니다. React를 개발하시려면 NPM을 먼저 다운 받으셔야 합니다. https://nodejs.org/en/ 에 들아가서 최신 버전을 받습니다. 들어가면 위와같은 페이지가 나옵니다. 먼저 왼쪽 10.15.1 LTS 과 오른쪽 11.10.0 Current가 있습니다. (2019-2-22 기준) LTS는 Long Term Supported 줄임말로써 영어에서 나오듯 장기적으로 지원되는 즉, 신뢰도가 높은 버전입니다. 유지/보수와 보안에 초점을 맞춰 대부분 유저에게 추천되는 버전입니다. 그와 반..

React? 개발하면서 한번쯤은 들어봤을 이름 리액트! 대충 페이스북에서 만들었다. 라이브러리다 뭐다 뭐다 ... 정도는 들어봤을 것이다. 리액트란 한방에 정의하자면 'UI 컴포넌트 라이브러리' 이다. 리액트는 특별한 템플릿 언어가 아닌 자바스크립트를 이용해서 만든다. 템플릿 엔진과 제이쿼리에 익숙해져 있는 개발자들은 이게 무슨소리인가 할것이다.. 필자도 그랬다.. 우선 컴포넌트라는게 뭔지 알아보자. 아래 그림을보자 그림은 리액트 컴포넌트가 무엇인지 알려주는 사진이다. 즉 화면 구성 하나하나를 컴포넌트라 칭하는 것이다. 이 컴포넌트는 다른페이지 에서도 재활용이 가능한것! 여러 컴포넌트로 UI를 구성하는 이런 방식은 React의 핵심 철학이다. React 컴포넌트는 매우 독립적이며 특정 관심사에 집중된 기..

VSCode 로 TypeScript 시작하기 NPM설치먼저 NPM을 설치합니다. https://nodejs.org/en/ 에 들아가서 최신 버전을 받습니다. 사이트에 들어가면 아래 사진과 같은 페이지를 볼 수 있습니다. ( 2019-2-22 기준 )잠깐, NPM을 아직 모르신다구요? NPM은 Node Package Module의 약자로 Node.js 에서 사용 가능한모듈들을 패키지화 시킨 것 입니다. 결국은 타입스크립트를 하기 위해선 Node.js가 필요한 것이죠. [그림1. npm 다운로드 페이지] 먼저 왼쪽 10.15.1 LTS 과 오른쪽 11.10.0 Current가 있습니다. LTS는 Long Term Supported 줄임말로써 영어에서 나오듯 장기적으로 지원되는 즉, 신뢰도가 높은 버전입니다...

TypeScript ? 배경때는 2018년 3월 첫 회사에 입사한 필자는 처음 맡게된 파트가 Angular 개발이였다. Node.js로 개발을 경험 했던 터라 환경이 낯설지는 않았다. Angular를 개발 하면서 처음 보는 문법이 계속 등장했고 .. 비로써 내가Node.js 개발을 ES5로 했구나 라고 무릎을 탁치게 되었다... -_- 그이후 AWS하고 Spring을 하느라 정신이 없던 필자는 AWS 람다를 도입하려고 했던 찰나에 다시한번 Node라는 벽을 마주하게 된다. (그래 너 잘만났다) 그래서! TypeScript를 공부하고 람다를 도입할 예정이다. 꼭 람다 때문인것도 있지만 2019년 웹트렌드를 보면 타입스크립트는 이제 흡수 할때가 온것이다. TypeScript마이크로소프트가 만든 프로그래밍 언..