[모닝리더] 10월 12일 성취선언 [모닝리더] 10월 11일 성취선언 나 김세창은 주어진 일에 최선을 다한다. 나 김세창은 포기하지 않는다. 나 김세창은 10월달 안드로이드 어플 2개와 홈페이지 3개를 출시한다. 나 김세창은 10월 매출 100만원에 달성한다. 나 김세창은 React Native 책 한권을 10월 안에 읽는다. 나 김세창은 기업가치 500억의 ceo다. [모닝리더] 10/10 나 김세창은 10월달 안드로이드 어플 2개와 홈페이지 3개를 출시한다. 나 김세창은 10월달 매출 100만원에 달성한다. 나 김세창은 주어진 일에 최선을 다한다. 나 김세창은 포기하지않는다. 나 김세창은 기업가치 500억의 ceo다 [모닝리더] 9/11~ 10/9 나는 사실 9월 11일부터 10월 9일까지 주말을 제외하고 평일에만 아침에 일어나자마자 하루 10분을 투자하여 단기적 또는 장기적으로 이루고 싶은 목표를 3~5가지를 작성하고 이것을 낭독했다. 또한 이 문장을 찍고 다른 사람들과 공유하는 활동을 했었다. 정말로 이렇게 해보니, 내가 이루고 싶었던 것들이 한개 두개씩 이뤄지는 것 같다. 오늘부터 다른 사람과 공유하기 위해 그리고 기록을 남기기위해 블로그에도 작성할 계획이다. [React JS] Building for production (With GITHUB) 드디어 완성이 되었다. 정말 맨 마지막에 컴포넌트를 잘못 다운받아, 오류가 나서 멘붕 터졌지만, node_module 폴더를 삭제후에 yarn add react-lines-ellipsis 이 명령어로 다시 설치했다. 그랬더니, 정상적으로 작동한다~^^ 이제 이것을 깃허브페이지에 올릴 것이다. 깃허브페이지는 static file을 올릴 수 있는 서비스다. static file은 자바스크립트,css,html과 같은 프론트엔드 파일을 뜻한다. 아쉽게도 백엔드는 안된다. 깃허브 페이지는 이런 static file을 공짜로 호스팅할 수 있게 해준다. 이걸 사용하려면, 첫째 깃허브 계정이 필요하고, 두번째 깃허브 프로젝트가 필요하며, 세번째 깃허브 프로젝트의 브랜치를 만들어야한다. 그 이름은 gh-pages 여야 .. [React JS] Updating Component 우리가 만들 것을 이미지로 살펴보면,(이 자료는 노마드코더 동영상에서 캡쳐하여 가져온 것입니다) 이런 형식이다. 데이터를 가져올 것을 살펴보자. 일단 콘솔 로그를 확인하여 보자. _renderMovies = () => { const movies = this.state.movies.map((movie) => { console.log(movie) return }) return movies } 이 콘솔을 살펴보면, 결론적으로 포스터,제목,장르,설명까지 갖고 있다. 이제 업데이트를 해보자. 제목의 경우 'title-english'를, 포스터는 'small-cover-image'를 입력하고, 장르는 'genres'를, synopsis를 추가입력한다. 그리고 이제 우리의 props를 업데이트하면 된다. 우리의 mo.. [React JS] Await Async in React 지난 시간에 작성한 코드▼ Await,Async는 지난 시간에 작성한 코드들을 좀 더 분명하게 작성해주는 도구이다. 우리가 영화들을 state에 올리려면, 아래와 같은 작업을 해야한다. 애플리케이션이 크면, then 안에 then으로 이어지면서 세련되지 않는다. .then이 많아지면서 CALLBACK HELL 이 되버린다. 즉 then,then,then.. 많아져서 길을 잃어버리는 것이다. 그래서 여기서 sync,await 이라는 것을 쓸것이다. 이 강좌에서는 어떻게 쓰는지만 알려줄 것이다. 이것 대신에 새로운 function을 만들거다.(getMovies) 그리고 새로운 function을 쓸꺼다.(call api) 그리고 기존에 componentDIdMount 에서 사용된 코드들을 복사해서 _calla.. [React JS] Promises promise는 새로운 자바스크립트 컨셉이다. 이게 쿨한 이유는 asynchronous programming 때문이다. synchronous가 뭐냐면, 예를 들자면, componentDidMount(){ console.log(fetch('https://yts.ag/api/v2/list_movies.json?sort_by=rating')) console.log('hello') } 라고 실행을 하면, 첫번째 줄이 먼저 실행이 되어야만 두번째 줄이 실행이 된다는 것이다. 이걸 synchronous(동기)라고 한다. 이 기능은 좋을 때도 있지만, 별로일때도 있다. 왜냐하면, 예를 들면 내가 영화를 불러오고 싶고, 동시에 set state,call component,..등등을 하고 싶을 때 이 모든 작업을 할 수.. 이전 1 2 3 4 5 6 다음
