퍼블리싱팁
-
[css] 패딩과 마진의 차이퍼블리싱팁 2017. 5. 29. 13:50
웹퍼블리싱에서 패딩(padding)과 마진(margin)은 필수 요소이며 가장 많이 사용 됩니다. 따라서 비슷하지만 다른 패딩과 마진의 대한 이해가 꼭 필요 합니다. 예를 들어 다음과 같이 css 를 적용했다고 가정 합니다. padding:20px;margin:20px;border:1px solid #fff;display:inline-block;width:200px;height:200px; html에는 다음과 같이 적용됩니다. 패딩(padding)은 div 요소 안쪽에 공간을 만들며, 마진(margin)은 요소 밖에 공간을 만듭니다. 따라서 패딩을 사용한 경우 div의 가로 세로 크기 200px 보다 영역이 커지며, 마진을 사용한 경우에는 div의 가로 세로 크기는 200px 그대로가 되는것 입니다. 또..
-
모바일웹 수정 반영 안될때 대처법 (스마트폰)퍼블리싱팁 2017. 3. 30. 08:30
홈페이지 및 쇼핑몰을 운영하다 배너 및 스타일(css)를 수정했는데 수정한대로 안보여질때가 있습니다. 이유는 캐시 때문인데 스마트폰으로 모바일웹을 방문하면 우리는 느끼지 못하지만 임시파일(캐시) 형태로 이미지나 스타일(css)가 저장됩니다.그래서 다음에 재방문할때 보다 빠르게 열리는 것 입니다. 하지만 변경전 파일이름이나 변경후 파일이름이 같아서 수정된 것을 스마트폰이 인식하지 못할때가 있습니다.시간이 한참 지나면 자연스레 수정된 것으로 반영하지만 당장 수정을하고 정상적으로 수정되었는지 확인하기엔 불편합니다. 이럴땐 캐시를 삭제하여 바로 수정된 내용을 확인하실 수 있습니다. 가장 많이 사용되는 모바일 브라우저 크롬과 네이버앱을 대상으로 설명드립니다. 1. 크롬 캐시 삭제 하기 1. 우측 상단에 설정 버튼..
-
홈페이지 css(스타일) 및 이미지 변경 안될때 대처법퍼블리싱팁 2017. 3. 20. 11:30
보다 유연한 홈페이지 관리를 위하여 코딩 및 파일을 직접 수정, 보완을 많이 합니다. css(스타일) 파일 내용을 수정하거 이미지를 새로 만들어 동일한 이미지로 업로드하여 덮은 경우 종종 홈페이지에서 변경한대로 보이지 않을때가 있습니다. 이유는 캐시 때문입니다. 컴퓨터로 홈페이지를 방문하면 우리는 느끼지 못하지만 내 컴퓨터에 임시파일(캐시) 형태로 css (스타일) 및 이미지 파일이 저장됩니다. 이후 같은 홈페이지를 방문할때 내 컴퓨터에서 가져올수 있는 css 및 이미지 파일이 있다면 그것을 가져와 빠르게 홈페이지를 엽니다. 위와 같은 기능은 모든 웹 브라우저에 있습니다. 그러나 간혹 변경전 파일이름이나 변경후 파일이름이 같아서 수정된걸 웹 브라우저가 인식하지 못하여, 내 컴퓨터에서 임시파일(캐시)을 가..