'Programming'에 해당되는 글 1795건

  1. 2018.08.30 jquery 복수 속성 선택하기
  2. 2018.08.30 li 글자 수직정렬하기
  3. 2018.08.29 node.js 와 v8
  4. 2018.08.29 node.js odroid
  5. 2018.08.29 user agent stylesheet
  6. 2018.08.28 div min-width 4
  7. 2018.08.27 웹폰트 - 나눔고딕
  8. 2018.08.27 div width와 margin:auto; 2
  9. 2018.08.27 hover inline css
  10. 2018.08.27 tr hover 2

먼가 말이 이상한데..

일단 특정 엘리먼트에서 특정 어트리뷰트를 골라서

선택되는 양을 줄이거나, 특정 노드 하위만을 선별적으로 고르고 싶을때 사용


jQuery( "[attributeFilter1][attributeFilter2][attributeFilterN]" )

attributeFilter1: An attribute filter.

attributeFilter2: Another attribute filter, reducing the selection even more

attributeFilterN: As many more attribute filters as necessary 

[링크 : https://api.jquery.com/multiple-attribute-selector/]


깔끔한 코드는 아니지만.. tab 구현하기 위해 작성한 녀석

div 태그 하위의 parent_id로 시작하는 녀석을 찾아서 class 값을 변경하기 위해 다중 속성 선택자를 사용함

$(document).ready(function(){

$('ul.tabs li').click(function(){

var tab_id = $(this).attr('id');

var parent_id = $(this).parent().attr('id');


$("li[id^="+parent_id+"]").removeClass("sel unsel");

$("li[id^="+parent_id+"]").addClass("unsel");

$(this).removeClass("unsel");

$(this).addClass("sel");

$("div[id^="+parent_id+"]").removeClass("disp non-disp");

$("div[id^="+parent_id+"]").addClass("non-disp");

$("#"+tab_id+"-view").removeClass("non-disp");

$("#"+tab_id+"-view").addClass("disp");

})

}) 



Posted by 구차니
Programming/web 관련2018. 8. 30. 16:20

일단은.. 내꺼에서는 이게 효과가 있었음

li {

height:30px;

line-height: 30px; 

}


[링크 : https://stackoverflow.com/questions/3400548/how-to-vertically-align-li-elements-in-ul]

'Programming > web 관련' 카테고리의 다른 글

sso openid oauth  (0) 2018.09.10
tinestamp(epoch) to utc / localtime  (0) 2018.09.07
user agent stylesheet  (0) 2018.08.29
div min-width  (4) 2018.08.28
웹폰트 - 나눔고딕  (0) 2018.08.27
Posted by 구차니
Programming/node.js2018. 8. 29. 19:12

v8 javascript 엔진을 기반으로 초반에는 node.js를 구현한듯?

근데 여전히.. v8 snapshot 기능은 못 찾음(arm에서 작동 안되는 이유가 얘라고..)


[링크 : https://blog.ghaiklor.com/how-nodejs-works-bfe09efc80ca]

[링크 : https://stackoverflow.com/questions/42616120/what-is-the-relationship-between-node-js-and-v8]

'Programming > node.js' 카테고리의 다른 글

node.js CORS  (0) 2018.09.04
node.js와 웹소켓  (0) 2018.09.03
node.js odroid  (0) 2018.08.29
node.js refresh  (0) 2018.08.17
html5 / css3 / jquey ajax / angularJS  (0) 2018.08.08
Posted by 구차니
Programming/node.js2018. 8. 29. 19:06

odroid에서 node.js 하려면

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


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

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


+

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

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

'Programming > node.js' 카테고리의 다른 글

node.js와 웹소켓  (0) 2018.09.03
node.js 와 v8  (0) 2018.08.29
node.js refresh  (0) 2018.08.17
html5 / css3 / jquey ajax / angularJS  (0) 2018.08.08
typescript - ts  (2) 2018.08.07
Posted by 구차니
Programming/web 관련2018. 8. 29. 17:47

'Programming > web 관련' 카테고리의 다른 글

tinestamp(epoch) to utc / localtime  (0) 2018.09.07
li 글자 수직정렬하기  (0) 2018.08.30
div min-width  (4) 2018.08.28
웹폰트 - 나눔고딕  (0) 2018.08.27
div width와 margin:auto;  (2) 2018.08.27
Posted by 구차니
Programming/web 관련2018. 8. 28. 14:22

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


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

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

'Programming > web 관련' 카테고리의 다른 글

li 글자 수직정렬하기  (0) 2018.08.30
user agent stylesheet  (0) 2018.08.29
웹폰트 - 나눔고딕  (0) 2018.08.27
div width와 margin:auto;  (2) 2018.08.27
tr hover  (2) 2018.08.27
Posted by 구차니
Programming/web 관련2018. 8. 27. 19:22

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

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

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


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

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

'Programming > web 관련' 카테고리의 다른 글

user agent stylesheet  (0) 2018.08.29
div min-width  (4) 2018.08.28
div width와 margin:auto;  (2) 2018.08.27
tr hover  (2) 2018.08.27
html button tag  (4) 2018.08.27
Posted by 구차니
Programming/web 관련2018. 8. 27. 17:09

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

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

왜 그런걸까?


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

누가 웹이 쉽댔어 -_ㅠ

'Programming > web 관련' 카테고리의 다른 글

div min-width  (4) 2018.08.28
웹폰트 - 나눔고딕  (0) 2018.08.27
tr hover  (2) 2018.08.27
html button tag  (4) 2018.08.27
table border-spacing  (0) 2018.08.27
Posted by 구차니
Programming/css2018. 8. 27. 15:36

결론은...

inline css로는 hover를 쓸 수 없다.


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

onMouseOver="this.style.color='#0F0'"

onMouseOut="this.style.color='#00F'" 


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

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

'Programming > css' 카테고리의 다른 글

css 계층 구조? 상속? 선택자 조합자?  (0) 2018.09.05
sass scss  (0) 2018.09.05
css selector  (0) 2018.08.21
css BEM( Block Element Modifier)  (0) 2018.08.21
css float overflow  (0) 2018.08.20
Posted by 구차니
Programming/web 관련2018. 8. 27. 14:39

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

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

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

tr:hover

{

background:#aba5a5;

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

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


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

tr:hover td

{

background:#aba5a5;

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

'Programming > web 관련' 카테고리의 다른 글

웹폰트 - 나눔고딕  (0) 2018.08.27
div width와 margin:auto;  (2) 2018.08.27
html button tag  (4) 2018.08.27
table border-spacing  (0) 2018.08.27
웹페이지 탭메뉴 만들기  (0) 2018.08.22
Posted by 구차니