안녕하세요. AblertKo입니다. 현재 제가 사용중인 개발 컴퓨터는 Macbook Pro retina 2017 touch-bar 15inch 모델입니다.무려 300만원 거금 주고 구입한 컴퓨터이기에 애지중지한데...개발자 분들이 많이 추천한 모델이 해당 모델이기 때문에 구입을 했습니다만,발열에 좀 불만이 여러 있었습니다. 그 중에 가장 불만이였던 부분.... 일명 popping issue 라고 하는 맥북의 짜증나는 하드웨어 이슈입니다. 유튜브에 해당 영상이 있길래 가져왔습니다. 영상을 보시면 '딱' 하는 소리가 들리시나요?? 발열로 인해 디스플레이쪽에 너트?? 쪽에 문제가 생겨서 나는 소리라고 하네요.사용에 문제는 없지만 소리가 신경이 쓰이고 애플 측의 실수가 맞기 때문에애플케어가 있다면 무상수리가 가..
안녕하세요. AlbertKo입니다. 이번에 같이 알아볼 것은 Yarn을 설치하는 방법입니다. Yarn이란??? Yarn이란, 페이스북에서 구글 개발자들과 함께 만든 Javascript 패키지 매니저입니다.NPM과 같은 기능을하데, NPM의 이슈였던 보안과 속도 문제를 커버했다고 합니다. react를 보면 npm 보다는 Yarn을 추천하는 경우가 많고, create-react-app을 이용하여 만든 프로젝트에서ejact 스크립트 명령어를 사용하려면 npm 을 이용하여 해보니 동작이 되지않고, Yarn으로 하니 동작하더군요...Yarn을 설치해두면 도움이 될거라고 생각합니다. https://yarnpkg.com/en/Yarn의 홈페이지입니다. 들어가서 보시면 윈도우에 대한 설치법도 있습니다. 초기화면에는 Y..
안녕하세요. AlbertKo입니다. 이번에 알아 볼 것은 homebrew를 설치하는 방법입니다. homebrew가 뭐냐하면 mac os 에서 패키지 관리자입니다. 깊게 알필요 없습니다. 아니, 없잖아요???왜냐하면 여러분들은 그냥 개발하다 뭐 좀 설치하라고 하여서 보니 brew ~~~~ 라고 입력을 하라는 것을 봤을 것이고,brew 는 homebrew이고 그냥 그 때 당장에 필요한 것 아닙니까??...아니라면 죄송합니다 ㅜㅜ 일단 아래 홈브류 홈페이지를 들어가줍시다. https://brew.sh/index_ko 자 그러면 가운데 떡하니 설치하기 부분이 있습니다. 해당 코드를 복사하다가 터미널에 입력하면 뚝딱뚝딱 설치할겁니다. 홈페이지 들어가는 것도 귀찮으신 분들을 위해 아래 갖다놨습니다. /usr/bin..
안녕하세요. AlbertKo입니다.전에 React typscript 프로젝트 만드는 방법에 대해서 글을 작성했는데요, 사실 그렇게 일일이 파일을 만들고 세팅을 해주지 않아도 되는 방법이 있습니다.바로 create-react-app 줄여서 cra라고 부르도록 하겠습니다.위의 일종의 cli를 이용하면 되는데요, "아니 쉬운 방법이 있다면서 왜 그렇게 복잡하게 돌아갔어요??" ;;네... 확실히 쉬운 방법이 있지만이왕 공부하는거 하나 하나 집어가면서 해보는 것도 분명 좋은 방법이라고 생각을 했습니다.확실히 하나 하나 집어가는 과정을 저 역시 강의로 글을 쓰면서 많은 도움이 되었고요생산성을 따지면 당연히 쉬운 방법으로 하는 것이 맞지만, cli에서 생성해 주는데로만 했다면 webpack이 무엇인지, 로더는 뭐고..
안녕하세요. 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..