programming
-
[jQuery] .not() 사용법programming/JavaScript&jQuery 2019. 10. 25. 00:00
jQuery .not() 사용법 먼저 아래와 같은 not.html 파일이 있다. test1 test2 test3 test4 test5 그리고 아래와 같은 not.js 파일도 있다. $("#test>button").click(function(){ $(this).text("click"); $("#test>button").not(this).text("unclick"); }); 해당 소스들을 실행하면, 이렇게 버튼이 5개 생기는데, 클릭된 버튼은 "click"로 텍스트가 바뀌고, 나머지 클릭되지 않은 버튼은 "unclick"로 텍스트가 바뀐다. 이때 사용한게 not()인데, not 뒤에 들어가는 요소를 제외하고 반환한다. 그러니까 저기서 this는 클릭된 버튼을 의미하고, $("#test>button") 으로 ..
-
[ETC] JavaScript 주소창에서 실행하기programming/ETC 2019. 10. 23. 00:00
https://leeborn.tistory.com/entry/a-tag의-href-의미 [HTML&CSS] a tag의 href="#" 의미 홈페이지에서 링크를 걸 때 href="#id"의 형식으로 걸어서 해당 id 위치로 이동할 수 있다. 그리고, a tag를 사용하지만, onclick을 사용해서 다른 작동을 하거나, 단순 a의 스타일을 따를 때 href="#"의 형태를.. leeborn.tistory.com 이전 포스팅에서 a태그의 클릭 시 href의 속성에 대해서 쓴 적이 있다. 그때, href="#", href="javascript:;"에 대해서만 적었는데, 이번에 href="javascript:void(0)"도 같은 동작을 한다는 걸 알았다. 그래서 3개의 차이점을 궁금해하면서 javascrip..
-
[GitHub] contribution이 안될 때 / 잔디가 안 심어질 때programming/Git 2019. 10. 20. 00:00
github를 이용하면 아래와 같은 페이지를 볼 수 있다. 얼마나 많이 github를 이용했나 시각적으로 볼 수 있는 화면이다. 개인 공부를 할 때 좀 많이 채우면 뿌듯할까 싶어서 얼마 전부터 시작했는데, 이튿날부터 구멍이 났다. 분명히 커밋하고 저장소에도 다 올라간 것도 확인했는데, 잔디는 심어지지 않았다. 하필 커밋한 시간도 밤 12시가 다 되어가는 시간이어서 원인을 찾지 못한 채 민 바닥이 하나 채워졌다. 그래서 원인을 찾아보니까, github 저장소의 이메일/계정 정보와, commit/push를 한 컴퓨터의 git config 정보가 달라서 채워지지 않았다고 한다. config 정보를 변경하는 방법은 아래 글에서 확인할 수 있다. https://leeborn.tistory.com/entry/git..
-
[git] config 파일 확인 및 변경programming/Git 2019. 10. 16. 23:05
git 설정 파일을 변경 및 확인이 필요할 때가 있다. git 이 설치된 상태에서 아래의 명령어들로 cmd 창에서 확인할 수 있다. git config git config config 뒤에 옵션으로 사용할 명령어들을 확인할 수 있다. config —list git config --list 설정된 config 값들을 볼 수 있다. config [user.name] git config user.name 설정된 값들을 하나씩 볼 수 있다. 여기선 설정된 유저 이름 설정 값 변경 git config --global user.name "USER_NAME" 설정된 값을 변경 시킬 수 있다. 이제 까진 명령어로 확인하는 방법이었고, 실제 파일 위치는 C:\Users\USER_NAME\.gitconfig 에 숨김 파일..
-
[JavaScript] eval() 사용법과 동적으로 변수 추가하기programming/JavaScript&jQuery 2019. 10. 16. 22:58
eavl() : 문자로 표현된 JavaScript 코드를 실행하는 함수 사용법은 간단하다. eval(String); 문자열을 eval()로 감싸서 실행하면 된다. 설명을 간단한 코드로 만들어본다면 아래와 같이 사용할 수 있다. eval("alert('test')"); // alert("test"); 실행 eval("console.log(1+1)"); // 콘솔에 2가 찍힘 "" 안에 들어있는 문자열들이 JavaScript 코드로 인식되어, alert도 띄우고 console.log도 찍을 수 있게 된다. 그래서 가끔은 동적으로 변수를 추가할 경우에도 eval()을 사용한다. object에 새로운 변수들을 추가하는 경우. 실행 #1 var obj = {}; for(var i = 0; i < 5; i++){ ..
-
node.js 설치 방법programming/node.js 2019. 10. 15. 00:16
node.js 설치 방법 정리 https://nodejs.org/ko/download/ 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 한국어로 번역된 node.js 다운로드 페이지이다. 따라 들어가면 아래와 같은 페이지가 나온다. 플랫폼에 맞게 LTS 버전으로 설치를 하면된다. 설치시에는 모두 next를 하고 라이센스 동의를 확인해주면 문제없이 기본으로 설치된다. 기본 설치장소는 program Files > nodejs 폴더가 생성 될 것이다. 설치 확인 설치 되었는지 확인을 하기 위해선, cmd창을 열어서 확인 할 수 있다. (window 키 + r > cmd 입력 후 엔터..
-
[HTML&CSS] 자식&자손 선택자, 선택자 여러개 선택하기programming/HTML&CSS 2019. 9. 30. 23:45
html, css, javascript, jquery... 등에서 선택자를 쓸 일이 많다. 객체를 선택할 때 많이 쓰는데 여러 가지 방법으로 쓸 수 있다. #SELECTOR { stlye:display:none;} $("#SELECTOR").val("test value"); 등의 형식으로 쓸 수 있다. 이때 선택자는, 자식 선택자, 자손 선택자 또는 여러 선택자를 동시에 선택할 수 있다. 먼저 자식 선택자는 "바로 아래" 객체를 선택할 수 있다. 위와 같은 html 태그들이 있을때, 자식 선택자로 아래와 같이 해당 객체를 선택할 수 있다. $("SELECTOR1 > SELECTOR2"); 자손 선택자로는 "해당 객체 하위 객체 중 하나"를 선택할 수 있다. $("SELECTOR1 SELECTOR3-1")..