메인 공지사항 기능소개 매뉴얼     TEST BOARD : [1]  [2]  [3]  [4]  [5]
내용없음9
내용없음10
      COMMUNITY
자유토크

주제토론,포럼

정보공유




성님들 안녕들 하신게요?
 community
커뮤니티 > 자유토크
특별한 주제가 없어도 자유롭게 이야기 글을 올릴수 있는 게시판입니다.
비방글, 광고글, 저작권있는 자료등은 금지합니다.
글쓴이 카스랑
ㆍ추천: 0  ㆍ읽음: 263      
ㆍ2017-11-10 (금) 00:15
  성님들 안녕들 하신게요?
다름이 아니오라

모바일홈과
반응형웹중에서
반응형이 좋아요
모바일홈이 조아요?

무식해서 송구해요 테크성님들


반응형 웹(RWD, Responsive Web Design)
하나의 페이지가 유동적인 레이아웃으로
PC, 모바일, 태블릿 등 다양한 기기의
디스플레이 해상도에 맞추어 구성되는 웹 기술을 일컬어요.
반응형 웹은 % 단위를 사용하여 각 디자인의 폭에 유동적으로 반응하여
컨텐츠의 크기가 커지고 줄어든답니다.

적응형 웹(AWD, Adaptive Web Design)
정해진 해상도에 맞춰서 제작한 내용에 따라
화면이 구성되는 기술이랍니다.
즉, 브라우저가 미리 정해놓은 범위 사이즈에 속하여
그에 따라 레이아웃이 맞춰져서 보이는 것이에요.
적응형 웹은 PX 단위를 사용하여 정해진 해상도에 적응한 형태로
화면에 표현된답니다!

반응형 웹은 어떤 기기에서든 큰 불편 없이 브라우저를 볼 수 있지만
신상품을 수시로 업데이트 해야 하는 쇼핑몰처럼
방대한 정보를 보여주는 웹사이트는 불편할 수도 있어요.
반면에 적응형 웹은 레이아웃과 디자인에 자유롭지만
모든 기기의 화면에 맞추기는 어렵답니다!


공감하시나요?

       
 이름아이콘 카스랑
2017-11-10 00:30
공부해서 개주자

반응형 디자인은 화면의 크기에 따라서 CSS가 다른 디자인을 적용하는 것인데요. 이 반응형 디자인을 구현하기 위한 핵심 기술이 CSS의 미디어 쿼리입니다. 미디어 쿼리를 사용하는 방법과 이것을 레이아웃에 응용하는 방법을 수업으로 만들었습니다. 반응형 디자인 어렵지 않습니다. 꼭 라이브러리에 의존하지 않아도 많은 것을 할 수 있어요.
https://opentutorials.org/module/2367/13517
   
 이름아이콘 휘앙새
2017-11-10 00:55
반응형 웹이 좋기는하죠.  여러가지 기능구현할때도 좋고요. 방대한 정보를 담는 사이트도 상관없어요. 단지 모바일은 크기에 따라 보여져야 하기때문에 반응형 레이아웃(스킨)을 PC용과 모바일용으로 나누어져 작업하는게 낫습니다.   모바일에서 구현하면 좋은 소스들이 많으므로 나누어서 사용하면 좀더 발전된 사이트를 만들수 있습니다.
카스랑 앞으론 모바일중심에서 컴으로 가는 적응으로
그런것이 대세란 생각을 지울 수 없습니다
11/10 01:45
카스랑 이모든게 스티브 *놈의 덕
아인시타*처럼
11/10 01:46
카스랑 이제 개나 소나 쥐도 닭도 손에 컴을 들고 다니기에
변별력이 약화된 세상
11/10 01:47
휘앙새 그렇죠, 모바일은 반응형으로 갈 수 밖에 없죠 11/12 19:07
   
 이름아이콘 작은소망
2017-11-10 09:18
카스랑님 반응형 참 간단하지가 않지요.
테크노트도 새로운 버전에서 이 부분도 반영되었으면 좋을텐데요.
어려운 작업이라 쉽지는 않겠지만요.
카스랑 정확히 손이 많이간다는 건가요?
어렵다기보다 복잡다단하다는 정도요?
11/10 19:46
   
 이름아이콘 근영사랑
2017-11-11 22:06
물론 반응형이 좋지요.
만드는 입장에서는 어렵겠지만 고객의 만족도는 반응형이 좋을겁니다.
카스랑 어쩌면 고객입장에서는 어떤식이건 잘 모르지 않을까요?
공급자 입장에서의 차이??
11/16 05:34
   
 이름아이콘 아이케
2017-11-13 09:21
올해 중반까지 반응형 하다가...
(손이 많이 가니까 시간도 걸리고 단가도 올라가고 하다보니...)

그냥 PC는 PC용, 모바일은 모바일용으로 갈아타려 합니다^^;;;
카스랑 따로방식이 향후 대세가 될까요?
아니면 간편해진 반응형2 버전으로?
11/16 05:33
아이케 대세는 모르겠습니다.
근데 제 고객분들은 반응형을 찾으시는 분들이 10명중 한명정도...?
PC보다는 모바일용을 원하시는 분들은 다수였습니다 ㅎㅎ
11/16 09:42
카스랑 폰웹을 컴웹이 맞추어 따라가야 하는 상황정도일까요?
대세는 폰웹UX죠 ?
네이티브웹투 하이브리드웹 그죠?
11/20 14:29
   
 
  0
3500
FILE #1 .
FILE #2 .
FILE #3 .
FILE #4 .
FILE #5 .
FILE #6 .
FILE #7 .
FILE #8 .
FILE #9 .
FILE #10 .
   
3385 2018년 추석맞이 기념곡 카스랑 2018-09-22 3
3384 '코인 억만장자' 아리엘 루디 "블록체인은 차세대 인터넷" [5]+4 소망의힘 2018-09-17 70
3383 부산에 왔습니다. [4]+2 TECHSTAR 2018-09-14 72
3382 드디어 부동산 홈페이지가 완성되었습니다. [10]+11 콜라~ 2018-09-11 140
3381 다시 흝어보는 유보드.. [4]+6 TECHSTAR 2018-09-03 162
3380 약관에서 부터 오류나는데 ... [2] 헤르 2018-08-28 83
3379 iexplore 에서 유튜브 동영상 삽입 초간단 해결하기 [5] 스카라베 2018-07-29 183
3378 블록체인교육을 이수하고나서.. [3]+4 TECHSTAR 2018-07-23 149
3377 혹시나 산업용 회사 홈페이지 계획하시는 분? [3] 니사누 2018-07-05 217
3376 모바일 웹을 소홀히 하신다면... [2]+3 신홍 2018-07-04 189
3375 html5 반응형 테크노트 [6]+3 규원 2018-07-04 252
3374    Re..html5 반응형 테크노트 [2]+5 스카라베 2018-07-07 233
3373 오늘은 블록체인교육 면접일 [6]+4 TECHSTAR 2018-06-18 153
3372 레이져 커터기기가... [2]+2 TECHSTAR 2018-06-17 131
3371 html5용 테크노트 에디터 [3]+6 규원 2018-06-16 196
3370 [보안] 악성코드를 포함한 png 파일을 확인해 보세요. [3] 근영사랑 2018-06-04 178
3369 어느샌가 4차산업을 접하고 있는.. [3]+3 TECHSTAR 2018-05-31 151
3368    샘플로 만들어본것입니다. [5]+1 TECHSTAR 2018-06-04 159
3367 어제 아이케님 세종 출장 오셧는데.. [1]+6 신홍 2018-05-29 150
3366 이니시스 결제모듈... [5]+4 근영사랑 2018-05-09 182
12345678910,,,170