구차니의 잡동사니 모음

찾으려고 하던 내용

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

+

요건 JSX에서의 {}의미

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

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

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

브랜치 다시 도전.. ㅠㅠ

저번에 쓴건 먼가 운영을 잘못한 느낌이네..

[링크 : https://www.zerocho.com/category/Git/post/582342a73fbde700178771f5]

[링크 : https://www.zerocho.com/category/Git/post/582df1c8d349570018107477]

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가 보이는걸 발견..

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

libvirt에서 생성하는 녀석으로 보이는데 찾아봐야겠네..

[링크 : https://askubuntu.com/questions/246343/what-is-the-virbr0-interface-used-for]

[링크 : https://firstboos.tistory.com/entry/virbr0-인테페이스-비활성화-on-CentOS]

[링크 : https://linux.die.net/man/8/brctl]

에어코리아에서 제공하는 데이터를 지도에 매핑해서

반경 몇킬로 이내의 측정소 값은 얼마다 이런걸 보여주는 사이트

[링크 : https://dustfeel.com/]

측정소 위치로 보여줘서 좀 좋은것 같기도 하고..

[링크 : https://dustfeel.com/map]

+

회사랑 우리 집이랑 미세먼지가 이상하게 차이나서

측정소로 보고 싶은 욕심이 나, 발견한 사이트

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]