More posts

자바스크립트

[javascript] 배열 요소에 접근하는 새로운 자바스크립트 메서드 Array.at()

자바스크립트에서 배열 요소의 값을 얻는 방법은 기본적으로 Array[index] 입니다. 다른 언어에서도 배열 요소에 접근하는 방법은 Array[index] 로 대동소이 합니다. 배열의 첫 번째 요소는 Array[0]으로 접근하고, 배열의 마지막 요소는 Array[Array.length-1]로 접근할 수 있습니다. 배열 요소에 접근하기 위해 사용할 수 있는 인덱스는 0 ~ Array.length-1
3 min read
티스토리스킨

티스토리 반응형 스킨 111 - 반응형 콰트로 v3 스킨 배포합니다.

-------------------------------------------------------------------- 2021-09-02. 목차 기능 사용시 공감 버튼과 충돌하는 현상 패치 (스킨을 다시 다운로드 받아 script.js 파일만 재업로드) --------------------------------------------------------------------   웹 브라우저 너비에 따라서 한 행에 표시되는 썸네일 갯수가 자동으로 변경되는 메이슨리 라이브러리를 사용하는 반응형 스킨입니다. 사진 중심의 포토 블로그에 적합한 스킨으로 사이드바가 기본으로 감추어져 있는 좌우 대칭인 레이아웃을 가지고 있습니다.
8 min read
테크

구글 크롬 광고 차단앱의 종말이 다가오고 있다.

2018년 10월 구글 크롬 확장 프로그램 API 가 버전3으로 업데이트가 됩니다. 이와 함께 구글의 오픈소스 브라우저인 크로미움에도 이 업데이트가 반영됩니다. 크로미움에 반영된 기술들은 특별한 경우가 아니면 대부분 크롬 정식 버전에 반영됩니다. 일종의 오픈소스 베타테스트를 겸하는 크로미움에 확장 프로그램 API 의 최신 업데이트가 반영되면서 확장 프로그램 개발자들과, 보안 업계에서는 우려가 쏱아졌습니다.
9 min read
자바스크립트

console 객체를 활용한 자바스크립트 디버깅. console.log() 만 있는게 아니다.

console 객체는 자바스크립트가 웹 브라우저의 디버깅 콘솔에 접근할 수 있도록 하는 객체입니다. 콘솔(console) 객체를 이용하면 자바스크립트 코드의 객체, 변수 값을 콘솔 창에 출력하거나, 필요한 메시지를 표시할 수 있습니다. 콘솔 객체는 여러 가지 메서드를 제공하며, 콘솔 창에 다양한 형태로 메시지를 출력할 수 있습니다. 콘솔 객체의 메서드를 하나씩 알아보도록 하겠습니다. > console.
8 min read
티스토리스킨

티스토리 반응형 스킨 117 - 반응형 2단 심플리트3 커버페이지 지원 버전 배포합니다.

-------------------------------------------------------------------- 2021-09-02. 목차 기능 사용시 공감 버튼과 충돌하는 현상 패치 (스킨을 다시 다운로드 받아 script.js 파일만 재업로드) -------------------------------------------------------------------- 글 목록 커버 타입 한 가지만 지원되는 기존 심플리트3 스킨을 수정해서 5가지 커버 타입을 지원하는 커버 페이지 지원 스킨으로 변형한 스킨입니다. 커버 페이지 지원을 제외한 나머지 모든 기능 및 옵션 설정은
7 min read
티스토리스킨

티스토리 반응형 스킨 112 - 반응형 플러리 스킨 버전 3.1 배포합니다. 메이슨리 반응형 레이아웃 스킨

-------------------------------------------------------------------- 2022-06-15 버전 3.2 업데이트 티스토리 스킨 편집기의 HTML 편집기가 업데이트 되면서 스킨 소스를 파싱해서 임의로 스킨 원본을 변경합니다. 수동으로 스킨을 적용할 경우 일부 치환자가 깨지는 현상이 발생해 스킨이 정상 적용되지 않는 경우가 생겨서 이 문제가 생가지 않도록 스킨을 패치했습니다. 스킨 일부만 적용할 수 없으며 스킨 전체를 재적용 해야
8 min read
테크

네이버TV 동영상 다운로드까지 가능한 동영상 다운로더 4K Video Downloader. 유튜브 4K 다운로드까지 지원.

무료로 쓸만한 동영상 다운로더 중에서는 그래도 가장 쓸만한 프로그램이 4K Video Downloader 였는데, 프로그램이 업그레이드 되면서 네이버TV 동영상 다운로드가 지원되고 있습니다. 다른 동영상 다운로더나 4K Video Downloader 이전 버전에서는 네이버TV 동영상은 다운로드가 막혀있었는데 다운로드가 가능해졌습니다. 유튜브의 경우 4K 동영상 까지 깔끔하게 다운로드가 되는 프로그램이어서 동영상 다운로드 프로그램으로서는 최강이 아닐까 싶습니다.
6 min read
일상

겸댕이 미니 거미 매크로

창문 밖 풍경을 보다 문득 창문 틈에 뭔가 작은 게 꾸물꾸물 움직이는 게 보입니다. 초미니 거미... 입니다. 인터넷 어디선가 봤던 깡충 거미? 뭐 그런 류의 미니 거미입니다. 대충 봐도 복슬복슬 귀여워 보입니다. 인터넷에서 본 것처럼 매크로로 담아보려고 스마트폰에 매크로 렌즈 붙여서 붙여서 찍어봤습니다. 너무 작아서 초점이 잘 안 맞습니다. 접사로
2 min read
CSS

CSS 카운터 함수(counter())로 목차형 순번 붙이기

CSS의 고급 활용 기법입니다. 초보자에게는 다소 어려운 내용일 수 있습니다. CSS의 기초적인 부분과 가상 요소에 대해서 알려면 먼저 다음 내용을 학습하시기 바랍니다. > HTML+CSS 기초 강의 - 27. CSS 선택자 기초 4 - 가상 요소 > CSS 선택자 고급 - 가상 요소(Pseudo Element)로 선택하기 > CSS 가상 요소를 활용해 삼각형
14 min read
테크

"mailto:" 이메일 주소 하이퍼링크를 구글 지메일(GMail)로 연결하기. 웹 브라우저를 기본 이메일 핸들러로 등록하는 방법.

구글 지메일을 사용하는 사용자에게 도움이 되는 기능입니다. 네이버 웹메일에는 사용할 수 없습니다. 웹 페이지에 이메일 주소를 표기할 때 하이퍼링크로 링크를 표시할 때는 이메일 주소 앞에 "mailto:"를 붙입니다. "mailto:"는 "메일 투 프로토콜(mailto protocol)"이라고 하는 URL 표시 표준 규약의 하나입니다. 규약의 핵심은 "mailto:"로 시작하는 이메일 주소 하이퍼링크를
8 min read