Coding 5

Bookmarklet: 한글이 들어간 주소(URL)를 한글 그대로 복사

북마크바에 북마크릿 (Bookmarklet)을 넣어 클릭 한 번으로 한글이 포함된 주소(URL)를 한글 그대로 복사할 수 있도록 간단한 방법을 소개합니다.이 방법을 통해 작업 효율을 높이고, 인코딩 문제로 인한 불편을 줄이세요! 😊 티스토리 URL을 한글로 설정한 이유"티스토리의 포스트 주소를 문자로 설정합니다." 최근에 제 티스토리 블로그의 포스트 주소 형식을 숫자에서 문자로 변경했습니다. 초기 포스트가 많지 않을 때 변경하는 것이 적절하다고 생각했습니다.티스토리 블로그의 포스트 주소를 숫자 대신 문자로 설정한 이유는 다음과 같습니다:검색엔진 최적화(SEO): 구글 SEO 기본 가이드에 따르면, 숫자 기반 URL보다 의미 있는 문자가 포함된 URL이 검색엔진과 사용자 모두에게 더 직관적입니다.사용자 ..

Coding/Bookmarklet 2024.12.07

Javascript 정규식 - 큰따옴표, 작은따옴표 구별없이 따옴표 안에 들어간 문장 얻기(ChatGPT 활용)

문장에서 따옴표(quotes) 안에 들어간 부분을 얻기 위한 정규식(Regular Expression)을 만들기 위해 ChatGPT를 이용했습니다. 다음과 같은 간단한 문장일 경우This is "a 'sample' string" with 'quotes "in" it'.바라는 결과a 'sample' stringquotes "in" itChatGPT에서는 다음 정규식을 쓸 수 있다고 답했습니다. /"([^"]*)"|'([^']*)'/g/(['"])(.*?)\1/g그러나 다음 문장과 같이 `따옴표 안에 이스케이프 된 따옴표`가 들어간 경우 위 정규식은 엉뚱한 결과가 나옵니다. (밑에 있는 코드 테스트에서 볼 수 있습니다.)This is "a \\"sample\\" \\string" with 'quotes "i..

Coding/JavaScript 2023.05.09

CSS - Cards(반응형 웹 디자인)

창의 너비에 따라 한 줄에서 보이는 카드의 개수를 맞춥니다.확인하려면 JSFiddle(https://jsfiddle.net/eoureo/hd53k4sb/)에서 보면서 Result 프레임의 너비를 바꿔보면 됩니다. 수평 스크롤바가 나오지 않도록 하였습니다.가운데 정렬되도록 했습니다.카드 너비를 200px로 하고 창 너비가 400-2200px까지 200px마다 카드의 개수가 바뀝니다. 다음 소스코드를 바꾸었습니다.(참고로 W3Schools How TO - Code snippets for HTML, CSS and JavaScript (https://www.w3schools.com/howto/)에는 좋은 내용들이 많네요.) How To Create Column Cards https://www.w3schools...

Coding/HTML | CSS 2023.04.30

ChatGPT로 만든 Bookmarklet - "[T](U)" (마크다운 형식, [페이지 제목](페이지 주소))으로 클립보드에 넣기 (수정-http사용)

웹 브라우저에서 보고 있는 페이지의 제목과 주소를 "복사"하여옵시디언 같은 마크다운을 사용하는 곳에서 "붙여넣기" 하는 일이 많습니다.다음은 이 글의 제목과 주소로 링크를 만들어 옵시디언에 "붙여넣기"한 모습입니다.옵시디언 reading view와 editing view에서 링크 모습ChatGPT로 만든 Bookmarklet - "[T](U)" (마크다운 형식, [페이지 제목](페이지 주소))으로 클립보드에 넣기 옵시디언 source mode에서 링크 모습[ChatGPT로 만든 Bookmarklet - "[T](U)" (마크다운 형식, [페이지 제목](페이지 주소))으로 클립보드에 넣기](https://eoureo.tistory.com/entry/ChatGPT%EB%A1%9C-%EB%A7%8C%EB%93..

Coding/Bookmarklet 2023.03.15

ChatGPT로 만든 Bookmarklet - "[T](U)" (마크다운 형식, [페이지 제목](페이지 주소))으로 클립보드에 넣기

알림: 2023. 3. 15. 09:10이 글에 있는 코드는 HTTP 프로토콜을 쓰는 사이트에서는 안됩니다.그래서 새로 고쳐 아래 글에 올렸습니다. 새로 고친 페이지:ChatGPT로 만든 Bookmarklet - "[T](U)" (마크다운 형식, [페이지 제목](페이지 주소))으로 클립보드에 넣기 (수정-http사용)https://eoureo.tistory.com/entry/ChatGPT로-만든-Bookmarklet-TU-마크다운-형식으로-클립보드에-넣기-수정-http사용 ChatGPT로 만든 Bookmarklet - "[T](U)" (마크다운 형식, [페이지 제목](페이지 주소))으로 클립보드에 넣기웹 브라우저에서 보고 있는 페이지의 제목과 주소를 "복사"하여옵시디언 같은 마크다운을 사용하는 곳에서 "..

Coding/Bookmarklet 2023.03.13