ㅇㅅㅇ

코딩을 하다보면 굳이 시안의 이미지를 자를 필요는 없지만 이미지 삽입할 영역을 만들어야 할 때가 있어 찾아보고 사용하게 되었다. (이름을 누르면 해당 사이트로 접속할 수 있다.) 1. Placehold.it placehold는 원하는 이미지 사이즈를 입력하면 바로 출력되는 가장 간편하게 사용할 수 있는 방법이다. 텍스트 형식으로 제공해 사이즈가 어떻게 되는지 한 번에 볼 수 있다. 텍스트와 배경색이 필요하면 아래와 같이 적용하면 된다. 2. placeimg 이미지 사이즈 뒤에 이미지의 카테고리를 설정 후 디폴트는 any 혹은 Animals, Architecture, Nature, People, Tech의 5개의 카테고리에 Grayscale, Sepia형식의 필터 2가지의 조합으로 된 서비스다. place..

티스토리가 바뀌면서 코드블럭이라는 에디터 기능이 생겼습니다(오오)! 그런데 기대하며 사용해봤는데 어딘가 불편.... 해서 구글검색의 힘으로 highlight.js를 적용해 사용하기로 했습니다. (지극히 개인적인 수순으로 포스팅을 기재합니다ㅎ) 1. 스타일 선택 데모페이지에서 89가지의 스타일 중 원하는 스타일의 이름을 기억합니다. 저는 atom-one-dark를 선택했습니다. 2. 설치 여기로 접속해 직접 다운로드하거나 cdnjs, jsdelivr 라고 되어 있는 텍스트를 복사합니다. 아래와 같지만 버전이 업데이트 될 수 있으니 들어가서 확인해 보세요. 저는 cdnjs을 이용했습니다. 3. 적용 [블로그 관리]-[스킨 편집]-[html 편집]으로 들어가 태그 부분은 사이에 style.css와 font.c..

이 블로그는 전공+부업 공부용 블로그입니다 해서 해놨던거 프론트 앤드(html+css+js)자료를 넣어 보려고 하는데 저도 검색하다보니 블로거 분들이 쓰시는 플러그인(소스코드하이라이터)이 있어서 저도 받아 써보고 처음쓰시는 분들계 알려 드리고자(저도 정리할겸) 하는 맘에 작성법을 정리해봅니다. 도움이 되었으면 하네요 *사용방법* 1. 파일을 다운받아 컴퓨터에 압축을 풀어줍니다. 압춘 푼 후의 모습 티스토리에는 scripts와 styles 소스를 업로드합니다. 2. 티스토리 블로그 관리에 꾸미기로 들어가 스킨편집을 누른 후 html 편집으로 들어갑니다. 추가버튼으로 위의 scripts와 styles폴더의 파일의 전부 업로드한 후에 저장을 합니다. 3. 파일업로드 후 html 수정에서 사이에 아래의 소스와 ..