모르니깐 할 수 있는거지

안녕하세요. AlbertKo입니다.전에 LifeCycle 예제를 만들기로 했었는데,ToDoList로 대체를 할려고했습니다만,... ToDoList로 라이프 사이클 예제를 대처하기엔 좀 앞뒤가 안맞더라고요 ㅋㅋㅋㅋ ㅜ 그래서 ToDoList 예제에 쓰일 내용은 - Material-ui 사용하기 에 쓰일거고요, LifeCycle 예제는 정말 딱 보기 좋게 하나 다시 만들생각입니다 ㅜㅜ 깃허브로 예제 소스코드 확인하기 위 링크 들어가셔서 제 깃허브 보시면 됩니다 ㅎㅎ 자세한 강의는 시간 나는대로 올리도록 하겠습니다!!

안녕하세요. AlbertKo입니다.오늘은 저번 글에서 설명 못한 LifeCycle에 대해서 강의를 하겠습니다. 2018/07/22 - [Programming/React] - React에 Component 만들기 강의를 재미있고 지루한 감이 없게 하고싶은데 그게 참 쉽지가 않네요...차라리 저도 영상을 찍어서 유튜브에 올려서 가져올까 싶기도하고 ㅜㅜ 뭐 이 분야가 자체가 좀 루즈한 감이 없진 않겠지만 그래도 재밌고 쉽게 알려드리고 싶은데 저부터가 머리가 돌머리라 ㅋㅋㅋㅋ 항상 글을 쓰면서 말을 하지만 제가 설명한게 부자연스럽거나 옳지 않은 부분은 즉시 즉시 피드백 주시면 정말 감사하겠습니다. 개발자라면 LifeCycle에 대해서 여러 들어봤을 법한데 저같은 경우는 LifeCycle이라고 해서 메모리 관리가..

안녕하세요. AlbertKo입니다.오늘은 Component 만드는 방법을 알아보도록 하겠습니다. 먼저, Component의 디렉토리는 보통 './src/components/YourComponentFile.tsx' 이런 식의 위치에 자리잡습니다. 그러면 먼저 파일을 만들도록 합시다. 저는 first.tsx 라는 이름의 파일을 만들었습니다. 그런 다음, react를 import 해줍시다. import * as React from 'react'; 그런 다음에 저는 material-ui 라이브러리도 추가하겠습니다. 후에 UI 라이브러리 소개 및 사용 강의를 작성할 때 자세하게 설명해드리겠습니다 ㅎㅎ 그 후 react로 부터 component class를 상속 받아서 일단 코드를 작성해봤습니다. import * ..

안녕하세요. 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..