이문의 코딩운동

안녕하세요. 이문입니다. 다음 내용이 늦어졌습니다. 이유는 작업했던 파일을 모르고 삭제한 모양입니다. 그리고 현재 개발중인 웹서비스가 있어서 동시에 진행하기에 어려움이 있었습니다. 스킨 제작 시리즈를 이제 우선으로 할까 합니다. 그럼 이제 내용 시작하겠습니다. 반응형으로 작업하기 위해서는? 우선 반응형으로 작업하는 이유는 구글 SEO에 좋은 영향을 주기 위해서 라고 저는 생각합니다. 구글 SEO에 반응형웹은 모바일 친화적이라는 추가 점수가 있다고 생각됩니다. 서치콘솔에서도 보았던 것 같군요. 그래서 반응형으로 작업하기 위해서 먼저 해야 할 일은 바로 "모바일 화면 레이아웃 정하기" 입니다. 먼저 모바일을 작업해야만 반응형을 짜기 쉽기 때문인데요. 오늘 간단하게 모바일 화면을 구상해 보겠습니다. 사진과 같..

안녕하세요. 이어서 HTML 을 만들어 보겠습니다. 하기전에 CSS 파일의 내용을 아래 링크 내용과 같이 해주시기 바랍니다! https://e-moon.tistory.com/6 우선 정말 가장 기초적인 부분을 작성했습니다. 저는 이번에 반응형웹으로 만들어 보기 위해서 viewport 라는 것을 추가해 보았습니다. 그리고 우리가 알아야할 것이 있습니다. 바로 티스토리 블로그 공통 치환자인데요. 티스토리의 치환자는 그룹치환자, 값치환자의 2가지 형태를 가지고 있습니다. 그룹치환자는 내부에 스킨 데이터를 포함하며 렌더링된 값으로 변환됩니다. 값치환자는 해당하는 값으로 변환됩니다. 그룹치환자: , 값치환자: , , 위와 같은 예시로 가장 기본적인 치환자인 를 추가해 보겠습니다. 달라진 것이 없어 보일 수 있습니..

오늘 티스토리 블로그 스킨 제작을 해보려고 작업 중입니다. 우선 작업을 하기에 앞서 무엇이 필요한지 알아보고 시작해 보겠습니다. 우선 프로젝트를 생성할때 위와 같은 경로에 맞게 만드는 듯 하네요. 생성해야 할 파일들이 잘 정리되어있어서 한눈에 보기 좋았습니다. 우선 프로젝트를 생성해 보겠습니다. 티스토리 블로그는 에디터를 사용할 수 없기때문에 프로젝트를 생성후에 편집하면서 만들어 보겠습니다. 위 이미지에 있던 프로젝트에 맞춰 만들고 이 폴더를 티스토리 스킨으로 등록해 보겠습니다. 위에 등록을 누른 다음 추가 버튼을 눌러 위에 만들어 놓은 파일들을 다 넣어주시면 됩니다. 저장을 누르시면 스킨의 이름을 넣어주시고 저장하시면 스킨 변경목록에서 확인하실 수 있습니다. 스킨 보관함에 새로 추가된 스킨을 보겠습니다..