코딩스토리

# 이 글은 책 "Do it! 클론 코딩 영화 평점 웹서비스"를 바탕으로 쓴 글입니다. 드디어 클론 코딩을 끝냈다. 중간에 우여곡절이 많았다. 먼저 꼭 공유하고 싶은 정보가 있어서 남긴다. Git-pages 업로드 오류 해결 내가 이것 때문에 몇 시간을 잡아먹었는지 모르겠다. 혹시나 나같은 사람에게 도움이 될까 남겨놓는다. 첫 번째 에러 : fatal: a branch named 'gh-pages' already exists. > npm run deploy 이 명령어를 입력해보니 화면이 쫘악 뜨다가 뭔가 ERR가 떴다. 처음엔 아무 생각 없이 내가 잘못 입력한 코드가 있겠지 싶어서 cmd 창을 끄고 다시 시도했다. 근데 다시 시도해보니 위와 같은 오류가 발생했다. 내 간소한 영어 지식으로 해석해보자면....

# 이 글은 책 "Do it! 클론 코딩 영화 평점 웹서비스"를 바탕으로 쓴 글입니다. 드디어 본격적인 영화 web을 클론 코딩한다. 이 Web을 만들 때의 데이터는 영화들의 정보에 대한 API를 받아와 사용할 것이다. 여기서 API란 뭘까? 책에 나와있진 않지만 평소에도 궁금했었고 자주 들었지만 실제로 접해본 적은 없었기에 한번 찾아보았다. 위키백과에는 다음과 같이 정의되어있다. "API란 응용 프로그램에서 사용할 수 있도록, 운영 체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스를 뜻한다." 넹...? 응용 프로그램, 운영 체제, 프로그래밍 언어, 인터페이스 이 단어들 모두 아는 단어들인데 조합해 놓으니까 뭔 소린지 잘 모르겠넼ㅋㅋㅋ 뭐.. 어쨌든 그렇다고 한다. 궁금증을 안고..

# 이 글은 책 "Do it! 클론 코딩 영화 평점 웹서비스"를 바탕으로 쓴 글입니다. state state는 동적 데이터를 다룰 때 사용한다. state는 클래스형 컴포넌트에서 사용할 수 있는 개념이다. ko.reactjs.org/docs/state-and-lifecycle.html State and Lifecycle – React A JavaScript library for building user interfaces ko.reactjs.org state와 생명주기에 대해 나와 있는데 생명주기는 이따가 더 자세히 알아보자. 먼저 state를 사용하려면 클래스형 컴포넌트를 알아야한다. 다음 코드를 보자. class App extends React.Component { } 뭔가 익숙한 게 보인다. cla..

# 이 글은 책 "Do it! 클론 코딩 영화 평점 웹서비스"를 바탕으로 쓴 글입니다. 웹 계획표에도 써 놓았듯이 실전으로 부딪혀 보자는 마인드로 구글링을 해보니 클론 코딩이란 좋은 방법이 있었다. 그렇기에 강의, 책을 찾아보던 중 이 책을 찾게 되었고, 망설임 없이 바로 서점으로 가서 샀다. JavaScript를 얕게 공부한 나로써는 힘들 수 있겠지만 일단 해보고 어떤 걸 더 공부해야 할지 방향을 잡을 예정이다. 근데 일단 JS가 문제가 아니고 갑자기 React 가 나오네..? 원래는 클론 코딩은 git hub만 남길려고 했지만 그래도 새로운 것에 발을 담구는 과정이므로 포스팅도 남겨놓으려 한다. (모든 과정을 남기진 않겠지만 필요한 부분은 남겨볼 예정) 그럼 이제 제목처럼 React 기초 개념에 대해..