Notice
Recent Posts
Recent Comments
Link
«   2024/03   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
Archives
Today
Total
관리 메뉴

공부하자

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

공부/React

[React] 공부기록 (2018.06.08)

strongstar 2018. 5. 30. 19:17

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

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로 호스팅하기 (링크)

Comments