728x90 반응형 Develop/Blog 728x90 반응형 38 티스토리 다크모드 적용 상세 - Book Club 테마 기준 안녕하세요 오랜만에 글 올리게 되었네요!! 학기 중엔 방학동안 글 많이 올려야지 벼르고 있었는데, 이번 방학동안 인턴하면서 바빠서 글을 단 하나도 올리지 않았습니다...ㅎㅎㅎ 방학이 이제 2일하고 7시간 정도 남았군요. 정말 시간 빠른 것 같습니다. 다크모드 기초 설정 오늘 올릴 글은 티스토리에 다크모드 끼얹기 2편입니다. 요즘 다크모드가 눈 건강에도 좋고 웹 디자인에 필수 요소로 자리잡고 있죠. 티스토리에도 다크모드를 적용할 수 있는 방법이 있습니다. CSS를 좀 건드리긴 해야하지만요! 그럼 어떻게 적용하는지 자세히 알아보도록 하겠습니다. 2020/02/24 - [개발/Blog] - 티스토리 다크모드 적용하기 티스토리 다크모드 적용하기 요즘 아이폰이나 맥북, 윈도우에서 다크테마 이른바 다크모드 서비스가.. 2020. 8. 29. 티스토리 다크모드 적용하기 요즘 아이폰이나 맥북, 윈도우에서 다크테마 이른바 다크모드 서비스가 유용하죠. 밤에 눈의 부담감을 줄여주고 어두운 테마를 좋아하는 사람들은 들은 기본테마로 사용할 수도 있죠. 티스토리에는 기본적으로 테마에 배경색 등이 내장되어 있는데요. 이 티스토리의 테마 색상을 사용자의 시스템 설정의 색상에 맞추어 능동적으로 바뀌게 할 수 있습니다. 기본 모드 예를 들어 사용자의 시스템 설정이 다크모드라면 내 티스토리가 어둡게, 사용자의 시스템 설정이 다크모드가 아니라면 기존 테마의 색상대로 밝게 보이게 하는거죠. 위는 제 일반 모드일때의 모습인데요. 다크모드 다크모드를 적용하면 이런 모습으로 바뀌게 됩니다. 저는 맥을 쓰다보니 밤낮으로 기본모드에서 다크모드로 바뀌는데 제 블로그는 그대로니 바꿔보고 싶더라구요. 이렇게.. 2020. 2. 24. 티스토리 코드블럭 highlight.js 적용하고 폰트 바꾸기 티스토리로 코드블록 기능을 이용해서 코드를 업로드하시는 분들이 많죠! 티스토리의 에디터가 새로워지고 나서 코드 블럭을 이용해 더 간편하게 코드를 올릴 수 있게 되었습니다. 하지만 폰트 선택이라던지 색상 입히는 것이 어렵다는 단점이 있습니다. 새로워진 에디터를 사용하면 상단에 더보기 버튼에 코드블럭을 쉽게 사용할 수 있는데요! HTML, CSS, Javascript, Python, Java, C++, Kotlin, Swift, PHP, Go 의 옵션을 선택할 수 있죠! 간단한 코드를 작성하고 에디터에서 보면 이렇게 잘 색이 예쁘게 입혀져 나옵니다. 하지만, 포스팅을 하고나서 확인해보면 잘 입혀지지 않는 경우가 많습니다. pre 와 code 태그에 색깔을 입혀줘야 포스팅 이후에도 예쁘게 출력되는 모습을 볼 .. 2020. 2. 21. 트위터 해킹? 잠금 해제 일시 정지 계정 복구하기 트위터는 전 세계적으로 가장 많이 사용되고 있는 블로그 서비스이자 소셜 네트워크 서비스입니다. 때문에 소셜 네트워크나 덕질에도 많이 사용되지만, 블로그를 하는 사람들도 공유하는 매체로 많이 사용하고 있는데요. 계정이 해킹당하거나 잘못된 행동으로 인해 트위터의 계정이 잠금되거나 일시 정지 되는 분들이 있을 겁니다. 저처럼 오랫동안 사용안하다가 다시 들어가보면 해킹당해서 이상한 글들이 올라가 있고 계정이 정지당해 있는 분들이 계실 겁니다. 아래 사진처럼 블로그 글을 올린 후 링크를 공유하려고 보니 제 예전 계정으로 접속하고 계정이 정지되어 있었습니다. 계정을 삭제하려고 들어가보니 계정 삭제나 비활성화도 계정이 일시정지 되어있어서 안된다고 하네요.. 그래서 자세히 알아보기로 들어가보았습니다! 자세히 알아보기에.. 2020. 2. 19. 블로그 푸터 링크 추가 및 스킨 변경 오랜만에 공지를 올리네요. 얼마 전 업데이트 된 티스토리 스킨 Book Club 으로 스킨을 변경한데에 이어 푸터에 링크 4 개가 추가되었습니다. 이번엔 기존 링크 페이스북, 인스타그램, 유튜브와 더불어 github 링크가 같이 추가되었는데요. 개발 쪽으로 더 글을 많이 올릴 듯 합니다. 큰 프로젝트를 하게 될 경우, 깃허브 코드와 링크를 올릴테니 참고해주시기 바랍니다. 참고로 저는 취미로 웹을 공부하고 있는 대학생입니다. 2019. 8. 28. 티스토리 스킨 설치 구글 네이버 광고 분석 코드 옮기기 이번 글에서는 티스토리 스킨 변경하는 방법에 대해서 말씀드리려고 합니다. 최근 들어 티스토리에서 예쁘고 편리하면서도 사용성이 좋은 스킨들을 많이 내놓고 있죠. 그래서 새로운 스킨을 볼때마다 스킨을 변경하고 싶은 욕구가 샘솟곤 합니다. 이번에도 8월 새로운 스킨 Book Club을 업데이트하며 티스토리 이용자들을 놀라게 했습니다. 저도 이 스킨을 보고 바로 바꿔야겠다 결심하고 바꾸었구요. 이번 스킨은 두 개의 단으로 구성되어 공간 효율을 높이고 있습니다. 페이스북 타임라인, 트위터 타임라인도 생겨 블로그에서 페이스북과 트위터 페이지를 확인해 볼 수도 있구요. 스킨 홍보 글처럼 되어버렸는데, 제가 알려드리고 싶었던 걸 이제부터 말해보도록 하겠습니다. 먼저 스킨을 변경하여 설치하는 것부터 다뤄보도록 할게요. .. 2019. 8. 26. CRA create-react-app 예제를 학습해보자 react 를 좀 더 사용하기 쉽게 도와주는 도구 중에 하나로 create-react-app (일명 CRA) 를 꼽을 수 있습니다. 작업환경을 명령어 하나로 깔끔하게 세팅해주는 도구인데요. 이 명령어를 사용하면 초기 설정시에 굉장히 시간을 절약할 수 있게 도와줍니다. 이 글은 Create-react-app github 공식문서를 기준으로 작성되었습니다. 이 글에서는 npm과 npx yarn 세 가지를 다루도록 하겠습니다. yarn 을 통해 좀 더 쉽게 공부해보고 싶으신 분은 아래 링크를 참고해 주시기 바랍니다. yarn 은 명령어를 더 편하게 사용할 수 있게 도와줍니다. yarn 은 Facebook 에서 만든 자바스크립트 패키지 매니저입니다. 사용해보고 싶으신 분은 이 글을 참고해 보세요. 준비 먼저 C.. 2019. 8. 21. 티스토리 블로그 Code 프로그래밍 코드 블록 올리기 티스토리로 코딩, 프로그래밍 블로그를 운영하시는 분들이 꽤 있습니다. 최근 velog 등 다른 여러 플랫폼을 이용하시는 분들도 많지만 아직 국내 검색 유입도 등을 보았을 때 티스토리를 사용하시는 분들이 많은 것으로 알고 있는데요. 최근 더 많은 기능 및 플러그인 제공을 블로그 생활에 더욱 편리함을 더해주고 있어 이탈을 막아주고 있습니다. 올해 3월 말부터 운영되고 있던 코드 문법 강조 또한 이 같은 기능 개편에 한 몫을 하고 있는데요. Syntax Highlight 위 사진과 같이 자신의 블로그 관리 > 플러그인 탭에서 설정이 가능합니다. 테마도 설정이 가능한데요. 기본, Atom One Dark, Atom One Light, Github, Monokai, Darcula, Visual Studio, Xc.. 2019. 8. 17. 블로그 RSS 왜 중요할까! - 티스토리 2019년 블로그를 시작하시는 분들을 위해 검색에 도움이 되는 것들에 대해 조금 알려 드리려고 합니다! 그 중에 한 가지로서 많이 들어보셨을 법한 RSS! RSS에 대해서 알아보도록 할 건데요. 알아보기에 앞서 제 블로그의 유입 수를 공개하면 저렇습니다!! 2월부터 활동을 열심히 이어갔더니 많이 성장한 것을 확인해 볼 수 있죠? 여러분도 이렇게 블로그를 키우실 수 있을 겁니다. 제가 알려드리는 방법대로 잘 따라오시길 바라겠습니다! RSS 란? RSS 의 사전적 정의는 '정말 간단한 신디케이션' 이라고 나와있습니다. 영어로 줄임말을 그대로 번역해 온 건데요. RSS 는 rich site summary 또는 really simple syndication 으로 보통 풀어서 얘기하곤 합니다. 하지만 이것만 봐서.. 2019. 3. 19. 다음 검색등록 / 네이버, 구글 검색등록 - 블로그 방문자 수 업 & 고품질 블로그 블로그의 생명은 방문자 수죠!! 물론 방문자 수를 올릴려면 블로그에 좋은 컨텐츠들이 있어야 합니다. 이 글들이 조금 쌓이고, 블로그 운영을 하다보면, 방문자 수가 신경이 쓰이기 사작합니다. 중요한 성장 지표로 방문자 수가 쓰이기도 합니다. 그렇다면 이 블로그의 방문자 수를 늘리는데는 어떤 노력들이 필요할까요? 먼저 품질이 좋은 글과 글의 양이 중요하겠죠. 글과 블로그의 전문성과 트렌드에 맞는 글 주제도 중요할 겁니다. 그렇지만 이 방문자 수에 도움이 될 수 있는 한가지! 포털 사이트에서 검색이 잘 되면 더 좋겠죠! 그를 위해서 각 포털 사이트에서는 검색 등록이라는 시스템을 운영하고 있습니다. 네이버와 구글은 검색등록이 애널리틱스로 운영되고 있구요. 다음은 검색등록 시스템을 운영중입니다. 이 글에서는 다음.. 2019. 3. 10. 이전 1 2 3 4 다음