[React] 공부기록 (2018.06.08)

- ReactJS로 웹 서비스 만들기 / youtube (링크), Nomad Coders (링크), programmers (링크)

[결과] https://hanbyeolkang.github.io/movie_app/

 

---

 

- Windows 10에서 bash 사용하기 (링크)

 

- MS store에서 Ubuntu 설치하기 (링크)

(* 한번 실행시켜서 설치를 끝까지 진행해야 한다.)

 

- Windows 내 Ubuntu home 경로:

C:\Users\KANG\AppData\Local\Packages\CanonicalGroupLimited.UbuntuonWindows_79rhkp1fndgsc\LocalState\rootfs\home

(* 여기에서 개발하는 건 비추. 너무 느림..)

 

- node.js 설치하기 (링크)

curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -
sudo apt-get install -y nodejs
 

 

- yarn 설치하기 (링크)

sudo apt-get update && sudo apt-get install yarn
 

 

- WSL에서 npm 실행시 에러가 난다면? (링크)

 

- [github] create-react-app (링크)

 

- [github] prop-types (링크)

 

- [React Doc] Mounting, Updating (링크)

 

- [React Doc] AJAX and APIs (링크)

  componentDidMount() {
    fetch("https://api.example.com/items")
      .then(res => res.json())
      .then(
        (result) => {
          this.setState({
            isLoaded: true,
            items: result.items
          });
        },
        // Note: it's important to handle errors here
        // instead of a catch() block so that we don't swallow
        // exceptions from actual bugs in components.
        (error) => {
          this.setState({
            isLoaded: true,
            error
          });
        }
      )
  }

 

- [MDN Doc] async, await (링크)

myFunction1 = async () => {
    console.log('calling');
    const result = await myFunction2();
    console.log(result);
}

 

- [github] react-lines-ellipsis (링크)

npm으로 설치하지말고, yarn add react-lines-ellipsis 로 설치.

 

- Github page로 호스팅하기 (링크)