기억보단 기록을

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 컴포넌트는 매우 독립적이며 특정 관심사에 집중된 기..

AWS 도서 추천 입문자 만약 AWS를 처음 입문한다면 책만 보기 보단, 강의와 함께 보는것을 적극 권장한다. 책은 아래 실무에서 배우는 AWS를 추천하며 강의는 생활코딩을 추천한다. 생활 코딩 주소 : https://opentutorials.org/course/2717 중급자 위에 도서와 강의를 꼼곰하게 보고 간단한 프라이빗,퍼블릭 서브넷 구조만 이해를 했다면, 이제 각 어플리케이션 마다 적합한 패턴설계를 해야한다. 그러면 아래 도서를 적극 추천하며 원하는 페이지만 보면된다. 10가지 넘는 패턴을 공부할 수 있고, 몰랐던 사실을 더알게 될것이다. 그외 문서는 사람들이 작성한 카페글 보단 AWS공식문서를 보면서 공부하는것을 추천한다. 공식문서를 보고 이해가 잘되지않는 부분만 카페를 통해 지식을 습득하자...

약 한달만에 포스팅을 하는것 같다. 꾸준히 기술관련 내용을 포스팅 하는건 쉬운일이 아닌것 같다.. 곧 다니고 있는 회사를 그만두게 되면 꾸준히?! 올리길 기도해본다ㅎㅎ. 저번 포스팅에서 AWS ELB를 사용하는 이유를 알아보았고 오늘은 사용방법을 알아보겠다. ELB(Elastic Load Balancing) (19년 4월 15일 기준) 1. ELB 선택 AWS에서 EC2 창으로 들어가면 왼쪽메뉴에 로드밸런서를 클릭한다. 그러면 아래와 같이 3가지 선택란이 나온다. 여기서, 맨왼쪽 Application Load Balancer를 선택하면 된다. Application Load Balancer은 7계층 로드밸런서 이고 그 옆 Network Load Balancer는 4계층 로드밸런서라고 생각하면 된다. 그럼 ..

AWS ELB 개념및 종류 서론.. ELB 사용방법과 과정은 매뉴얼 혹은 구글링을 하면 쉽게 구할 수 있으나, 왜? ELB를 사용해야 되는지에 대한 내용은 부족한거 같아 포스팅을 남겨본다..!! ELB(Elastic Load Balancing)란? AWS에서 제공하는 로드밸런서 이다. 로드 밸런서란 하나의 서버로 서비스가 힘들때, 여러 서버를 운용해 클라이언트들의 요청을 로드밸런서가 대신 받아 여러 서버로 밸런스에 맞게 분산해주는 장비이다. 음.. 설명이 어렵다.. 예로 들면 바로 이해가 갈것이다. 예) 길동이는 오늘도 수강신청을 하기위해 신청시간을 기다리고 있었지만 많은 학생들이 몰리면서 서버 장애로 인해 원하는 수강을 신청하지 못했다. 그렇다.. 많은 클라이언트들의 동시에 많이 몰리게 되면 서버에 부..

AWS EBS(Elastic Block Store) 서론..2018년 8월 중순쯤.. 온프레미스 환경에서 클라우드 환경으로 마이그레이션 작업이 시작 되었을때, 기간은 2주였다. 2주 안에 클라우드에 대한 시스템과 방향을 빨리 캐치 했어야 했었다. EC2 성능은 최대한 알맞게 구매를 했고 혹시몰라 CRI 로 구매를했다. 물론 1년치만 ㅎㅎ .. 하드(EBS)는 128GB를 구매했다.. 문제의 시발점이 여기서 시작되었다. 약 운영중인 클라우드 서버 15대 정도 이걸 월비용을 계산 하자면 아래와 같다. 2019-03-09 기준 ** 월별 프로비저닝된 스토리지 GB당 0.114 USD운영중인 클라우드 서버 15대 * EBS 128GB = 1,920 GB * 0.114$ = 218.88 $ = 약 24만 8천원...

덤벨프레스 1. 덤벨프레스 ?덤벨(아령)을 이용한 가슴운동 바벨과 다른점은 팔동작이 자유롭기에 가용범위를 더 넓게 가질 수 있다.벤치프레스와 같은 자세에서 등을 아치모형으로 하면 되겠다. 2. 덤벨프레스 영상 주의점은 가용범위를 과하게 하면 어깨에 무리가 가므로 적당하게 내리고 올릴때는 팔꿈치에 무리가 안가게 올릴때 살짝 구부린상태로 올리면 되겠다.

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 줄임말로써 영어에서 나오듯 장기적으로 지원되는 즉, 신뢰도가 높은 버전입니다...