1Q74

1. Description display: block와 display: inline-block간의 차이를 알아본다. 2. Example [Click Me]버튼을 클릭할 때마다 display의 값이 block, inline-block으로 토글된다.

1. Description 는 Element들을 Group으로 묶고, 로 그룹명을 넣는다. 2. Example

1. Description Go언어에서 이메일 전송하는 예제입니다. 본 예제에서는 Gmail의 smtp서버를 이용합니다. 2. Prerequisite 다음과 같은 모듈이 필요합니다. import ( "crypto/tls" "fmt" gomail "github.com/go-mail/mail" ) 3. Example Gmail의 smtp서버를 통해 메일을 전송합니다. package mail import ( "crypto/tls" "fmt" gomail "github.com/go-mail/mail" ) type Mail struct { } type SmtpServer struct { host string port int } type Account struct { email string password stri..

1. Description .addBack([selector]) selector에 의해서 필터링 된 Element들 중에서, 현재 선택한 Element의 스택상에 이전 Element를 추가한다. 2. Example #1버튼을 클릭하면 Element와 li:eq(2)를 선택하여 border스타일을 변경한다. 버튼을 클릭할 때마다 해당 스타일이 토글된다.

1. Description 1 + 1 + 1 + ... + 1과 같은 개념이다. 매칭되는 Element를 단지 선택만 해 주는 메소드이다. 선택된 Element들의 CSS를 변경하거나 하는 등의 조작을 하지 않는다면 아무 변화도 일어나지 않는다. .add(selector) 매칭된 Element들에 문자열로 표현된 selector를 추가적으로 선택한다. → #10, 11버튼 .add(elements) 매칭된 Element들에 하나 이상의 Element를 추가적으로 선택한다. → #20, 21버튼 .add(html) 매칭된 Element들에 html을 추가적으로 선택한다. → #30, 31버튼 .add(selection) 매칭된 Element들에 jQuery오브젝트를 추가적으로 선택한다. → #40, 41버..

1. Description querySelectorAll("[name~='value']") 속성값의 문자열과 부분 매칭되면서 공백으로 구분되는 문자열을 갖고 있는 Element를 찾는다. ※ 【jQuery/Selector #5】Attribute Contains Word Selector [name~=”value”]의 Native버전입니다. 2. Example 「영문이름에 'of'가 들어가 있고 공백으로 단어 구분이 되는 나라」버튼을 클릭했을 경우, 나라 이름에 'of'가 들어가 있는 요소들을 찾아 border스타일을 dotted로 바꾸고, 버튼을 클릭할 때마다 스타일을 토글시킨다. 「영문이름에 공백이 들어가 있지 않은 나라」버튼을 클릭했을 경우, 나라 이름에 'in'이 들어가 있는 요소들을 찾아 배경색을 ..

1. Description 요즘은 Java GUI로 어떤 라이브러리를 사용하는지 검색을 해 보지 않아서 잘 모르겠습니다. Swing이 예전에는 컴퓨터 사양때문인지 속도가 그닥 빠르다고 기억되지 않았는데, 하드웨어 성능이 좋아져서인지 몰라도 지금 다시 돌려보니 대충 잘 돌아가네요. 몇 년 전에 특별한 이벤트를 기념하기 위해 남는 시간에 만든 것인데 그냥 이 쪽에 링크 하나 걸어둡니다. 2. Screenshot 3. File https://github.com/1Q74/wife GitHub - 1Q74/wife: Java File Explorer for just study Java File Explorer for just study. Contribute to 1Q74/wife development by cre..

1. Description display: table, display: table-row, display: table-cell을 이용하여 테이블을 만든다. 2. Example (1) : 기본 테이블 다음은 가장 기본적인 2 x 2형태의 테이블이다(테이블의 border조차 보이지 않는다). ._1q74-ex-1 { } ._1q74-ex-1 .table { display: table; background: #022F04; width: 200px; height: 200px; } ._1q74-ex-1 .row { display: table-row; } ._1q74-ex-1 .cell { display: table-cell; background: #196F1D; }

1. Description JavaScript의 Math함수를 이용하여 난수를 발생시키고, 제한값을 0xFFFFFF로 설정한다. 2. Example [Click Me]버튼을 클릭할 때마다 Box의 배경색이 랜덤색상으로 변경된다.

1. Description jQuery(":visible") visible한(보여지고 있는) Element들을 찾는다. document안에서 공간을 차지하고 있는 Element는 visible로 인식되기 때문에, visibility: hidden이나 opacity: 0도 visible Element로 인식된다. document 안에 존재하지 않는 Element들은 hidden Element로 인식된다. 해당 Element가 style이 적용되어서 visible하게 될 지 그렇지 않을지 jQuery로서는 알 수 있는 방법이 없기 때문이다. visible selector는 hidden selector의 정반대 selector이다. 은 selected여부와 관계없이 hidden Element로 간주된다. jQ..