자바스크립트 3 썸네일형 리스트형 TIL/JS 2023.06.13 게시물 Table Of Contents 자동 목차 만들기 개요 현재 블로그 게시글 페이지처럼 글 구조를 보여주는 목차를 페이지 한편에 띄우려 한다. 이름하야 Table of Contents, 목차다. 보통 한 쪽에 글의 소제목을 나열하고, 현재 읽고 있는 부분이 어디인지 알려주거나 클릭했을 때 해당 파트로 이동할 수 있는 기능을 말한다. 페이지 상의 글 구조를 분석 후 리스트를 만들어 원하는 위치에 꽂아주려 한다. 구현 사항 글의 구조를 분석하고 리스트로 만든다 해당 제목을 클릭했을 때 해당 위치로 이동한다 구현 방법 페이지에서 DOM을 분석하여 글의 리스트를 추출하고, 이것을 조합하여 중첩된 ol엘리먼트로 만든다 만든 엘리먼트를 원하는 위치에 꽂아준다 페이지에 알맞게 스타일링을 해준다 이번 글에서는 페이지에서 리스트 추출해서 화면에 붙이는 것까지만 작성할 예.. TIL/JS 2021.12.06 자바스크립트로 달력 만들기 오늘의 만들어볼까요? 자바스크립트의 date객체를 이용해 달력을 만들어보자. 만들기 조건 table이 아니라 flex 레이아웃을 이용 클래스를 활용해 css로 스타일 지정 달력은 월요일부터 시작 이전달의 월요일부터 마지막 날까지 표기 다음 달의 1일부터 일요일까지 표기 선택자 등등은 JQuery 이용 1. 날짜 가져오기 날짜 정보를 가져오기 위해서 자바스크립트의 date 객체를 이용할 예정이다. date 객체는 세계표준시(UTC) 1970년 1월 1일 00시 00분 00초를 기준으로 현재와 얼마나 시간 차가 얼마나 되는지 밀리초 단위로 나타낸다. 이 시간 차이를 조정하여 원하는 날짜를 표기할 수 있다. 기본적으로 아래와 같이 사용한다. console.log(new Date()); // 현재 날짜(로컬 기.. TIL/JS 2021.11.25 자바스크립트로 문자메시지 보내기 문자보내기 기능 구현하기. 여기에 URI Scheme과 URI 이스케이프를 곁들인... 오늘의 주제? 문자로 공유하기 기능 개발하려고 한다. 링크를 누르면 원하는 사람을 선택하여 정해둔 메시지를 보낼 수 있게 하는 기능이다. 결론부터 말하자면 a 태그에 href 속성에 일반적인 링크 주소인 http://가 아니라 문자 메시지를 의미하는 sms:를 이용하여 간단하게 구현할 수 있다. 안드로이드 문자보내기 iOS8 이상 문자보내기 iOS8 미만 문자보내기 여기서 : 앞에 오는 문자, sms 는 URI 스킴이라고 부른다. 이게 과연 무엇을 뜻하는 걸까? 한번 정리해보려고 한다. URI 스킴(URI Scheme)이란? Uniform Resource Identifier (URI) Schemes URI : 통합 자.. 이전 1 다음