구차니의 잡동사니 모음

ajax 에 authorization bearer 추가하는 방법

[링크 : https://www.freecodecamp.org/.../which-ajax-should-i-use-for-post-i-need-to-add-a-bearer-token/.../2]

retrofit이 무난해 보인다..

[링크 : http://square.github.io/retrofit/]

  [링크 : https://stackoverflow.com/.../how-to-post-raw-whole-json-in-the-body-of-a-retrofit-request]

  [링크 : https://stackoverflow.com/questions/41078866/retrofit-authorization-bearer-token]  bearer

[링크 : https://github.com/PCreations/RESTDroid]

[링크 : https://github.com/stephanenicolas/robospice]

[링크 : https://stackoverflow.com/questions/13444113/rest-api-client-library-for-android]

스터디 중에 store를 쓴다 이런 표현만 해서 찾아 보는 중..

정확하게는(?) 디자인 패턴중 flux 패턴을 변형해서 만든 패턴의 이름으로 "리덕스 패턴" 이고 

해당 모듈은 react-stores 로 구현이 된 듯하다.

어떤 의미로는, 데이터를 물고 물고 물어서 원하는 컴포넌트로 전송해주어야 할 것을

reducer를 이용하여 전송과정을 삭제하고, 바로바로 개별 컴포넌트로 전달할 수 있도록

경로를 연결해주는 것을 자동화 해주는 개념으로도 보여진다.

[링크 : https://velopert.com/3528]

  [링크 : https://velopert.com/reactjs-tutorials]

[링크 : https://www.zerocho.com/category/React/post/57b60e7fcfbef617003bf456]

[링크 : https://engineering.huiseoul.com/react-redux-intro-bbff95b14cdf]

[링크 : https://redux.js.org/api/store]

[링크 : https://www.npmjs.com/package/react-stores]

리액트 컨텍스는 또 무엇인가..

[링크 : https://reactjs.org/docs/context.html]

찾으려고 하던 내용

[링크 : https://www.zerocho.com/category/ECMAScript/post/579dca4054bae71500727ab9]

+

요건 JSX에서의 {}의미

{}를 감싸면 프로퍼티나 자식으로 던질수 있다는데 무슨 의미야 -ㅁ-

[링크 : https://reactjs.org/docs/jsx-in-depth.html]

react 에서만 쓰는건 아니겠지만(ECMA 표준일테니)

jsx 라는 녀석.. pug때 처럼 html에서 jsx로 변환해서 쓰는게 편할거 같은데.

문제는.. 이런식으로 구성하게 되면

코드랑 디자인이랑 또 섞이게 되는거 아닌가?...

[링크 : https://transform.now.sh/html-to-jsx/]

[링크 : https://magic.reactjs.net/htmltojsx.htm]

node.js에서 이런저런 패키지 깔고 보면

node_modules/패키지 안에 각종 js 파일들이 존재한다.

그걸 끌어올 방법이 없나 하고 찾아보는데

대개는 static으로 해당 모듈의 경로를 지정하고 script 태그에서 끌어다 쓰라는데 영 깔끔한 방법은 아닌 듯..

[링크 : https://julie.io/writing/javascript-node-modules/]

[링크 : https://stackoverflow.com/.../how-to-include-scripts-located-inside-the-node-modules-folder]

[링크 : https://dontkry.com/posts/code/using-npm-on-the-client-side.html]

[링크 : https://forum.vuejs.org/t/include-css-js-assets-from-node-modules-in-index-html/3956/2]

[링크 : https://www.npmjs.com/package/jquery]

+

react.js 예제를 보다 개발자 도구로 보니 은근 node_modules가 보이는걸 발견..

딱히 잘못된 접근은 또 아닌건가?

react.js 기본 예제 프로젝트 보다가 보니

App-logo-spin 이라는게 있어서 추적하다보니 나와서 보는 중

[링크 : https://www.w3schools.com/cssref/css3_pr_animation-keyframes.asp]

암튼.. @keyframe은 css 문법이었네? @로 시작하는게 머가 있나 봐야겠다

keyframe을 제외하면 아래정도인가?

[링크 : https://www.w3schools.com/cssref/pr_charset_rule.asp]

[링크 : https://www.w3schools.com/cssref/css3_pr_font-face_rule.asp]

[링크 : https://www.w3schools.com/cssref/pr_import_rule.asp]

[링크 : https://www.w3schools.com/cssref/css3_pr_mediaquery.asp]

import 라고 쓸수 있는게 webpack 덕분이라고 해서 찾아보는 중...

require.js 이런거랑 유사한건가?

[링크 : https://webpack.js.org/]

[링크 : https://velopert.com/3626]

+

별별 유사한 모듈들이 많나보네..

[링크 : https://www.reddit.com/r/javascript/comments/3azxtj/requirejs_vs_browserify_vs_webpack/]

[링크 : https://www.slant.co/versus/3455/11602/~requirejs_vs_webpack]

yarn이던 bower 이던 결국에는 node.js 용 패키지 매니저라고 보면 될 듯

[링크 : https://yarnpkg.com/en/]

[링크 : https://bower.io/]

[링크 : https://www.npmjs.com/]

[링크 : https://www.npmjs.com/package/npx]

[링크 : https://www.npmjs.com/package/yarn]

[링크 : https://www.npmjs.com/package/bower]

구버전에서는 yarn이 빠르게 어쩌네 하는데 좀 느리면 어때 ㅋㅋㅋ

[링크 : https://www.keycdn.com/blog/npm-vs-yarn]

[링크 : https://stackoverflow.com/questions/50605219/difference-between-npx-and-npm]