구차니의 잡동사니 모음

odroid에서 node.js 하려면

빌드할때 snapshot 기능을 꺼야 한다고 한다.

[링크 : http://awesometic.tistory.com/5]

[링크 : http://lovedove.tistory.com/101]

+

라즈베리에서 node.js 돌리는법

[링크 : https://www.w3schools.com/nodejs/nodejs_raspberrypi.asp]

body에 정체 불명의 8px margin이 있어서 찾아보니

웹 브라우저에서 기본으로 설정하는 css 스타일이라고..

[링크 : https://stackoverflow.com/questions/12582624/what-is-user-agent-stylesheet]

[링크 : https://stackoverflow.com/questions/7332787/chrome-get-user-agent-stylesheet]

  [링크 : https://trac.webkit.org/browser/trunk/Source/WebCore/css/html.css]

  [링크 : https://stackoverflow.com/questions/6867254/browsers-default-css-for-html-elements/6867287#6867287]

역시.. 생각하는 모든것은 이미 존재하는건가!

div 태그에서 100% width 해놔도 일정 크기 이하로는 줄지 않도록 해주는 설정값

[링크 : https://www.w3schools.com/cssref/pr_dim_min-width.asp]

구글에서 나눔고딕을 CDN으로 제공하는데

대부분 링크 떠도는게 earlyaccess로 된거라 정상적인(?)걸 찾는데 애먹음

그나저나.. eot나 woff 이런걸 받을순 없는건가?

[링크 : https://www.seobangnim.com/bbs/board.php?bo_table=html&wr_id=300]

[링크 : https://xetown.com/board/948391]

div에 width 값이 정해지지 않으면

margin:auto를 통해서 가운데 정렬이 되지 않는 문제(?) 발견

왜 그런걸까?

쓰면 쓸수록 div랑 span 어렵네..

누가 웹이 쉽댔어 -_ㅠ

결론은...

inline css로는 hover를 쓸 수 없다.

대신 onMouseOver/onMouseOut 이벤트로 구현이 가능하다. 정도?

[링크 : http://banasun.tistory.com/entry/inlinecss에서-ahover-스타일-지정하기]

[링크 : https://stackoverflow.com/questions/1033156/how-to-write-ahover-in-inline-css]

tr:hover가 먹긴 하는데(edge, chrome)

문제는 td에서 background 가 지정되었을 경우

background 색이 우선권을 가져서 tr:hover 색이 먹지 않는다.

[링크 : https://stackoverflow.com/questions/7510753/trhover-not-working]

[링크 : http://itzone.tistory.com/46]

요렇게 하면 색있는 애들도 칠해짐(단, th로 정의된 녀석들은 td가 아니니까 적용 안된다)

[링크 : https://stackoverflow.com/questions/5492900/changing-background-colour-of-tr-element-on-mouseover]

input type="button"이 아니라 button이 따로 있네?

[링크 : http://aboooks.tistory.com/301]

[링크 : https://www.w3schools.com/tags/tag_button.asp]

div로 할까 하다가 그래도 표니까 table 써야지 하고 보는데

디자인 적으로 한줄 사이사이 공백이 추가되어야 하고

한줄은 구분이 없어야 하는 쪽이라 막 건드려보다 보니 이게 되네

[링크 : https://www.w3schools.com/cssref/pr_border-spacing.asp]

+

padding으로는 셀 안의 크기를 띄우는 거라 내가 원하는 용도로 쓰긴 힘듬

메뉴는 ul / li를 통해서 css 적용해 만들고

웹 페이지에서는 표시할 데이터를 놔두고

display:none; 과 display:inline-block;을 이용하여 출력/숨기기를 하는 듯

[링크 : http://imivory.tistory.com/8]