리본 리본

분류 전체보기

• [ETC] What is permalink?

  programming/ETC 2019. 9. 22. 23:56

  퍼머링크란(permalink)? 이 블로그 글들은 원래 해당 글마다 번호가 달려있었다. "*. tistory.com/1"의 형식으로 각 게시물마다 고정된 숫자가 부여됐었다. 근데 이 숫자들은 글이 어떤 의미인지 잘 알려주지 못한다. 그래서 주소 자체에 "고유의 주소"를 부여하는 것을 "퍼머링크(permalink)"라고 한다. "영구 링크"라고 비슷한 의미로 번역되어있지만, 숫자도 영구히 줄 수는 있고, 링크 자체에 의미를 부여한다는 의미에서 "고유 링크"가 더 괜찮은 번역인 것 같다. 그래서 블로그 글에 각자 고유한 주소들을 부여하고자 주소들을 고유 주소로 바꾸었다. -아래는 티스토리 블로그에서 고유주소를 설정하는 방법이다. 티스토리에서, 퍼머링크 or 문자 주소로 바꾸는 방법은 블로그 관리 홈에서 > ..

  Read More
• [HTML&CSS] a tag의 href="#" 의미

  programming/HTML&CSS 2019. 9. 22. 23:48

  홈페이지에서 링크를 걸 때 href="#id"의 형식으로 걸어서 해당 id 위치로 이동할 수 있다. 그리고, a tag를 사용하지만, onclick을 사용해서 다른 작동을 하거나, 단순 a의 스타일을 따를 때 href="#"의 형태를 사용할 때 가 있다. test 의 형식으로 사용할 때 가 있는데, 이때 id가 없으면 페이지 내에서의 이동이 발생하지 않을 것 같지만, 원래 페이지에서 이동이 발생한다. 그래서 페이지내에서 이동을 막기 위해선 1. href="#;"의 형식으로 작성한다. 2. href="javascript;"의 형식으로 작성한다. 2. href="javascript:;"의 형식으로 작성한다. (*** ":"이 빠졌습니다. 2019-10-18 수정) 두 가지 방법의 차이는 url에 "#"가 붙..

  Read More
• [ETC] GitHub Desktop - git gui tool 설치 및 사용법

  programming/ETC 2019. 9. 18. 23:38

  코드 관리를 git으로 할 때 친숙하게 만나 볼 수 있는 사이트 github에서 제공하는 git gui 툴이다. 처음 git을 사용한다면 git 명령어들이 익숙하지 않을 테고, 콘솔에서만 실행하기는 버거울 것이다. 이때 gui 툴을 사용한다면, 콘솔보다는 쉽게 사용할 수 있다. 왜 GitHub Desktop이냐고 한다면, github에서 제공하기 때문이다. 다른 이유는 없고, 더 좋은 툴도 많다. ** 설치 방법 https://desktop.github.com/ GitHub Desktop Simple collaboration from your desktop desktop.github.com 홈페이지로 들어가서 다운로드하면 된다. ** 사용법 앱의 가장 첫 화면이다. 보면 특별한 것은 없다. 먼저 comm..

  Read More
• [JavaScript&jQuery] 코드에서 클릭 이벤트 발생시키기 (JavaScript)

  programming/JavaScript&jQuery 2019. 8. 30. 00:04

  클릭 이벤트는 보통 $("SELECTOR").click(function(){ alert("selector click"); }); 의 형태로 실제로 클릭되었을 때, 콜백 함수로 실행 내용을 정의한다. 이때 코드에서 클릭 이벤트를 발생시키기 위해선 $("SELECTOR").trigger("click"); 형태로 발생시키거나, $("SELECTOR").click(); 의 형태로도 발생시킬 수 있다.

  Read More
• [Window] 윈도우 현재폴더에서 cmd 창 열기

  programming/OS 2019. 8. 21. 23:34

  cmd창에서 특정 폴더로 찾아갈 때, cd + tab으로 한참 들어갈 때가 있었다. 하지만 검색해보니 좋은 방법이 있었다. 탐색기 주소창에서 cmd . 만 실행해주면 된다.( . 의 의미는 현재 폴더 위치)

  Read More
• [jQuery] 제이쿼리 오브젝트 합치기 - jQuery.extend()

  programming/JavaScript&jQuery 2019. 8. 21. 23:17

  제이쿼리를 사용해서 오브젝트를 합칠 때 사용하는 함수는 extend() 가 있다. 이때 사용법은 아래와 같이 사용할 수 있다. var object = $.extend({}, object1, object2); 위의 코드와 같이 사용하면, 아래처럼 실행된다. 합쳐지긴 합쳐지는데 사용법에 따른 차이는 아래 문서에서 좀 더 자세하게 확인할 수 있다. https://api.jquery.com/jquery.extend/ jQuery.extend() | jQuery API Documentation Description: Merge the contents of two or more objects together into the first object. When two or more object arguments are..

  Read More
• [JavaScript & jQuery] 정규식 패턴 여러개 치환하기

  programming/JavaScript&jQuery 2019. 8. 20. 21:26

  자바스크립트에서 정규식을 여러 개 치환할 때 여러 가지 방법이 있다. "문자열".replace().replace() 의 방식으로 치환된 문자열에 다시 한번 치환하기 "text".replace(//g, "").replace(//g, ""); 또는 패턴을 한 번에 여러 개를 줄 수 있게 | 를 이용한 방법. "text".replace(/(|)/g, "");

  Read More
• [HTML&CSS] div로 게시판 글쓰기

  programming/HTML&CSS 2019. 8. 20. 21:12

  게시판에 글을 쓰는 기능을 만들 때, textarea를 사용할 수 있다. 아니면 기존에 만들어진 에디터를 쓸때도 있다. 또, div의 속성을 이용해서 입력을 받을 수 도 있다. div에 contenteditable속성을 true로 주고 textarea처럼 사용할 수 있다. 위가 일반 textarea고, 2번째가 div에 contenteditable속성을 준것이다.

  Read More