반응형 웹 제작전에 알아야 할 8가지 유의점!! 그리고 장단점 까지! Responsive Web Tip 8

  Рет қаралды 32,935

리베하얀

리베하얀

Күн бұрын

Пікірлер: 70
@dongdong.2
@dongdong.2 Жыл бұрын
적응형웹과 반응형웹에 대해서 1도 모르고 홈페이지를 만들어보려고 했네요.좋은 정보들을 알려주셔서 정말 감사합니다 !
@rebehayan
@rebehayan Жыл бұрын
도움이 되셨다니 감사합니다😊🖐️
@Yeorum0815
@Yeorum0815 5 жыл бұрын
웹 디자인분야에 입문을한지 얼마 안된 신생아 수준인데 이런 좋은 영상을 만나게 되어 감사합니다!!!:) 복받으시길 !!! 정말 감사합니다!!!
@rebehayan
@rebehayan 5 жыл бұрын
~^^ 네 감사합니다.
@justinus518
@justinus518 3 жыл бұрын
역시 전문가님은 다르시네요.... 네이버나 다음, 쿠팡 이런것들도 반응형 웹인가요?! 그누보드로는 혼자 만들기 어렵겠죠? ㅠㅠ
@rebehayan
@rebehayan 3 жыл бұрын
네이버는 적응형입니다. 네이버 웹 , 모바일 따로따로 만든것이죠.. 나머지 말씀하신 업체들도 같습니다 ^^.. 가장 쉽게 알아 보는방법은. 브라우저를 줄이고 늘리고 하시면됩니다.. 물론 이를 막을 수도 있지만. 반응형으로 제작하게 되면 대부분 막진 않습니다. 그누보드로도 반응형은 가능합니다. 반응형의 이해도만 높으시다면.. 어떤 플랫폼을 사용하더라도 가능합니다 ^^
@74bayaba
@74bayaba 3 жыл бұрын
리베하얀님 최고!! 오늘도 열심히 잘 배웠습니다^^
@rebehayan
@rebehayan 3 жыл бұрын
감사합니다 ^^. 고생하셨습니다.
@대너리스-g4d
@대너리스-g4d 4 жыл бұрын
독학에 우물안의 1개구리입니다ㅜㅜ 진짜 많이 배워갑니다. 감사합니다~!!
@rebehayan
@rebehayan 4 жыл бұрын
감사합니다 ^^.. 독학 많이 힘들죠..
@vluefox
@vluefox 4 жыл бұрын
작은 회사에서 혼자서 기획,디자인 반응형준비하는데 단계별 기획이 정말 미칠 노릇이더군요...시간만 보내는게 아니가란 생각이 들더군요...코딩도 하라면 정말 죽을맛이예요..ㅜㅜ도움 많이 되었습니다!
@rebehayan
@rebehayan 4 жыл бұрын
감사합니다.. ^^ 일당백 정말 스트레스 많이 받죠 힘내시길 바래요 ㅠㅠ
@히어로-l1c
@히어로-l1c 3 жыл бұрын
정말 중요한것들을 포인트로 잡아주셨네요 ㅎㅎ 감사합니다
@rebehayan
@rebehayan 3 жыл бұрын
봐주셔서 감사합니다 ~~ ^^
@toochoi5171
@toochoi5171 5 жыл бұрын
정말정말 좋은 정보와 정보를 간략하게 정리해서 쏙쏙 들어오게 해주셔서 감사합니다.
@rebehayan
@rebehayan 5 жыл бұрын
감사합니다 ^^ㅎㅎ
@Eric-xt1mu
@Eric-xt1mu 6 жыл бұрын
저도 필기하면서 보았습니다! 깔끔한 정리 감사합니다!!
@rebehayan
@rebehayan 6 жыл бұрын
ㅎㅎㅎ 감사합니다 ^^~! 필기까지~!! 으하핫;;;ㅠ
@cykimlu3840
@cykimlu3840 6 жыл бұрын
실무에 대한 팁까지 잘 얻어갑니다. 감사합니다!
@rebehayan
@rebehayan 6 жыл бұрын
감사합니다 ^^
@l5757
@l5757 6 жыл бұрын
반응형 관련 완전 좋은 정보들 영상보고 알아갑니다ㅠㅠbb 어렴풋이 알고있는 정보들도 있었고 아예 생각도 못했던 정보들이 있었는데 명확하게 알려주셔서 넘넘 재밌고 유익하네요 늘 좋은 영상 남겨주셔서 감사합니다bb
@rebehayan
@rebehayan 6 жыл бұрын
안녕하세요 ^^ ㅎㅎㅎ 업무를 하다보면 놓치는 것들이 많이 있죠~ 길고긴 영상인데 재미있게 보셨다니~~ 감사합니다 ㅠㅠ 즐거운 하루 되세요~ ㅎㅎ
@서울촌년-l6x
@서울촌년-l6x 3 жыл бұрын
2021년에 보고 있는데 현업 대기업 관련일을 하고 있는 웹디자이너 입니다. 지금저희회사는 적응형을 많이하고 있는데 (반응형이 오히려 공수가 많이 든다고) 이게 저희 회사만의 이야기인건지..는 모르겠네요
@rebehayan
@rebehayan 3 жыл бұрын
글쎄 사이트의 규모에 따라 다르겠지만.. 대기업부분이면 오히려 반응형이 공수가 덜할텐데요.. 적응형하면.. 모든 파트의 공수가 1.5배 이상 들텐데... ㅎㅎ...;
@이희수-w3m
@이희수-w3m 3 жыл бұрын
티 이뻐요!!
@rebehayan
@rebehayan 3 жыл бұрын
ㅎㅎㅎㅎㅎㅎ 감사합니다~! ㅋ
@btbscanada
@btbscanada 4 жыл бұрын
너무 좋은 내용 감사합니다
@rebehayan
@rebehayan 4 жыл бұрын
도움이 되셨다니~~ 감사합니다 ^^
@잇다-i9u
@잇다-i9u 2 жыл бұрын
안녕하세요. 선생님~ 우선은 퍼블리셔를 목표로 하면서 html+css+java script 기본기를 다지면서 공부중입니다. 그런데 반응형 웹이라는 것을 이제 막 알게 되었는데요. 퍼블리셔로 포트폴리오를 제작하는 데 있어서 반응형 웹으로 제작하는 것이 어느 정도로 필요로 할지 궁금해서요. 지금이라도 반응형 웹 공부도 병행하면서 준비해야 하나 고민이 돼서 질문드리게 되었습니다. 감사합니다.
@rebehayan
@rebehayan 2 жыл бұрын
안녕하세요 ^^ 퍼블리셔라면 경력과 상관없이 모바일, 반응형, 웹은 당연히 모두 만드실줄 아셔야 합니다. 호환성도 준수할줄알아야 하고요.. 실무에 바로 투입되기때문에 모든 UI 구현은 필현적입니다 ^^;; 참고하시길바랍니다. 감사합니다.
@변성준-x6j
@변성준-x6j 5 жыл бұрын
감사히 잘 보고 갑니다 ^^ 구독 및 좋아요 하고 갑니당
@rebehayan
@rebehayan 5 жыл бұрын
감사합니다 ~ ^^
@hihihihihi739
@hihihihihi739 6 жыл бұрын
오 진짜 유익하네요 감사합니다 구독했어요!!
@rebehayan
@rebehayan 6 жыл бұрын
^^ 감사합니다~!!
@rebehayan
@rebehayan 6 жыл бұрын
위 영상에서 말한 내용을 블로그에 정리해 보았습니다. 감사합니다~! blog.naver.com/rebehayan/221361150906
@테슬라가이드
@테슬라가이드 6 жыл бұрын
잘 정리해주셔서 감사합니다.
@rebehayan
@rebehayan 6 жыл бұрын
^^ 별말씀을요~~ 저 또한 감사합니다.
@sabihyang9614
@sabihyang9614 5 жыл бұрын
쉽게 정리되네요^^
@rebehayan
@rebehayan 5 жыл бұрын
도움이 되셨다니~~ 감사합니다 ^^ 뿌듯뿌듯~~
@pandagun00
@pandagun00 5 жыл бұрын
좋은정보 감사해요~
@djoo.3214
@djoo.3214 6 жыл бұрын
좋은 정보였습니다 ^^
@rebehayan
@rebehayan 6 жыл бұрын
감사합니다 ^^
@rebehayan
@rebehayan 2 жыл бұрын
😃반응형웹을 보다 전문적으로 제작하고 싶으신가요? 약 340개의 강의영상을 클래스 101에서 보실 수 있습니다. 👉 class101.app/e/Rebehayan_Course_class
@유이주-u3b
@유이주-u3b 2 жыл бұрын
ㅈㅔ가 국비로배우려고 하는데 반응형 웹디자인반하고 퍼블리싱 반이있는데 둘 차이점이 뭐예요? 뭘 배워야하나요
@rebehayan
@rebehayan 2 жыл бұрын
학원마다 강좌명과 커리큘럼이 다릅니다. 퍼블에 대해 최대한 많은 것을 알려주는 과정이 좋겠죠?
@streamer_Dr.G
@streamer_Dr.G 4 жыл бұрын
질문하나 드리려 합니다. 제가 워드프레스로 반응형 홈피를 만들었는데, 제 핸드폰(갤럭시 S10)에서는 PC버전으로 디스플레이가 되네요. S10 해상도가 3040x1440이라 그런거 같은데 이런 경우는 어떻게 해결해야하는지 궁금합니다. 요즘 폰들은 짧은 쪽 해상도조차도 768px보다 훨씬 큰데, 폰에서 제대로 나오게 하려면 어떤 식으로 반응형 홈피를 만드는지 궁금합니다. 도와주세요. ㅠㅠ
@rebehayan
@rebehayan 4 жыл бұрын
안녕하세요. 답변이 늦어저서 죄송합니다 ^^;; s10은 3040이 아닌 360*760에 4 xxxhdpi 입니다. 만약 모바일인식이 안된다면 useragent를 활용하여 반응형을 제작하는 방식도 있습니다. 감사합니다.
@yanggitak
@yanggitak 5 жыл бұрын
꿀팁 감사합니다
@userguide-p8y
@userguide-p8y 4 жыл бұрын
반응형웹에 배경이미지와 텍스트 이미지를 1.png(배경)1920x1000 , 1_text.png(텍스트) 1280x1000 이렇게 작업하고있는데 배경이미지는 음식배경의 사진인데 웹에선 괜찮은데 모바일에선 음식 사진비율이 아래로 늘어나보입니다 이런 부분들은 반응형웹에선 구현못하는것인가요?
@rebehayan
@rebehayan 4 жыл бұрын
background-size로 충분히 가능합니다. 가로형 이미지에서 세로형 이미지면 별도의 이미지 작업도 필요해 보이네요~~
@userguide-p8y
@userguide-p8y 4 жыл бұрын
@@rebehayan html에서 수정해야하는 부분이지요?
@rebehayan
@rebehayan 4 жыл бұрын
@@userguide-p8y css 수정 또는 이미지 수정 또는 추가 이슈인건 같네요😄
@ok-ce4gj
@ok-ce4gj 5 жыл бұрын
카페랑 스키렌탈샵 운영중입니다 반응형 홈페이지 제작도해주시는지요~?
@rebehayan
@rebehayan 5 жыл бұрын
네 사이트제작도 하고있습니다.
@ok-ce4gj
@ok-ce4gj 5 жыл бұрын
@@rebehayan 어떻게 연락드려야할까요~
@rebehayan
@rebehayan 5 жыл бұрын
@@ok-ce4gj 카톡 플러스친구 '리베하얀' 으로 대화하시면될것같아요^^
@ingyeongchoi6540
@ingyeongchoi6540 4 жыл бұрын
국내 쇼핑몰 만드려고 하는데, wix 랑 wordpress 비교해서 어떠한 장단점이 있는지 궁금해요
@rebehayan
@rebehayan 4 жыл бұрын
wix는.. 디테일한 제작이 힘들고.. 워드프레스는 자유롭게 제작이 가능하죠.. wix보단 워드프레스를 추천드립니다~ 장단점까지 나열할 필요가 없네요 ^^;; 답은 이미정해저 있습니다.
@꿀꿀-n1n
@꿀꿀-n1n 3 жыл бұрын
원피스 임펠다운인줄알았어요
@rebehayan
@rebehayan 3 жыл бұрын
ㅎㅎ.. 제가 원피스를 안봐서 ㅠㅠ 표지보고 그러시는거죠? ㅋ;;
@돈잘법니다
@돈잘법니다 5 жыл бұрын
컴잘알 형님들 저는 이런 어려운거 모르겠구요 여성의류쇼핑몰 만들건데 카페24가서 만들면 되나요? 아님 더 괜찮은곳 추천좀요
@rebehayan
@rebehayan 5 жыл бұрын
쇼핑몰 솔루션은 원하시는곳 아무데서나 오픈하시면 됩니다. 중요한건 어디서 뭘 만드냐가 아니라 홍보와 인지도 그리고 수익이겠죠?
@chaehunchung5798
@chaehunchung5798 5 жыл бұрын
아임웹, 식스샵... 간단히 쇼핑몰(책 판매) 구축에 어떤 곳이 좋을까요?
@rebehayan
@rebehayan 5 жыл бұрын
말씀하신게 솔루션인가요?? 솔루션을 커스텀마이징(수정)하는 작업은 책으론 힘들거에요~ 기본지식이 있으면 금방 수정이 되는데.. 아니면 그 솔루션 담당회사에서 메뉴얼이나 교육시스템같은게 있을거에요~ 그걸 통해서 활용하시는방법밖에 없을것 같네요~~
@chaehunchung5798
@chaehunchung5798 5 жыл бұрын
@@rebehayan 답글 감사합니다^^
@정시원-j9t
@정시원-j9t 5 жыл бұрын
워드프레스로 만든 저가형, 시스템이 복잡 하지 않은 사이트의 대표적인 예시는 미 백악관, TED, CNN, TIME 뭐 이정도 사이트들인가요?
@sunnyfly6305
@sunnyfly6305 5 жыл бұрын
혹시 제가 아는 백악관이라면 저가가 백악관인가요?
반응형웹 레이아웃 적용 및 미디어쿼리 활용하기~
34:49
НАШЛА ДЕНЬГИ🙀@VERONIKAborsch
00:38
МишАня
Рет қаралды 3 МЛН
ЗНАЛИ? ТОЛЬКО ОАЭ 🤫
00:13
Сам себе сушист
Рет қаралды 3,1 МЛН
Osman Kalyoncu Sonu Üzücü Saddest Videos Dream Engine 269 #shorts
00:26
REAL 3D brush can draw grass Life Hack #shorts #lifehacks
00:42
MrMaximus
Рет қаралды 12 МЛН
반응형웹 따라만들기 준비하기
19:42
리베하얀
Рет қаралды 14 М.
Reactive Design Concept [Figma]
8:33
Madia Designer
Рет қаралды 13 М.
아임웹 핵심 위젯 한 방에 정복하기
28:40
홈페이지마법사
Рет қаралды 5 М.
놀랍게도 이 문제는... 정답율이  0%였습니다!
16:08
Veritasium 한국어 - 베리타시움
Рет қаралды 649 М.
chatGPT4-o를 활용한 AI쇼츠 실제 수익인증 및 만드는법 (쇼츠수익)
32:59
돈버는 온라인자판기
Рет қаралды 277 М.
НАШЛА ДЕНЬГИ🙀@VERONIKAborsch
00:38
МишАня
Рет қаралды 3 МЛН