본문 바로가기

카페24 스마트디자인 공백 문제

by 식 2017. 12. 14.

최근에 카페24 쇼핑몰 작업했던 일이 굉장히 많았는데

로컬에서 한번 작업한후 반영하는 경우가 많아서 막상 적용해보면 레이아웃이 깨져있었다.

이유를 찾아보니 소스에 내가 넣지도 않은 &nbsp로 화이트스페이스가 계속 들어가 있었다

첨엔  하나씩 이어붙이다가 토할뻔하고 이것저것 해보다가 그냥 VS Code + minify로 코드를 압축해서 쓰기로 했다

아니 애초에 자기들도 디비나 파일에서 들고와서 뿌리는걸텐데 코드 압축해서 뿌려줘도 되지 않나 싶기도 한데 으어.


1. VS Code를 받아서 설치 -> Minify 플러그인 설치


2. 동일한 폴더에 생성되는 [파일명].min.htm을 열어서 '> <' 에서 '><'로 찾아바꾸고 해당 소스를 에디터에 붙여넣기


3. 압축 해제는 auto formatting기능을 이용한다.

  • On Windows Shift + Alt + F
  • On Mac Shift + Option + F
  • On Ubuntu Ctrl + Shift + I

한줄로 보기는 사실 불편해서 압축해놓고도 preserveLineBreaks세팅해놓고 여러줄로 하면 안될까 싶어서 해봤지만 안됐다. ㅜㅜ

자바스크립트 변수명 바뀌는 세팅도 있었는데 막고싶은 분은 따로 설정 해두시는걸 추천..


스마트디자인은 한눈에 보기는 좋지만 사실 개발을 목적으로 작업하기는 굉장히 부적합하다..(돈도 잘벌면서 웹IDE 좀 보고 잘 좀 만들지)

intellisense나 emmet이 없어서 작업이 힘들고 syntax highlight도 auto formatting기능도 안되면 보기 답답하다 ㅜㅜ..

요즘에야 개발은 jetbrain계열로 쓰고 있지만 역시 간단한 퍼블리싱 작업은 vs code로 하는걸 추천한다.



반응형

'' 카테고리의 다른 글

CSS Grid Changes EVERYTHING  (0) 2018.02.03
엔진코인 스캠인듯하다  (17) 2017.12.30
런치패드에서 지워지지 않는 앱 삭제하기  (0) 2017.12.06
웹개발자 로드맵  (0) 2017.11.20
개발자에게 유용한 뉴스,블로그 사이트  (0) 2017.08.10