Developer/티스토리 스킨 제작13 #7. 티스토리 스킨 업로드하는 방법 지난 포스팅에는 기본적인 치환자 사용 방법까지에 대해 설명했다. [대괄호로 묶인] 다양한 치환자들이 있다는 것을 설명하고, 일단은 글 제목과 글쓴 시간, 그리고 저자 정도까지만 HTML 태그로 구현해보았다. 이제 정말로 그런 치환자들이 잘 작동하는지 살펴볼 시간이다. 이론에 너무 얽매이고 눈에 보이지도 않는 코드와 싸우는 것보다는, 이왕이면 직접 눈으로 결과물을 봐가면서 하면 좋지 아니한가?티스토리 스킨 업로드하는 방법티스토리 유저라면 스킨을 변경하는 방법에 대해서는 잘 알것이다. 그냥 관리자 페이지 들어가서, 원하는 스킨으로 변경하면 자동으로 적용이 된다. 그러나, 필자는 직접 스킨을 만들었기 때문에 이를 업로드하는 과정이 필요하다. 업로드하기 위해서 준비해야할 파일은 최소 3개이다.skin.htmls.. 2018. 3. 30. #6. 티스토리 스킨만들기::: 글제목, 글내용을 배치해보자. 이번 포스팅은 실제 내 계정의 티스토리 글 제목과 글 내용을 배치하는 것을 살펴보도록 하자. 글 제목과 내용 자체를 불러오는 것은 티스토리에서 치환자로써 제공한다. 다만, 확인하기 위해서는 실제로 티스토리 블로그에 우리가 만든 스킨데이터를 입혀야하는데... 일단 포스팅을 통해 알아보도록 하자.티스토리 글 제목, 글 내용 배치시키기.먼저, 우리가 티스토리에 글을 쓴다고 가정해보자. 카테고리를 선택하고, 글 제목을 입력하고, 본문과 태그까지 작성하는 일련의 과정을 떠올려보자. 우리가 HTML과 CSS로 만든 스킨 데이터는, 방금 전에 떠올렸던 모든 과정들을 포함할 수 있어야한다. 대체 어떻게 포함하는 것일까? HTML 코드 상에서 티스토리 글 제목과 글 본문을 대체 어떤 방식으로 불러오는걸까? 정답은 티스토.. 2018. 3. 29. #5. Bootstrap을 이용해서 블로그 상단바를 만들어보자. 이번 포스팅은 부트스트랩 서비스를 이용하는 방법에 대해 알아보기로 한다. 지난 포스팅에서 파워포인트로 필자가 원하는 스타일의 레이아웃을 구성하지 않았는가? 정말 그런 것들이 가능한건지, 블로그 상단바를 부트스트랩 서비스로 구현하는 방법을 알아보자. 부트스트랩으로 블로그 상단바 만들기부트스트랩이란 뭘까? 스킨 배포하는 블로그들을 보면 쉽게 접할 수 있는 Bootstrap, 먼저 그 개념부터 알아보도록 하자. 공식 홈페이지에서 설명하는 정의는 아래와 같다.http://getbootstrap.com/ 보다시피, World's most popular Front-end component library 라고 언급되어 있다. 세계에서 가장 유명한 프론트엔드 컴포넌트 라이브러리. 필자를 포함한 비전문가들을 위해 쉽게 .. 2018. 3. 28. #4. 티스토리 스킨 제작을 위한 HTML/CSS의 기본 이번에는 티스토리 스킨 제작에 필수적으로 알아야하는 HTML과 CSS에 대한 기본편이다. 기본편에서 시작해서 기본편에서 끝날 것이다. 필자도 전문적인 내용까지는 이해도가 부족하기도 하고, 그 정도 수준까지 요구하지 않는 수준에서 스킨 제작을 할 예정이다. 따라서 기본적인 수준만 잘 따라온다면, 끝까지 무사히 스킨 제작을 시도해볼 수 있을 것이다. 티스토리 스킨 제작을 위한 HTML / CSS 기본먼저 HTML과 CSS에 대한 정의부터 시작하자. 대체 HTML이란 말도 잘 모르겠다면, 현재 보고 있는 인터넷 창을 잘 생각해보자. 대체 어떤 코딩이 들어가 있길래 이런 인터넷 창이 뜨는것일까? 구글 크롬을 사용하는 사람이라면, "개발자모드" 라는 것을 통해서 인터넷 창을 꿰뚫어볼 수 있다. 크롬유저라면, CT.. 2018. 3. 16. #3. 웹 코딩을 위한 ATOM 에디터 및 패키지 설치 티스토리 스킨 제작은 웹코딩에 대한 기본적인 이해가 약간 필요하다. 약간이라면 약간이고.. 깊게 들어가면 또 한없이 깊게 들어가는데, 기초 중의 기초만 가지고 스킨을 제작해보려고 한다. 필자가 관련 분야 종사자가 아니기 때문에 전문적인 이해도도 없어서이기도 하지만, 간단한 스킨의 경우 깊은 내용까지 필요하지 않다고 생각하기 때문이다. ATOM 에디터 및 패키지 설치기본적으로 코딩을 한다는 것은 컴퓨터 언어로 무언가를 쓰는 행위를 말한다. 즉, 메모장 같은 곳에 TEXT 형식의 무언가 입력하게 되어 있다. 필자가 초등학교 시절, 방과 후 5명 남짓 듣던 코딩 수업에서는 메모장을 이용했다. 메모장에 프로그래밍 언어를 통해 코딩을 하고, 파일 형식을 변환하여 실행시켜보곤 했다.하지만 이번에 연재하는 스킨 제작.. 2018. 3. 16. #2. 파워포인트로 티스토리 스킨을 만들어보자. 일단 블로그 스킨을 만든다고 하면, 보통은 html과 css에 대해 공부를 해야겠다고 생각하지만... 시작부터 어려운 코딩만 보다보면 당연히 눈 앞이 캄캄해지고 지루해지는 법. 어쨌든 모든 디자인의 시작은 스케치가 아니겠는가? 그리고 스케치하면 가장 좋은 툴이 있다. 바로 직장인들의 친구, 파워포인트이다. 나는 기계공학을 전공했고, 3D 캐드프로그램도 다룰 줄 알지만 정작 회사에서는 피피티를 더 많이 사용한다. 블로그도 마찬가지로, 피피티부터 시작해보도록 하자. 파워포인트로 블로그 만들기파워포인트로 블로그를 만든다함은, 레이아웃 구성을 짜는 것을 말한다. 즉, 어디에 제목이 있고 본문이 있고, 댓글을 어디에 쓸지 등 위치 선정을 해야하는 것이다. 네이버 블로그의 경우, 정해진 레이아웃을 선택하고 그 틀에.. 2018. 3. 13. 이전 1 2 3 다음
