뮤자인사이트에 반영되어있는 창크기 조절시 새로고침되는 방법에 대해 질문 드려도될까요?
488
작성한 질문수 1
선생님 안녕하세요! 강의 잘 보고 있습니다!
뮤자인 사이트 반응형에 대해 질문드릴게 있는데요,
현재 뮤자인사이트를 보면 PC에서 창크기 조절시 특정 구간마다 자동으로 새로고침이 되면서
그 사이즈에 맞는 반응형 레이아웃이 불러와지더라구요! 아마 스크립트를 이용한 것 같긴한데...
혼자 구글링하여 알아보려고해도, 어떤 메소드와 원리를 사용하였는지 몰라서 많이 제한되는 상황입니다 ㅜㅜ
혹시 시간 괜찮으시면 확인해보시고 검색 키워드나 힌트 살짝 부탁드려도 될까요..?
https://musign.net/
답변 1
1
안녕하세요? 김태완님
답변이 늦어 죄송합니다.
주말에 지방에 다녀오느라 이제서야 질문을 확인했습니다.
뮤자인 사이트보니 말씀하신대로 구간마다 새로고침이 되면서..조절이 되네요 ㅎㅎㅎ
기본 레이아웃과 애니메이션, 반응형 레이아웃에 집중하다보니 그부분을 미처 보지 못했습니다 ㅎㅎ
(본 강의 타겟이 자바스크립트 기초를 몰라도 할 수 있는 간단한 제이쿼리와 CSS로 인터렉티브웹 구현이다보니..)
저 부분은..아래 스크립트가 적용되었으니
스크립트파일에 아래 소스를 붙여넣으시면 됩니다.
$(function() {
$(window).resize(function() {
location.reload();
});
});
더 궁금하신 사항은 아래 주소에서 학습하시면 되겠습니다.
https://developer.mozilla.org/ko/docs/Web/API/Window/resize_event
오늘도 좋은 하루 되십시요...
J.young드림
part3. spy 쪽 / part3,part4 강의자료
0
31
2
최종 코드
0
36
2
Open AI 결제
0
39
2
figma 파일을 받을 수가 없어요
0
47
1
다운로드 연결이 되지 않을 때는 어떻게 해야할까요?
0
36
1
Visual Studio Code 대신 Pycharm 써도 되나요?
0
41
2
커서, 클로드, 피그마는 모두 유료버전을 사용해야하나요?
0
53
1
구글 서치콘솔 도메인 소유권 확인 실패
0
34
2
antigravity로 하던 작업 이제 visual code로 하면 되는 거죠?
0
57
1
다음 강의 얼른 올려주세요
0
43
2
일반 강의와 차이점?
1
50
1
중요하진 않지만 설명하신부분에서 안된부분..
1
34
1
안녕하세요, 강좌 5의 피그마 파일은 어디서 볼 수 있나요?
0
65
2
stopPropagation()에 대해서 질문 있습니다.
0
49
2
뉴스페이퍼 싱글템플릿 모바일 화면 디자인 질문
0
41
2
가로사이즈
0
303
0
스크롤시 배경시 바꾸는것이요
0
361
0
반응형 웹사이트 가로스크롤
0
1805
3
img를 p로 감싸는 이유
0
772
2
design 이미지 2가지 배경 적용에 따른 after
0
271
1
@media 767px 안에 @media 320px 코드가 들어가는게 맞나요?
0
223
1
reset.txt
0
229
1
0:22 느낌표+tab
0
341
2
수업자료
0
259
1





