[ 질문 ] 반응형 웹 구현에대하여 ....... 정보
[ 질문 ] 반응형 웹 구현에대하여 .......
본문
거의 대부분
css + script ( ajax 포함 ) 로 구현하는것 같은데 ( 간간이 html5 넣고 )
제가 정확이 본건지....
추천
0
0
댓글 17개
거의 css라고 보심이 될듯합니다... 제 생각.... ^^;
저도 이것저것 테스트를 하고 있는데
반응형은 특히 위치등의 구성 때문에
css 가 가장 중요한것 같습니다
저도 이것저것 테스트를 하고 있는데
반응형은 특히 위치등의 구성 때문에
css 가 가장 중요한것 같습니다

예에...
모바일에 맞춘 후 PC 에 맞추라고 하는데
타이핑으로하는건 문제가 있는것 같고
툴을 찾아야 할것 같더라구요..
거의 막노동이라는 느낌이...
모바일에 맞춘 후 PC 에 맞추라고 하는데
타이핑으로하는건 문제가 있는것 같고
툴을 찾아야 할것 같더라구요..
거의 막노동이라는 느낌이...

요즘에는 쉽게 구축 가능하도록 반응형웹 플러그인이 많이 나와 있구요, CSS + JS가 가장 일반적이라고 보시면 될 것 같아요.

반응형 웹 플러그인이라시면...
Tile 과 같은 형태외엔 따로 있는걸 못찾아서...
방향 좀 부탁 드릴께요
Tile 과 같은 형태외엔 따로 있는걸 못찾아서...
방향 좀 부탁 드릴께요

http://minsup.kr 요 정도로 간단하게 만드신다면 css 정도로만 생각해도 되지만, 생각보다 간단치가 않은 것 같네요.
전진님 강좌가 최고죠. :)
http://sir.co.kr/bbs/board.php?bo_table=pb_lecture&sca=%EB%B0%98%EC%9D%91%ED%98%95%EC%9B%B9
전진님 강좌가 최고죠. :)
http://sir.co.kr/bbs/board.php?bo_table=pb_lecture&sca=%EB%B0%98%EC%9D%91%ED%98%95%EC%9B%B9

스크랩 해두었는데, 먼저 하나 만들어 보고
읽어 보려구요.....
읽어 보려구요.....

저도 만들어보고 읽어보려고 했는데, 읽어보고 만드는게 낫더라구요. 혹은 읽으면서 만들거나요. ㅠㅠ
시험 삼아 만들어보시는 거면 읽으면서 만드는 거, 프로젝트에 당장 쓰시는 거면 발췌를... 감히 추천드립니다.;;
시험 삼아 만들어보시는 거면 읽으면서 만드는 거, 프로젝트에 당장 쓰시는 거면 발췌를... 감히 추천드립니다.;;

지운아빠님의 말씀이 맞으세요....
그런데, 저는 혼자 샘플 질러보고, 깊게 파는 방향으로 가서요...ㅋ
그런데, 저는 혼자 샘플 질러보고, 깊게 파는 방향으로 가서요...ㅋ

3가지를 염두에 두고 만드셔야 합니다.
이미지
동영상
div
그런데 제가 벤지님을 무시하는건 절대 아니고, 벤지님이 front-end 쪽이 아니시라서 처음부터 모든걸 혼자서 짜시려면 css 에 대한 공부를 많이 하셔야 할거에요.
그리고 break-point 에 대한 이해도 있으셔야 하고.
제가 절대 뭘 빨리 catch 못하는 편이 아니라고 생각하는데 유튜브 동영상을 반응형으로 만드는걸 이해하고 직접 짜보는데 하루 종일 시간이 걸렸던 기억이 납니다. (이걸 제대로 짜는데 걸린시간이 jQuery 로 드랍다운 메뉴 짜는것 배우는 것 만큼 시간이 걸렸던 것 같습니다.)
http://getbootstrap.com/css/
부트스트랩이란건데, css 에 대한 이해력? 이 약간 딸리거나 css 전문이 아니신 분들은 거의 이런종류의 툴을 사용합니다. (시간절약)
부트스트랩은 grid 이라서 디자인에 제약이 약간/조금 오지만, 시간절약, 손쉬은 코딩 등의 잇점이 있습니다.
이미지
동영상
div
그런데 제가 벤지님을 무시하는건 절대 아니고, 벤지님이 front-end 쪽이 아니시라서 처음부터 모든걸 혼자서 짜시려면 css 에 대한 공부를 많이 하셔야 할거에요.
그리고 break-point 에 대한 이해도 있으셔야 하고.
제가 절대 뭘 빨리 catch 못하는 편이 아니라고 생각하는데 유튜브 동영상을 반응형으로 만드는걸 이해하고 직접 짜보는데 하루 종일 시간이 걸렸던 기억이 납니다. (이걸 제대로 짜는데 걸린시간이 jQuery 로 드랍다운 메뉴 짜는것 배우는 것 만큼 시간이 걸렸던 것 같습니다.)
http://getbootstrap.com/css/
부트스트랩이란건데, css 에 대한 이해력? 이 약간 딸리거나 css 전문이 아니신 분들은 거의 이런종류의 툴을 사용합니다. (시간절약)
부트스트랩은 grid 이라서 디자인에 제약이 약간/조금 오지만, 시간절약, 손쉬은 코딩 등의 잇점이 있습니다.

미국에서는 bootstrap 을 많이 이용하나 봐요?

미국 개발자들은 (최소한 제가 아는 front-end developer 들은) 작품을 하나 만들자, 이런 열정보다는, 쉬운게 좋은거고, 좋은게 쉬운거야 라는 마인드를 많이 가지고 있는 듯 합니다. (KISS 라고 합니다. keep it simple stupid 의 약자)
일주일에 4일 일할수 있으면 4일 일해야지 왜 5일 일을하냐? 라고도 합니다.
절대 건의 같은건 하지 않습니다.
그냥 그래픽/visual 부서에서 레이아웃 디자인 나오면 그대로 코딩해주고, 그걸로 끝.
telecommute (집에서 일하는 날) 은 그냥 딴일하고 게임하고 놀고....
그래서 디자인 나온걸 bootstrap 에 짜맞춰 넣을수 있으면 백퍼 그렇게 하죠. >.<
일주일에 4일 일할수 있으면 4일 일해야지 왜 5일 일을하냐? 라고도 합니다.
절대 건의 같은건 하지 않습니다.
그냥 그래픽/visual 부서에서 레이아웃 디자인 나오면 그대로 코딩해주고, 그걸로 끝.
telecommute (집에서 일하는 날) 은 그냥 딴일하고 게임하고 놀고....
그래서 디자인 나온걸 bootstrap 에 짜맞춰 넣을수 있으면 백퍼 그렇게 하죠. >.<

오....감사합니다.
bootstrap 과거에 사이트만 보고 넘겼는데
사이트부터 내용 대충 훓터보니,
많이 변했네요...^-^
외국애들이 너무 부럽습니다......ㅠㅠㅠ
bootstrap 과거에 사이트만 보고 넘겼는데
사이트부터 내용 대충 훓터보니,
많이 변했네요...^-^
외국애들이 너무 부럽습니다......ㅠㅠㅠ

아, 그리고 미국은 front-end 중 contractor 들이 정말 많습니다. 컨트랙터는 프리랜서하고 조금 다른 개념인데, 계약직이죠, 계약직. 계약직이 정말 많아요.
그래서 front-end 개발자들이 정말 심혈을 기울이는거는 자신들의 porfolio 입니다. 그걸로 계약 따서 계약직으로 들어가서 일해야 하니까.
자기들 포트폴리오는 정말 뭘 상상하든, 상상이상으로 진짜 잘 만들어 놓습니다. 가장 최신의 기법으로 여러가지 visual effect 을 넣고, 코딩도 정말 깔끔하게 해놓습니다. ㅎㅎㅎ
그거보고 고용주들이 뻑가죠. 그리고 시간당 60불에 계약 들어가고. ㅋㅋㅋㅋㅋ
일년에 반년만 일해도 잘먹고 잘살아요. ^^
그래서 front-end 개발자들이 정말 심혈을 기울이는거는 자신들의 porfolio 입니다. 그걸로 계약 따서 계약직으로 들어가서 일해야 하니까.
자기들 포트폴리오는 정말 뭘 상상하든, 상상이상으로 진짜 잘 만들어 놓습니다. 가장 최신의 기법으로 여러가지 visual effect 을 넣고, 코딩도 정말 깔끔하게 해놓습니다. ㅎㅎㅎ
그거보고 고용주들이 뻑가죠. 그리고 시간당 60불에 계약 들어가고. ㅋㅋㅋㅋㅋ
일년에 반년만 일해도 잘먹고 잘살아요. ^^

허헉~~~~~
한국에서는 꿈 같은 얘기네요.....ㅠㅠ
CShop2 님게서 말씀하시는 정보에
크게 도움이 되고 있어요...
감사합니다....(ㅡㅡ)(__)
한국에서는 꿈 같은 얘기네요.....ㅠㅠ
CShop2 님게서 말씀하시는 정보에
크게 도움이 되고 있어요...
감사합니다....(ㅡㅡ)(__)

많은 분들이 부트스트랩에 대한 동경을 가지고 있지만, 어떤 분 표현을 빌리자면 '너무 양키 감성'이라 부담스럽다고 하시더군요. ㅎㅎ

익스 7 8 9 10 크롬 사파리 파이어폭스 오페라 보고
이제는 갤시리즈, 옵티시리즈, 아이폰시리즈, 베가시리즈
등의 스마트폰 사이즈와 규격까지 고려해야 하는건가요 ㅠㅠ??
이제는 갤시리즈, 옵티시리즈, 아이폰시리즈, 베가시리즈
등의 스마트폰 사이즈와 규격까지 고려해야 하는건가요 ㅠㅠ??

