공부하자

[React] 공부기록 (2018.06.08) 본문

공부/React

[React] 공부기록 (2018.06.08)

strongstar 2018.05.30 19:17

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

[05/30] #9까지 수강.

[06/01] #16까지 수강.

[06/08] 수강완료.

[결과] 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 설치하기 (링크)

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

cs


- yarn 설치하기 (링크)

1
2
sudo apt-get update && sudo apt-get install yarn
 
cs


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


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


- [github] prop-types (링크)


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


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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
  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
          });
        }
      )
  }
cs


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

1
2
3
4
5
myFunction1 = async () => {
    console.log('calling');
    const result = await myFunction2();
    console.log(result);
}
cs


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

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


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

'공부 > React' 카테고리의 다른 글

[React] 공부기록 (2018.06.08)  (0) 2018.05.30
0 Comments
댓글쓰기 폼