AI•SW 개발이야기

이전에 포스팅한 Html구조를 이용해서 레이아웃을 만들어 보겠습니다. 연습용으로 개설한 티스토리 블로그 (https://hijingjingpractice.tistory.com/) HTML 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 CSS 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 /* @charset "utf-8" html { 기본 문서 margin : 0; 마진 제거 padd..

오늘은 기본적인 Html 구조를 한 번 살펴볼게요. 복잡하지 않으니 금방 이해가 될 겁니다. 대략 위와 같은 스킨을 제작한다고 했을 때 필요한 코드는 이렇습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 cs 물론 CSS를 설정해서 위치도 잡아줘야 되고 모양도 다듬어야겠지요. 그러나 그전에는 위에서 아래로 내려오는 하나의 문서와도 같은 겁니다. 다른 사이트는 복잡할지 모르겠지만, 기본은 크게 다르지 않을 거라 생각합니다. 자. 이러면 저희는 배워야 할 건 얼마 되지 않습니다. 거창한 웹사이트를 만드는 게 아니라 직접 사용할 간단한 스킨만 만들면 되니깐요. 특히 티스토리 같은 경우에는 치환자라는 스킨 가이드를 지원합니다. 어떤 글을 작성하면..

오늘은 비가 내려서 찝찝하네요. 이럴 땐 컴퓨터 앞에 시원하게 앉아있는 게 복입니다. 그렇게 되는날을 기약하며 오늘은 스킨 작업하기 전에 기본 준비부터 해볼게요. 기본으로 티스토리 관리에서 스킨편집 툴을 제공합니다. 블로그관리 홈 > 꾸미기 (스킨 편집) > Html편집 저희는 초보고 기초지식도 없는데 많은 코드를 적용하기는 하늘의 별따기입니다. 간단한 Html 코딩도 / 기호 하나로 엉망이 되는 경우가 허다하니깐요. 코딩을 한 번에 하는 분은 기본 편집으로 되겠지만 저희는 아니니깐 옆에서 도와줄 편집 툴부터 설치합니다. 기본적인 Html편집과 CSS만 도와주면 되니깐 익숙한 툴이 있으시면 그걸 사용하셔도 됩니다. 저는 Atom (https://atom.io/) 이라는 프로그램을 준비하겠습니다. 각자 자..

인터넷을 검색하다가 한 번씩 눈이 가는 정보나 기사가 있습니다. 무심코 지나치는 경우가 많고 나중에 확인해야지 대부분 잊어버리기 일쑤입니다. 몇 개월 전에 윈도우7 지원이 종료된다는 기사를 봤습니다. 그리고 여느때처럼 잊어버리고 지내다가 최근에 다시 보게 되었습니다. Windows 7 지원이 2020년 1월 14일 자로 종료됩니다. 마이크로 소프트 홈페이지에서 찾을 수 있는 내용입니다. 아마 누군가는 신경 쓰지 않을 것이고, 누군가는 윈도우10 업그레이드 방법을 찾겠지요. 그리고 결국에는 구입을 하게 될 겁니다. 구입하지 않고 현재 윈도우 버전을 계속 사용한다면? 지원이 종료되더라도 정상적으로 사용할 수 있습니다. 소프트웨어나 보안 업데이트의 지원을 받을 수 없습니다. 최신 보안 문제 (바이러스, 멜 웨..

첫 포스팅 내용을 고민하다가 생각난 내용은 이겁니다. "배운 것을 티스토리에 포스팅할 예정이니깐 스킨부터 어떻게 한번 건드려보자!" "IT 블로그를 운영하는 사람이 HTML을 제대로 구성 못해서 되겠나!" "나만의 블로그를 처음부터 차근차근 만들어가자!" 네.. 보시는 바와 같이 실패입니다. 티스토리에서 제공해주는 기본 반응형 스킨을 적용 중입니다. Html과 CSS의 배움이 짧기도 했거니와 치환자도 적응을 못해버렸습니다. Html을 편집해서 아래처럼 기본적인 레이아웃을 3단형으로 만들기는 했습니다. 레이아웃까지는 무난하게 진행되었는데 내용 부분에서 문제가 생겼습니다. 검색창과 내용이 동시에 표시되거나 포스팅 내용이 끝나면 다음 포스팅 내용이 바로 보이는 겁니다. 여기서 막혔습니다... 티스토리 스킨의 ..