리본 리본

programming

• [HTML&CSS] 아이폰에서 display:none이 안될때

  programming/HTML&CSS 2019. 9. 26. 22:57

  정확히 말하면 사파리 모바일에서 작동이 잘 안 되는 것 같다. -PC나 아이폰의 다른 브라우저에선 확인을 해보지 않았다. 좀 더 확인이 필요한 부분이긴 한데, 일단 체험한 것 을 적어놓는다. 아이폰의 사파리에서 style의 "display:none" 속성이 제대로 작동하지 않았다. 안드로이드에선 물론 작동이 잘되었고, 같이 확인하던 중 안되는 걸 알았다. 그래서 찾아보니, "visibility:hidden" 속성으로 비슷한 동작 처리를 할 수가 있었다. 여기서, display:none과, visibility:hidden의 차이가 정확히 뭔지 짚고 넘어가자. 한 image태그를 예로 들면, "display:none" 속성으로 쓰면 이미지가 안보이는것은 똑같은데, 아예 차지하고 있던 공간도 사라진다. "vi..

  Read More
• [ETC] What is SEO?

  programming/ETC 2019. 9. 23. 23:16

  Search engine optimization 검색 엔진 최적화 블로그 글들이 외부에 잘 노출되려면 많은 것들을 해야 한다고 한다. 글을 많이 쓰거나, 관심있는 키워드들을 많이 쓰게 해야 될 것이다. 그리고 단순히 많이 써서는 노출이 잘 되지 않을 수 있다고 한다. 검색엔진의 입맛에 맞게 바꿔야 한다. 그게 바로 검색 엔진 최적화다. 검색엔진이 좋아하는? 방법은 여러 가지가 있다. robots.txt 설정하기 sitemap 설정하기 https 설정하기 permalink 설정하기 등이 있다. 이전 포스트에서 퍼머링크(permalink)를 설정한 것 도, SEO에 맞춰 블로그를 작성하기 위해서 변경했다. URL이 의미를 가지면서 좀 더 검색엔진이 좀 더 잘 노출될 수 있다고 한다.

  Read More
• [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