TIL 2018-07-09

오늘 배운 것

---

• 1. typescript에서 name import order disable하기
• 2. react-typescript starter에서 alias설정하기
• 3. react context api 사용해보기
• 4. 로그인 랜딩 페이지 만들기
• 5. kaggle이라는 머신러닝 관련 사이트를 찾았다.
• 6. epilog에 redux 대신 apollo client 써보기
• dep
• ref

1. typescript에서 name import order disable하기

"rules": {
  "named-imports-order": "any"
}

이것을 tsconfig.json의 compilerOptions에 추가한다.

2. react-typescript starter에서 alias설정하기

1. 웹팩 alias 설정

2. tsconfig.json baseUrl, paths 설정

3. jest설정을 위해 package.json에서 moduleNameMapper 설정

3. react context api 사용해보기

4. 로그인 랜딩 페이지 만들기

poly background generator를 쓸까? (https://trianglify.io/)

아니면 blurred background를 쓸까? (https://s.tmimgcdn.com/blog/wp-content/uploads/2016/04/1-7.jpg?x54449) 이런 도형 형태도 좋은 듯. 그렇지만 로그인을 두려면 역시 blur가 낫지 않나. 아니면 bitimulate처럼 polybackground에 modal 넣어도 좋을 듯.

5. kaggle이라는 머신러닝 관련 사이트를 찾았다.

(https://www.kaggle.com/) (https://www.kaggle.com/dansbecker/selecting-and-filtering-in-pandas)

6. epilog에 redux 대신 apollo client 써보기

yarn add apollo-client apollo-cache-inmemory apollo-link-state apollo-link-error react-apollo graphql-tag graphql로 패키지 설치 (apollo-link-http는 제외)

dep

ref

• https://stackoverflow.com/questions/42629925/testing-with-jest-and-webpack-aliases

---