css 코딩, 어떻게 하고들 계신가요.
- .wrap{width:1000px; border:1px solid #000}
- .wrap{
width:1000px;
border:1px solid #000;
}
작년까지 1번으로 했었는데 올해 2번으로 해보니, 다시 1번으로 해야겠다는 생각이 듭니다.
댓글 24개
LaRuota
11년 전
보편적으로 큰 업체들의 코딩컨벤션에서 추천하고 있기도 하고
저도 개인적으로는 1번을 선호합니다만...
css 줄구분 조금 한다고해서 어마어마하게 사이트에 영향을 주는것도 아니고,
작업자 본인이 편하다면 2번코딩도 나쁘지 않다 생각해요... ~ _ ~
물론 늘어나는 엄청난 line은 감안하셔야겠지만요..
저도 개인적으로는 1번을 선호합니다만...
css 줄구분 조금 한다고해서 어마어마하게 사이트에 영향을 주는것도 아니고,
작업자 본인이 편하다면 2번코딩도 나쁘지 않다 생각해요... ~ _ ~
물론 늘어나는 엄청난 line은 감안하셔야겠지만요..
11년 전
네, 해보니 2번이 생각보다는 불편해서 다시 1번으로..
11년 전
둘다 써봤는데 지금은 2번방식으루 씁니다
11년 전
css2.1 명세는 1번으로, css3 명세는 2번으로 쓰고 있습니다. 너무 길어요.
11년 전
머리가 지근거리네요. -.-a
lainfox
11년 전
저랑 같으시네요 :D
가브가있넹
11년 전
음.. 2번에서 1번으로 다시가시는 이유는 왜인가요? (궁굼)
저는 대부분의 경우에 2번으로 작성합니다.
혼자 프론트단을 모두 담당하게되더라도 후에 다른사람이 유지보수 할 경우 1줄 코드의 경우 가독성이 매우 떨어지게되고,
팀단위로 진행하게 될 경우에는 더욱이 코멘트와 가독성처리가 필수기때문에..^^;
개인적으로는 딱하나의 이슈인 CSS 압축률 저하말곤 떠오르지 않는데, 이부분은 어차피 서버단에서 압축한뒤 브라우저에게 보내서 렌더링하게 만드니까 무관하기때문에..
저는 대부분의 경우에 2번으로 작성합니다.
혼자 프론트단을 모두 담당하게되더라도 후에 다른사람이 유지보수 할 경우 1줄 코드의 경우 가독성이 매우 떨어지게되고,
팀단위로 진행하게 될 경우에는 더욱이 코멘트와 가독성처리가 필수기때문에..^^;
개인적으로는 딱하나의 이슈인 CSS 압축률 저하말곤 떠오르지 않는데, 이부분은 어차피 서버단에서 압축한뒤 브라우저에게 보내서 렌더링하게 만드니까 무관하기때문에..
11년 전
익숙하지 않아서 그런가봅니다.
반 년쯤 했는데도 적응을 못하는 멍청두뇌인것 같아요.ㅜㅜ
반 년쯤 했는데도 적응을 못하는 멍청두뇌인것 같아요.ㅜㅜ
돼지코구뇽
11년 전
1번이 간결하고 찾기 쉬워요; css보기 해서 복사한다면 정렬시켜줘야되는것도 좀 있지만.. 1번이 깔끔하고 간결해요 ㅎ
11년 전
찾기 쉽다는 점 동감합니다.
11년 전
음 전 두가지 썩어 사용합니다.
부모는 주로 2번
자식은 1번
그러면 찾아보기가 쉬워서..
부모는 주로 2번
자식은 1번
그러면 찾아보기가 쉬워서..
11년 전
이렇게도 구분하는군요.^^
2번으로만 하면 찾는게 어렵긴 하더라구요.
2번으로만 하면 찾는게 어렵긴 하더라구요.
nanati
11년 전
전 2번에 익숙해져있어서 2번;; 1번으로 해놓은건 보기가 힘들어요 ㅠ
11년 전
찾기가 쉽거나, 보기가 쉽거나.
이런 차이군요.
이런 차이군요.
11년 전
요즘 보면 다 2번으로 되어 있어서 그런지 2번이 더 익숙하네요
11년 전
역시 익숙한걸로 해야 좋더라구요.
kiplayer
11년 전
저 같은 경우는 1번과 2번을 써야 하는 경우가 있습니다.
주로 1번을 사용하지만, 예를 들어 배경색상에 그라디에이션을 할 경우 배경색상 지정부분을 크로스브라우징을 위해 4~5줄 써야 하는데 이 경우 1번으로 표현하면 나중에 작업하기 불편합니다. 그래서 이럴때만 2번을 사용합니다.
간단하게 주로 1번을 사용하되 크로스브라우징을 위해 wekit 등을 사용 할 경우 2번을 사용
주로 1번을 사용하지만, 예를 들어 배경색상에 그라디에이션을 할 경우 배경색상 지정부분을 크로스브라우징을 위해 4~5줄 써야 하는데 이 경우 1번으로 표현하면 나중에 작업하기 불편합니다. 그래서 이럴때만 2번을 사용합니다.
간단하게 주로 1번을 사용하되 크로스브라우징을 위해 wekit 등을 사용 할 경우 2번을 사용
11년 전
넣을게 너무 많으면 확실히 불편하긴 해요.
지금은 moz webkit 등이 사용되는 부분만 따로 1줄로 넣고 있습니다
지금은 moz webkit 등이 사용되는 부분만 따로 1줄로 넣고 있습니다
11년 전
개인적인 가독성은 2번이 더 편해서 사용하고 나중에 정리할때 1번으로 돌립니다.
11년 전
가독성은 확실히 2번이 좋은것 같습니다.
그런데 처음부터 사용하던 방식이 아니다보니 익숙하지 않아서 어렵더군요.
그런데 처음부터 사용하던 방식이 아니다보니 익숙하지 않아서 어렵더군요.
11년 전
1번이 ..더낫던데 ...너무 길어지면 중간중간에 2번 같이 써요~~
11년 전
익숙한 방식으로, 상황에 맞게 하는게 좋겠군요.
10년 전
저는 간단한css같은 경우는 1번으로 표기하고 줄이 길어질꺼같다 하면 2번으로 작성하는 편입니다..
mwdkim
10년 전
저도 1번으로 써요 ㅋㅋ 2번으로 쓰니깐 더 헷갈리는것같던뎀
게시글 목록
| 번호 | 제목 |
|---|---|
| 26573 | |
| 7309 | |
| 19780 | |
| 7306 | |
| 28025 | |
| 28020 | |
| 28010 | |
| 7304 | |
| 7302 | |
| 7295 | |
| 7292 | |
| 7287 | |
| 19779 | |
| 7284 | |
| 7279 | |
| 7278 | |
| 28009 | |
| 31753 |
그누보드5
그누보드5 강좌 - 갤러리스킨 만들기
|
| 31752 | |
| 7274 | |
| 31751 | |
| 31750 |
그누보드5
그누보드5 강좌 - 네비게이션적용하기
|
| 31749 |
그누보드5
그누보드5 강좌 - 네비게이션적용하기
|
| 31748 |
그누보드5
그누보드5 강좌 - 스킨적용하기
|
| 30979 | |
| 31747 |
그누보드5
그누보드5 강좌 - 홈페이지만들기 실전#2
|
| 28004 | |
| 31745 |
그누보드5
그누보드5 강좌 - 홈페이지만들기 실전
1
|
| 7267 | |
| 7261 | |
| 31742 |
그누보드5
그누보드강좌 샘플
2
|
| 7256 | |
| 19776 |
node.js
mysql 연결 방법 2가지
2
|
| 24650 | |
| 7252 | |
| 7248 | |
| 28002 | |
| 19772 |
JavaScript
한글로 된 숫자를 아라비아 숫자로 변환
3
|
| 7245 | |
| 19770 | |
| 19769 | |
| 30975 | |
| 7243 | |
| 7236 | |
| 28001 | |
| 27994 | |
| 7233 | |
| 7232 | |
| 19768 |
jQuery
제이쿼리로 이미지 회전 시키기
|
| 19765 |
jQuery
구형 익스에서 HTML5 적용시키기
2
|
| 19763 |
jQuery
특정 레이어 높이 100% 잡는 법
1
|
| 30974 | |
| 7224 | |
| 19761 |
jQuery
모바일 해상도에 맞게 이미지 출력
1
|
| 24645 | |
| 19760 | |
| 19758 |
jQuery
제이쿼리를 이용하여 동영상 재생
1
|
| 19757 | |
| 19754 | |
| 19753 |
jQuery
브라우저 상단에 고정 시키는 제이쿼리 소스
|
| 19752 | |
| 19751 |
PHP
php 에러 출력하기
|
| 7223 | |
| 7216 | |
| 7213 | |
| 31741 |
AngularJS
AngularJS 강좌 9. HTML DOM
|
| 19750 |
jQuery
1원팁] css에 hover효과를 제이쿼리로
|
| 19749 |
JavaScript
1원팁]알고 있음 좋은 자바스크립트 함수
|
| 19748 |
jQuery
제이쿼리 기본 효과 메소드
|
| 31740 |
AngularJS
AngularJS 강좌 8. SQL
|
| 31739 |
AngularJS
AngularJS 강좌 7. Tables
|
| 31738 |
AngularJS
AngularJS 강좌 6. XMLHttpRequest
|
| 7208 | |
| 31737 |
AngularJS
AngularJS 강좌 5. Filters
|
| 30967 | |
| 31736 |
AngularJS
AngularJS 강좌 4. Controllers
|
| 7205 | |
| 30965 |
HTML
팁]모바일에서 전화 걸기
1
|
| 30963 | |
| 19747 | |
| 19746 |
기타
viewport 사용
|
| 19745 | |
| 19744 | |
| 19742 | |
| 7193 | |
| 7191 | |
| 31735 |
AngularJS
AngularJS 강좌 3. Directives
|
| 19741 |
jQuery
무한 스크롤 (이미지 갤러리용)
|
| 19740 |
PHP
[알고리즘] 하노이의 탑
|
| 19739 | |
| 7188 | |
| 27986 | |
| 31734 |
AngularJS
AngularJS 강좌 2. Expressions
|
| 31733 |
AngularJS
AngularJS 강좌 1. Introduction
|
| 31732 |
AngularJS
AngularJS 강좌 0. Home
|
| 7186 | |
| 19738 | |
| 19736 |
JavaScript
[알고리즘] 스택(stack)을 이용한 간단 계산기
1
|
| 7180 | |
| 7165 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기