반응형 Dev/🌐 Web4 vitepress를 만들고 빌드하여 AWS S3로 배포해보아요. Intro.안녕하세요. 아아덕후입니다. 최근에 markdown 파일을 문서화하는 과정에 사용한 vitepress 프레임워크 설정 방법 및 S3를 이용한 배포 방법을 공유하기 위해 글을 작성했습니다. (vitepress와 AWS S3에 대한 소개와 설명은 위 링크를 참고 부탁드립니다!) 이번 포스팅에서는 아래 세가지 목표를 가지고 글을 작성했습니다. vitepress 처음 사용하는 분들이 쉽게 시작할 수 있도록 도움을 드리기 위해서markdown 파일로 만든 자료를 공유하기 위한 분들과 markdown으로 기술 문서를 작성하려는 분들께 도움을 드리기 위해그리고 마지막으로 저에게는 급하게 만들고 배포했던 기억을 정리하며 vitepress boilerplate를 만들어 다음에 기술문서 공유 혹은 마크다운 문서.. 2024. 6. 25. 서버가 만든 쿠키와 웹 스토리지 - 웹 스토리지 - 로컬 스토리지 - 세션 스토리지 - 쿠키 - 참고 웹스토리지 지속성에 따라 | 로컬 스토리지, 세션 스토리지 | 로 나뉜다. 문자열 키와 문자열 값을 연결한 지속성 있는 객체이다. 웹 스토리지는 사용하기 쉽고 꽤 많은 데이터를 저장할 수 있다. (방대한 양을 저장할 수는 없다.) 스토리지 객체의 프로퍼티 값에는 문자열만 쓸 수 있다. 쿠키와 기능은 유사하지만 클라이언트에 저장만 할 뿐 서버로 전송되지 않는다. 키와 값의 형태로 데이터를 저장한다. 로컬 스토리지 로컬 스토리지에 저장된 데이터는 반영구적으로 데이터를 저장한며 만료되지 않는다. 웹 애플리케이션에서 삭제하거나 사용자가 브라우저 UI를 통해 삭제하지 않는 한 사용자의 장치에 계속 남는다. 출처가 같은 문서는 데이터 공유하지만,.. 2023. 1. 5. [Web] HTML 태그 (feat. 부스트코스 _비전공자를 위한 HTML/CSS ) www.boostcourse.org/cs120/lecture/92878/ 비전공자를 위한 HTML/CSS 부스트코스 무료 강의 www.boostcourse.org HTML태그 문법 HTML은 많은 종류의 태그가 있다. 새로 생기는 태그도 있고, 사라지고 있는 태그도 있다. 대략 100여개의 태그가 존재한다고 한다. 하지만, 이 많은 태그를 전부 사용하지는 않는다. 가장 많이 사용되는 태그가 존재하며, 실제 대부분의 웹페이지에서는 2-30개의 태그만을 사용한다고 한다. 실제 사용빈도가 높은 태그만을 찾아본다면, 그 개수는 더 줄어들 것이다. 따라서 자주 사용되는 태그를 먼저 배우는것이 효과적인 공부방법이다. 부스트코스 - 비전공자를 위한 HTML/CSS 수업에서는 그 전부를 배우지는 않고, 많이 사용하는 .. 2022. 5. 4. [Web] HTML 이해하기 (feat. 부스트코스 _비전공자를 위한 HTML/CSS ) HTML (Hyper Text Markup Language) developer.mozilla.org/ko/docs/Web/HTML HTML: Hypertext Markup Language | MDN 와 요소를 통해 외부 프로그램 없이 오디오와 비디오 미디어를 재생할 수 있습니다. HTML 요소는 공통 특성을 공유하는 요소끼리 묶는 콘텐츠 카테고리 한 가지 이상에 속할 수 있습니다. 콘텐츠 developer.mozilla.org [특징] 프로그래밍 언어이며 웹 페이지를 만드는 언어이다. 웹 사이트들이 모두 HTML을 사용하여 만들어진다. Hyper Text 단순한 텍스트를 넘어서 웹 페이지의 특정 부분과 연결할 수 있는 기능을 가진 텍스트 즉, 링크를 의미합니다. Markup Language 프로그래밍 언.. 2022. 5. 4. 이전 1 다음 반응형
