구차니의 잡동사니 모음

키워드를 몰라서 헤매는중..

.class1.class2 이런식으로 정의된 css를 본적이 있어서

상속인지 어떤건지 몰라서 찾는 중..

[링크 : https://windtale.net/blog/maintainable-expandable-front-end-web-strategy/] << CSS 구조화 방법

[링크 : https://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS/Cascade_and_inheritance]

[링크 : https://www.cmsfactory.net/node/11369]

[링크 : https://css-tricks.com/almanac/selectors/c/class/]

[링크 : https://stackoverflow.com/questions/18584015/multiple-dots-periods-in-css]

[링크 : https://stackoverflow.com/questions/14132276/html-css-what-do-elements-with-multiple-dots-mean?lq=1]

[링크 : https://css-tricks.com/multiple-class-id-selectors/]

Syntactically Awesome StyleSheets

Sassy CSS

문법적으로 끝내주는 스타일시트, 믓진 CSS

이름은 죽이는군 ㅋㅋ

CSS의 한계를 벗어나기 위해 약간은 컴파일 하는 듯한 느낌의 무언가?

[링크 : https://sass-lang.com/]

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

[링크 : https://github.com/sass/node-sass]

angular 처럼 서버 소스 수정하면 재시작 하는 서비스

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

[링크 : https://github.com/remy/nodemon]

+

2018.09.05

실행방법이 먼가 까다로워 보여서 고민하다가 찾아 보니

조금 길지만 직관적인(?) 방법이 존재해서 일단 실행

[링크 : https://stackoverflow.com/questions/33879896/how-to-execute-start-script-with-nodemon]

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

그나저나 다시 보니

no demon 이라기 보다는 node mon(itor)였네?

아이콘에 악마가 있어서 푸흡 했는데 ㄷㄷ

아무튼 js 파일들을 수정하니 자동으로 이런 메시지가 뜨면서 서버를 재기동 시킨다.

(node.js 소스는 건드리지 않고 모니터 통해서 실행시키면 되니 개꿀)

그래도.. html 요소니까 </body> 이후에 넣긴 그런거 같아서 고민하다가 검색

결론은.. body 전에 넣자 인가?

[링크 : http://jundol.kr/8]

[링크 : http://webdir.tistory.com/514]

일단 여기는 순수 작동하는 자바스크립트가 아니라 외부 스크립트 인것 같은데..

async나 defer를 쓰라고..

[링크 : http://dailydev.tistory.com/15]

해보니 1초 정도 늦게 나오는거 봐서는 cpu사용율 샘플링 시간을 1초 정도로 잡고 있는 것으로 보인다.

[링크 : https://github.com/oscmejia/os-utils]

[링크 : https://stackoverflow.com/questions/36816181/get-view-memory-cpu-usage-via-nodejs]

머. 이로서(?) ajax + node.js 까지 끝(?!)

[링크 : https://opentutorials.org/course/1375/6851]

Cross Origin Resource Sharing

다른 도메인의 자원을 공유하는 것으로

RESTful API의 사용으로 웹서버와 REST 서버가 분리됨으로 인해

웹 브라우저에서 크로스 사이트에 대한 보안 정책에 위배되어 접근이 불가능한 것을 우회해주는 설정

(생각해보면 iframe에서 다른 도메인꺼 넣으면 안되던것의 연장선?)

node.js에서 헤더 설정

[링크 : http://guswnsxodlf.github.io/enable-CORS-on-express]

CORS 크롬 플러그인

[링크 : https://chrome.google.com/webstore/detail/allow-control-allow-origi/n.../related?hl=ko]

polling 보다는 interrupt가 낫듯(?)

ajax 단기간 빠른 polling 대신 웹소켓 검색

[링크 : https://poiemaweb.com/nodejs-socketio] node.js + socket.io

[링크 : https://www.a-mean-blog.com/ko/blog/단편강좌/_/Node-JS-Socket-io-채팅사이트-만들기]

[링크 : http://html5korea.com/웹소켓websocket-시작하기강의번역/] php 기반

가장 만만한 예제로 하는 중

일단.. jqeury를 통해서 load하는거나 다름없긴 하지만

ajax를 통해서 페이지를 불러오는 식으로 일단은 구현

[링크 : https://opentutorials.org/course/1375/6851]

append로 해도 내용이 없으면 티가 안나는데

내용이 하나라도 있으면 append 답게, 그 이후에 내용이 추가된다.

empty()하거나 html()로 그냥 갈아 치워버리는 것도 방법이 될 듯.

[링크 : https://stackoverflow.com/questions/1675215/ajax-replace-instead-of-append]

위의 예제에서 json까진 해야지 ajax 쓸만해질 듯..

+

ajax 함수에서 사용되는 변수(?)들 이름

type이나 url 이런게 일종의 식별자니까.. 알아두면 작업이 용이할 듯

[링크 : https://www.w3schools.com/jquery/ajax_ajax.asp]