Tistory에 code block을 스킨을 적용해보자. 1. 관리자 페이지 -> 스킨 변경(메뉴 - 꾸미기)를 클릭하여, html 편집을 누릅니다. 2. 아래의 JavaScript 코드를 삽입합니다. 여기서 skin은 여러 가지 종류가 있으므로 아래의 페이지에서 확인 후 "?skin=desert" 를 수정해주시면 됩니다. https://cdn.rawgit.com/google/code-prettify/master/styles/index.html 3. 사용글쓰기 에디터에서 오른쪽에 HTML을 클릭을 합니다. 아래와 같이 코드 사이에 사용하면 됩니다. 원하는 코드 삽입 이상 포스팅을 마치겠습니다.궁금하신 점이 있으시면 아래에 댓글 달아주시면 답변 드리겠습니다. 감사합니다.오늘도 해피코딩 하세요 !
1. 터미널 설치 (shell)1 2 3 sudo add-apt-repository ppa:gnome-terminator sudo apt-get update sudo apt-get install terminator 현재 터미널은 기본값으로 설정 되어야 하기 때문에 터미널을 재시작 (단축키: “Ctrl+Alt+T”). 2. ZSH 설치1 sudo apt-get install zsh 설치 후 터미널 재시작 (단축키: “Ctrl+Alt+T”) 3. Oh My ZSH 설치1 2 cd sh -c "$(curl -fsSL https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh)" 4. Powerline 폰트 설치 4-1. Powerline 폰트 ..
웹 접근성 - 한국형 웹 콘텐츠 접근성 지침 1. 인식의 용이성대체 텍스트텍스트 아닌 콘텐츠는 그 의미나 용도를 인식할 수 있도록 대체 텍스트를 제공해야 한다.적절한 대체 텍스트 제공멀티미디어 대체 수단멀티미디어 콘텐츠에는 자막, 대본 또는 수화를 제공해야 한다.자막 제공명료성콘텐츠는 색에 관계없이 인식될 수 있어야 한다.색에 무관한 콘텐츠 인식지시 사항은 모양, 크기, 위치, 방향, 색, 소리 등에 관계없이 인식될 수 있어야 한다.명확한 지시 사항 제공텍스트 콘텐츠와 배경 간의 명도 대비는 4.5 대 1 이상이어야 한다.텍스트 콘텐츠의 명도 대비자동으로 소리가 재생되지 않아야 한다.자동 재생 금지이웃한 콘텐츠는 구별될 수 있어야 한다.콘텐츠 간의 구분 2. 운용의 용이성입력장치 접근성모든 기능은 키보드..
웹페이지 효율적인 작업방법 1. 모바일에서 사용할 목적을 명확히 하여 필요한 내용 위주로 반응형 웹을 효율적으로 사용한다.사용자가 어떤 목적을 갖고 웹사이트를 방문하는지에 대해 생각해보고 모바일에서 필요한 내용 위주로 보여주기방문자들의 생각이나 의견을 변화시키는 것이 중요! 2. 데스크탑 -> 태블릿 -> 모바일작업이 아닌 모바일 -> 태블릿 -> 데스크탑 작업모바일 디자인은 최대한 단순하며 초점이 있게 디자인을 해야한다.작업을 간소화하는 장점이 있음로딩하는 데 시간이 걸리는 모든 것들(소스, 이미지, 동영상 등)을 과감히 버려야한다.McKnight Kurland사의 Frank Kurland에 따르면, 모바일 사용 인구가 세계 인구의 87%에 달함 3. 소스코드(CSS, Javascript)를 모두 압축..
블로그에 댓글 기능 추가하기블로그를 운영하다 보면 운영자와 사용자간의 소통이 필요한데 이를 위해 댓글 기능들을 넣는다. 그 중 GitHub blog에 손쉽게 추가할 수 있는 Disqus 댓글 기능을 이용하여 댓글 기능을 넣어볼려고 한다. 1. DISQUS 홈페이지를 접속하여 회원가입을 한다.먼저 Disqus 댓글 기능을 사용할려면 DISQUS의 회원이 되어야 한다. 아래의 캡처 화면에서 Get Started 버튼을 클릭하여 회원가입을 진행한다. 2. 회원가입이 완료되면 아래와 같은 화면이 나오는데 두 번째 이미지를 클릭한다. 3. 클릭 시 댓글 기능을 사용할 Website url, 카테고리, 언어를 설정한 후 Site를 생성한다. 4. 생성하면 아래와 같은 Select a plan 라는 탭이 활성화 되어..
개인 도메인으로 GitHub 블로그 연결하기지금부터 개인 도메인으로 GitHub 블로그를 연결하는 방법을 알아보겠습니다. 매우 간단하니 두려움없이 편히 읽으셔도 좋을 것 같습니다. 1. 개인 도메인을 구입합니다.국내 도메인 기업이나 외국 도메인 기업에 들어가서 도메인을 구매합니다.참고로 저는 Woobi라는 호스팅업체에서 이전에 구매하였던 도메인을 사용하였습니다. 2. 구입하였던 도메인 설정 중 도메인 레코드 관리로 들어갑니다.A 레코드의 IP를 아래의 리스트로 추가 또는 변경합니다.1 2 3 4 185.199.108.153 185.199.109.153 185.199.110.153 185.199.111.153 위의 내용 중 하나 또는 여러개를 등록해도 괜찮습니다.여러개 등록하는 이유는 하나의 IP가 작동을..
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
- HTML
- string
- scope
- NestJS
- Function Component
- github
- 리엑트
- 클래스 컴포넌트
- ES6
- 웹사이트
- 함수 컴포넌트
- Prototype
- useEffect
- this
- const
- react
- Angular
- website
- useState
- virtual dom
- Es5
- TypeScript
- array
- window
- 클래스형 컴포넌트
- 가상돔
- JavaScript
- 깃헙
- class component
- Let
- Total
- Today
- Yesterday