taedonn
Preview Image

[JS] 텍스트의 줄 바꿈을 그대로 표현하고 싶은 경우 - pre 태그

<pre> <pre> 태그는 미리 정의된 형식의 텍스트를 HTML에 표현할 때 사용하는 태그입니다. <pre> 태그 내의 텍스트는 시스템에 미리 지정된 고정폭 글꼴을 사용하며, 텍스트에 사용된 여백과 줄 바꿈을 그대로 브라우저 화면에 나타냅니다.   예시 텍스트의 여백과 줄 바꿈이 그대로 표현되는 <pre&...

https://www.gitbook.com/blog/meet-the-all-new-gitbook

[GitHub] 깃허브 블로그에 깃북 테마 적용하기 - 4. utterances로 댓글 기능 구현

블로그 댓글 기능을 구현하기 위해 utterances라는 앱을 사용했습니다. utterances는 깃허브의 댓글 앱으로, 광고가 없고 가벼워 깃허브 기반 블로그에서 많이 사용됩니다.   https://github.com/apps/utterances 이 링크를 통해 utterances 앱을 설치할 수 있습니다. 링크로 들어가면 모든 저장소에 일괄적...

https://www.gitbook.com/blog/meet-the-all-new-gitbook

[GitHub] 깃허브 블로그에 깃북 테마 적용하기 - 2. 로컬에서 접속하기

일반적으로 블로그 플랫폼은 미리 보기 기능을 제공합니다. 내가 쓰고 있는 글이, 실제 블로그에서는 어색해 보일 수 있기 때문입니다. 하지만 이 블로그처럼 GitHub을 통해 만든 블로그들은, 실제 서버에 파일을 올리고 수정하기 때문에, 글을 배포하기 전에 로컬 서버로 먼저 블로그에 어떻게 나오는지 확인하는 작업이 필수적입니다.   로컬에서 접속하려...

https://chemicloud.com/blog/download-google-drive-files-using-wget/

[JS] 구글 드라이브를 이미지 호스팅 서버로 사용하기

개인 포트폴리오를 작업하다 보면, 자주 용량의 압박에 시달립니다. 무료 호스팅을 지원하는 사이트들의 경우 대부분 저용량만 무료로 지원하고, 용량을 추가하기 위해서는 유료 결제를 해야 하기 때문입니다. 그렇다고 이미지 몇 개 쓰자고 이미지 호스팅 서버를 따로 구매할 수는 없기 때문에, 이 글에서는 무료로 이미지를 호스팅 하는 방법 중 구글 드라이브를 사...

https://sympli.io/blog/benefits-and-fundamentals-of-responsive-web-design

[JS] 뷰포트의 넓이와 상관없이 PC, 모바일 구분하기

반응형 웹을 만들 때, 보통 PC, 모바일을 뷰포트의 넓이 기준으로 나눕니다. 하지만 때에 따라서 넓이와 상관없이 플랫폼을 구분해야 될 때가 있습니다. 이럴 때 Navigator 객체를 사용해 플랫폼을 구분할 수 있습니다.   Navigator 객체 브라우저의 버전, 운영체계 등 브라우저에 대한 다양한 정보를 담고 있는 객체.   브라우저의 ...