스타일 요소값을 클래스나 아이디로 넣어 놓고 쓰면 > 자유게시판

자유게시판

스타일 요소값을 클래스나 아이디로 넣어 놓고 쓰면 정보

스타일 요소값을 클래스나 아이디로 넣어 놓고 쓰면

본문

.left{float:left;}

.pos_a{position:absolute;}

.wid20{width:20px;}
.wid50{width:50px;}
.wid120{width:120px;}
.wid200{width:200px;}
.wid270{width:270px;}
.wid575{width:575px;}

 

이렇게 지정해 놓고 가령  <span class="top left">iphone4</span> 이렇게 쓰면 좀 후루꾸 같을 까요? 종종 다른 사이트들 보면 이렇게 쓰는 경우도 있어 편리하다 싶어 도입하려고 보니 영 후루꾸 같다는 생각도 들고...

왜 하다보면 급작스레 자주 써야하는 값들이 있긴 하죠? 

추천
0
  • 복사

댓글 35개

그렇기는 한데 네이밍이나 요소 기입 순서나 이런 부분 예민하게 따지는 사람들이 실제 많더라구요. 참 힘들게들 산다 싶기도 하고 달리 생각하면 표준은 있어야 서로 편하지 않나 싶기도 하고....ㅎㅎㅎ
https://jsbin.com/hebirit/1/edit?html,js,output

전에 비슷한 고민의 끝으로 구상했던 css.js 입니다 ^^
뭐 만들다가 말긴 했지만 말이죠 나중에 제가 빌더를 만들면 사용할지도 모릅니다. ^^
이런 생각들 다들 조금씩은 있으신 부분인가보네요. 오전에 public.css라고 한장 만들어 놓고 생각하니 아무래도 좀 심하다 싶어서 물었네요. 즐점들 하세요. 저는 미역국이나 만들어 먹어야겠습니다.
미역구는 어딜까요?  요즘 재가 오타를 많이 내고 있네요....ㅎㅎ

저는 별로 좋아 하지 않았는데 요즘은 많이 땡기네요.
이미 돌아오지 못 할 강을 건넌 일이 되었네요. 150개 정도 되는데 저기서 딱! 30개정도만 추려 쓰려구요.ㅎㅎㅎㅎㅎ
편해서 그냥 쓰다가 보니 관리를 해야겠다는 생각이 들 정도로 많아지더라구요. 제 이번 경우는 아주 심해서 다 열어 보여드리면 "너 왜그러고 살지?"라는 생각이 들 정도랗ㅎㅎㅎㅎ
정리해서 쓰시려면(?!) Sass 같은거 쓰시면 되지 않을까요? ㅡ,. ㅡ?
함수,변수 같은거 사용이 가능하니.. (저도 할줄 모르면서 하는소리 ㅋㅋ)
저도 수준대로 제작하면 아직 table, tr, td 해가며 스타일 들여쓰기 해야 맞아요.ㅎㅎㅎㅎ 자꾸 써 봐야 눈에도 익고 손에도 익겠지 해서 그냥 따라다니는 거죠.
sass보단 less를 추천드립니다.
less는 간단하게 디코딩 가능한 디코더 js가 있어서 매번 인코딩을 하지 않아도 되고
개발이 끝난후 한번에 인코딩을 할 수 있는 편의성이 있습니다. (라고 생각합니다.)

http://lesscss.org/
저의 경우는 시인성 > 편의성 > 원칙 순으로 작업하는 편인데요.  그중 최우선인것은 '머니' (돈받고 만들어주는 사이트를 우선으로) 입니다.^^
그러고 보면 아주 오래전 그때가 좋았다는 생각이듭니다. 그때의 웹은 테이블이 전부여서 정말 관대했었죠. 묻지도 따지지도 않고 body 밑줄에는 table을 넣고 시작했으니ㅎㅎㅎㅎ
근데 sass나 less도 어차피 webpack이나 grunt 같은 자동화빌드도구를 같이 쓰면 컴파일의 불편함은 해결되는 거 아닌가요? 그래서 저게 less만의 장점은 될 수 없을 것 같긴한데... (전 sass 쓰고 있는데 less는 안써봤어요~)
아주 오래전에는 이쪽 공부가 그리 대단하게 느껴지는 분량이 아니었는데 어느 순간 문어발처럼 가지수가 늘어 나더니 이제는 다 열거하기조차 힘든 그런 학문이 되었더라구요. 그냥 필요에 의해 그것만 가져다 쓸 밖에요.
© SIRSOFT
현재 페이지 제일 처음으로