리본 리본

분류 전체보기

• [블로그] 티스토리 코드블럭 테마 적용하기

  블로그 2019. 10. 28. 00:00

  블로그에 글을 쓸 때 코드 관련 정보를 많이 올리는데, 평소엔 티스토리에서 제공하는 코드블럭을 사용해서 글을 올렸다. 기존 코드블럭도 그냥 소스 올리기보다는 깔끔하게 올라가긴 하지만, 가끔 줄도 틀릴 때도 있고, 색깔이나 지정 못하는 것들이 있어서 아쉬웠다. 그래서 이제부턴 코드를 좀 더 깔끔하게 올리기 위해서 코드 올리는 방법을 찾아봤다. 1.https://colorscripter.com/ 위 사이트에 접속하면 아래와 같은 화면을 볼 수 있다. 아래에 사용된 소스는 react-tutorial의 일부 소스입니다. 해당 사이트에서 소스코드를 작성하고, 우측 하단의 "HTML로 복사" 또는 "클립보드에 복사" 버튼을 클릭해서 코드를 복사하면 된다. 복사된 코드를 티스토리에서 "기본모드" 말고 "HTML"모드..

  Read More
• [Window, 크롬] 컴퓨터 어두운 테마 적용하기

  programming/ETC 2019. 10. 27. 00:00

  컴퓨터를 많이 사용하는 직업은 계속 하얀 화면들을 모니터로 보다 보니 눈이 피곤할 때가 많다. 눈이 피곤한게 다른 이유일 수 도 있지만, 나는 컴퓨터의 하얀 배경이 문제인 것 같다. 그래서 보통 IDE들은 다크 테마를 주로 사용한다. 처음으로 비쥬얼 스튜디오나, 이클립스 등을 사용할 때는 그냥 흰 화면으로 했었다. 근데 주변에서 다크 테마로 이용하는것을 보고 바꿔보니 눈이 편해지는 것 같아서, 이후로는 모든 IDE에 다크테마를 적용시켜서 쓴다. 최신 IDE들은 아예 기본으로 다크 테마가 기본으로 되어 있는 것들도 많은 것 같다. (파이참이나, VSCode ...) 나는 거의 윈도우 + 크롬으로 작업하기 때문에 해당 기기들에서 어두운 테마를 사용하는 법을 정리해본다. - 윈도우 다크 테마 적용 검색 "설정..

  Read More
• [html] 스크립트 삽입 위치와 async, defer 속성

  programming/HTML&CSS 2019. 10. 26. 00:00

  html에 자바스크립트를 사용할 때, 사이에 삽입할 수 도 있고, 사이에 삽입할 수 도 있다. 의 첫 부분에 태그를 넣을 수도 있고, 의 끝부분에 넣을 수 도 있다. 위의 위치들과 전혀 상관없이 스크립트를 작성할 수 도 있다. 다만 html이 로드되고 실행돼야 하는 스크립트의 경우에는 의 끝부분에 작성을 했다. 이런 방식의 스크립트 작성은, 규모가 큰 사이트의 대규모 스크립트나 스타일시트가 있을 경우, 필요한 화면 로딩이 느려질 수 도 있다. 이때 필요한 속성이 "async", "defer" 속성인데 아래와 같이 사용할 수 있다. async와 defer는 스크립트 로딩을 html과 같이 동기로 실행시켜준다. 그래서 test $("#test").click(function(){ alert("async-def..

  Read More
• [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") 으로 ..

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

  Read More
• [GitHub] contribution이 안될 때 / 잔디가 안 심어질 때

  programming/Git 2019. 10. 20. 00:00

  github를 이용하면 아래와 같은 페이지를 볼 수 있다. 얼마나 많이 github를 이용했나 시각적으로 볼 수 있는 화면이다. 개인 공부를 할 때 좀 많이 채우면 뿌듯할까 싶어서 얼마 전부터 시작했는데, 이튿날부터 구멍이 났다. 분명히 커밋하고 저장소에도 다 올라간 것도 확인했는데, 잔디는 심어지지 않았다. 하필 커밋한 시간도 밤 12시가 다 되어가는 시간이어서 원인을 찾지 못한 채 민 바닥이 하나 채워졌다. 그래서 원인을 찾아보니까, github 저장소의 이메일/계정 정보와, commit/push를 한 컴퓨터의 git config 정보가 달라서 채워지지 않았다고 한다. config 정보를 변경하는 방법은 아래 글에서 확인할 수 있다. https://leeborn.tistory.com/entry/git..

  Read More
• [ETC] 티스토리 URL 문자로 바꾸기

  블로그 2019. 10. 19. 00:00

  이전 글 중에 퍼머링크 관련 포스팅을 쓰면서 티스토리 주소를 문자로 바꾼 적이 있다. https://leeborn.tistory.com/entry/What-is-permalink [ETC] What is permalink? 퍼머링크란(permalink)? 이 블로그 글들은 원래 해당 글마다 번호가 달려있었다. "*. tistory.com/1"의 형식으로 각 게시물마다 고정된 숫자가 부여됐었다. 근데 이 숫자들은 글이 어떤 의미인지 잘 알려주지 못한.. leeborn.tistory.com 이 글에선 단순 제목이 URL로 바뀌면서 쓸 수 없는 문자들만 치환되는줄 알았다. 근데 블로그 글 발행전에 따로 URL을 지정할 수 있었다. 글쓰기 완료를 누른 후, URL 을 보면 기본으로 설정된 URL은 제목을 따라 ..

  Read More
• [애드센스] 애드센스 신청 후기

  블로그 2019. 10. 17. 22:33

  몇 개월 전, 게시물 한 3개 정도 있을 때 애드센스를 신청했던 적이 있다. 그때는 그냥 블로그 시작하면 자동으로 주는줄 알고, 아무것도 모른 채 신청을 했었다. 근데 하루 뒤쯤 거절 당했는데, 사유가 "콘텐츠 없음"이었다. 나도 컨텐츠 없는 건 알고 있었지만, 막상 거절당하니 조금 기분이 안 좋긴 했다. 그래서 몇 개월간 조금씩 게시글을 쌓아가서 재도전을 했는데... 성공했다. 사실 블로그로 막대한 수익을 얻을 수 없다는 걸 알지만, 아예 없는 것보다는 십원이라도 버는 게 하는 재미도 있지 않을까 해서 신청했는데 통과돼서 기분이 좋아졌다. 아직은 설정도 모르기 때문에 차차 정리하면서 알아가야겠다.

  Read More