상세 컨텐츠

본문 제목

구디아카데미 TIL-LOG[Today I learned-LOG] 티스토리 작성가이드

카테고리 없음

by 구디아카데미 2023. 2. 27. 17:31

본문

✅ Today I learned

🔻TIL?

TIL은 'Today I Learned(오늘 내가 배운 것)의 약자입니다. 그날그날 공부한 것을 정리하는 의미이지만, 보통 개발자가 소스코드 등을 기록하며 회고하고 정리하는 의미로 많이 쓰입니다. 개발을 공부하는 기록하는 학습 블로그가 취업 후 실무에서 활용하기 위한 코드를 기록하는 '기술 블로그'까지 연장됩니다.

 

출처: https://thereisri.tistory.com/18
출처: https://thereisri.tistory.com/

 

🔻학습활용

  • 프로그래밍은 강의 > 훈련(소스코드 복습, 문제풀이)가 함께 진행되어야 실력이 늘 수 있습니다. 그런 점에서 학습 기록은 교육 받은 내용을 스스로 훈련할 수 있는 기회를 제공합니다.
  • 학습 내용은 휘발되기 마련입니다. 기록하면서 배운 내용을 복습하고, 기억을 상기시킬 수 있습니다.
  • 학습 내용이 누적되면 양이 많아지는데, 나중에 키워드를 통해 다시 찾아 보는데 편리합니다.
  • 자신의 실력과 상태를 확인할 수 있는 메타인지를 강화할 수 있어요.

🔻취업활용도

  • 취업시 포트폴리오, 이력서 등에 보유기술 작성시 도움이 될 수 있습니다.
  • 자기소개서에 기록, 정리, 꾸준함을 강점으로 어필할 수 있습니다.

🔻실무활용도

  • 실무에서 기존의 코드를 다시 활용하는 경우가 많은데, 특정 기능을 수행하는 코드를 인덱스 형식의 문서를 통해 기록하면 코드 리뷰 후 업무에 활용할 수 있습니다.
  • 개발 중에 생긴 문제들, 에러와 해결방법에 대한 내용을 정리해두면, 굉장히 유용합니다.
  • 잘 개발된 사이트의 샘플 소스를 정리하는 것도 활용도가 높습니다.
  • 공부가 계속적으로 필요하기 때문에 매번 새로운 기술을 습득하는데, 꾸준히 기록하게 되면 소중한 기술적 자산이 됩니다.
  • 고급 기술들을 다루게 될 때 기록해두면 이직할 때 도움이 많이 됩니다.

🔻추천플랫폼

  • 벨로그, 티스토리, 네이버: 학습 기록이 목적인 학습 초반의 개발자 지망생들에게는 기록하기 쉽고, 시간이 절약될 수 있는 플랫폼을 추천합니다.
  • 깃허브, 노션: 코딩에 익숙해지거나, 취업 이후의 실무 개발자들에게는 프로젝트와 소스코드, 커밋 등을 효율적으로 할 수 있는 플랫폼 등이 좋습니다.
  • 각자 성향에 제일 잘 맞는 플랫폼을 선택하시는게 제일 좋겠지요!

🔻작성 방법

  • TIL-LOG에는 정해진 형식이 없습니다. 자신의 방법에 맞게 자유로운 형식으로 흐름과 주제들을 기록해나가면 됩니다.
  • 그래도 최소한의 가이드를 권장하자면, 학습내용, 코드, 잘한 점, 개선 점 등의 흐름으로 기록하면 좋습니다.
  • 하루에 30분 이내로 마치는 것이 좋습니다.
  • 본래 학습에 방해되지 않는 선에서 하는 것이 중요합니다. 형식이나 디자인, 요소 등을 꾸미는데 시간을 많이 할애 하지 않도록 합니다.
  • 무엇보다도 꾸준함이 중요합니다. 적은 양이더라도 매일 하는 습관을 들이면 좋은 자산이 될 것입니다.
  • 아래 여러 플랫폼에서의 사례들을 링크로 올려두었으니, 참고하시면서 자신만의 방법을 찾아가시기를 바랍니다.

 

벨로그: https://velog.io/@_dodo_hee/series

네이버: https://blog.naver.com/cyw960714/

티스토리: https://thereisri.tistory.com/2

 

🔻참고·유의사항

  • 처음 시작하는 분들이 쉽게 시작할 수 있도록 간단한 가이드만 소개합니다. 기초문법만으로도 블로그를 알차게 쓸 수 있습니다.
  • 더 다양하고 풍부한 글을 위한 추가적인 문법들은 익숙해지시면 시도해보시는 것을 권장드립니다.
  • 학습기록은 많은 도움이 되지만, 블로그를 쓰는 일이 학습보다 커지지 않아야한다는 것입니다.
  • 매일 꾸준히, 조금씩 하다보면 크게 쌓여서 소중한 자산이 될 것입니다. 파이팅!

 

✅ 티스토리 작성법

🔻 에디터 활용

  • 티스토리는 기본모드, 마크다운모드, HTML이 지원됩니다. 그러나 벨로그에 비해 마크다운모드에서 출력이 이상하게 되는 경우가 있습니다. 따라서 코딩에 익숙하지 않은, 처음 기록을 하시는 분들은 기본모드에서 에디터를 이용해 포스트 하는 것이 편리하기 때문에 기본모드를 권장드립니다. 에디터 기능을 잘 되어있어요.

작성시 에디터

🔻 마크다운 활용

  • 마크다운(markdown)은 일반 텍스트 문서의 양식을 편집하는 문법입니다. README파일이나 온라인 문서, 혹은 일반 텍스트 편집기로 문서 양식을 편집할 때 쓰입니다. 마크다운을 이용해 작성된 문서는 HTML 등 다른 문서형태로 변환이 가능합니다. - 위키백과
  • 티스토리에서의 마크다운을 잘 활용하면 훨씬 풍부한 포스팅을 할 수 있습니다. 다만, 설정에서 HTML, CSS 코드를 입히는 과정이 필요합니다. TIL-LOG를 처음 하시는 분들이 부담을 느끼시지 않게 에디터 활용을 추천하지만 마크다운을 활용해서 티스토리에 포스팅을 하고 싶으신 분들은 아래 링크들을 참고하여 해보시길 바랍니다. 
 

마크다운 글 쓰기 : 티스토리 편

티스토리 새 글쓰기에서 지원하지만, 잘 안쓰이는 기능이 있습니다. 바로 마크다운 글 작성 모드인데요. 마크다운 버튼을 누르면 아래와 같은 메시지가 뜹니다. 마크다운 모드에서는 일부 지원

tistory.hi098123.com

 

티스토리 블로그를 마크다운(Markdown)문법으로 포스팅하는 방법

티스토리 블로그를 마크다운(Markdown)문법으로 포스팅하는 방법 티스토리는 네이버 블로그 대비 자유도가 높다는 장점이 있다. 최근 KDD에서 시작한 블로그 포스팅 스터디에서는 깃허브에 MD 형태

peterdrinker.tistory.com

🔻 코드 삽입

  • 코드블럭을 생성하는 방법만 알고 있으면 개발 TIL-LOG를 작성할 수 있습니다. 에디터 메뉴에서 코드블럭을 선택하면 코드 입력 화면이 나옵니다. 
  • 사용하는 언어를 선택하고 코드를 삽입합니다. 

JAVA를 선택하여 코드삽입

  • 그러면 아래와 같이 출력이 됩니다.
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	String name = "구디아카데미";
    System.out.println(name);
%>
  • 수정하려면 코드블럭위에 커서를 올려놓은 후 <> 아이콘을 누르면 가능합니다.

 

🔻 코드블록 테마 지정

  • 위와 같이 작성을 하고 완료를 하면 코드블럭 색상이 좀 다르죠?
  • 블록 테마는 설정에서 다양하게 지정할 수가 있어요.

 

1. 내 블로그 메인 아래에서 ADMIN을 클릭합니다.

 

2. 왼쪽 메뉴에서 플러그인을 클릭합니다.

 

.

3. 코드 문법 강조를 선택합니다.

4. 테마를 선택합니다. 

 

 

댓글 영역