190411_TIL(web cafe event section markup,figure tag, hexo theme, IR기법,IS기법)

4월 11일 (목)

• 어제 사용해 보기로 한 카카오 오븐을 오늘 html markup 설계에 사용해 보았다. 사용 방법이 직관적이어서 적응하는데 오래 걸리지 않았고 손으로 수작업 하는 것보다 짧은 시간 안에 더욱 그럴듯한 모양새를 갖출 수 있었다. html markup 설계 뿐만이 아니라 css 설계에도 활용할 수 있을 것 같다.

• 수업 중에 figure 태그를 새롭게 배웠다. figure 태그는 이미지, 도표 등을 직접적으로 설명하는 문구가 필요할 때 사용하는 태그이다. 사용방법은 이미지나 도표 등을 나타내는 태그와 이를 직접적으로 설명하는 문구인 figcaption 태그를 형제 레벨로 배치하고 figure 태그로 그 둘을 감싸는 것이다.

  <figure>
      <img src="blackhole.png">
      <figcaption>최초 촬영된 블랙홀</figcaption>
  </figure>

관련 참고자료

• IR 기법과 IS을 수업 마지막 쯔음에 잠깐 배웠다. 용어의 정의나 두 기법을 사용하는 이유는 알았지만, 다양한() 사용방법에 대한 이해는 아직 부족한듯 하여서 관련 article들을 찾아봤지만 아직 마땅한 article을 찾지 못하였다. 대신 위에서 언급한 용어의 간단한 ()정의와 두 기법을 사용하는 이유에 대해 아주 간략하게 정리한 블로그를 발견하였다.

• 수업이 끝나고 hexo blog에 테마를 적용해 보았다. 테마는 다양한 기능들을 간단하게 적용할 수 있는 장점이 있는 Hueman 테마를 적용하였다. 블로그를 참고하여 설치를 진행하였다. 생각보다 많이 어렵지는 않았다. 테마를 적용한 후 _config.yml 파일에서 필요한 커스터마이징을 진행하였다. 먼저 sidebar에 위치를 왼쪽에서 오른쪽으로 바꾸었다. 다음으로 이미지가 많이 적용되어 있지 않은 나의 글 들을 감안하여 Thumnail 이미지를 보여주지 않게 설정하였다. facebook, github 아이콘의 실제 내 페이지 링크 걸기, favicion 설정하기 등 여러가지 커스터마이징을 진행하였다. 이번주 안으로 블로그명을 짓고 home header 사진을 변경하고 , 메뉴 및 카테고리를 만들 생각이다.

-커스터마이징 관련 참고1
-커스터마이징 관련 참고2
-커스터마이징 관련 참고3