뮤자인사이트에 반영되어있는 창크기 조절시 새로고침되는 방법에 대해 질문 드려도될까요?
481
작성한 질문수 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드림
선생님 각 강좌마다 예시로 보여주시는 웹페이지들은 어디서
0
9
1
퍼플렉시티 최소 결제단위 50달러로 바뀐 것 같습니다.
0
29
2
claude plugin 방법 자세히 부탁드려요
0
33
2
강의에 적용한 스크립트를 받아 볼수 있을까요?
0
27
2
최근 코테, 과제 테스트 트렌드
0
46
2
노션 25 인터렉션 구현 파트 안 보입니다!
0
28
2
파트3 13F부분도 짤린거같은데 확인해주세요
0
31
2
Gemini로 진행가능 여부 궁금합니다.
0
54
2
뉴스페이퍼 싱글템플릿 디자인 관련 상담 요청
0
22
2
프롬프트 11 진행 완료
0
36
2
파트3 수급 부분
0
36
2
claude cowork에서 작업하는거와 차이는?
0
31
2
background vs background-color
0
21
1
figma variable 반응형 디자인 결과물 공란
0
54
2
렌더링 차단 리소스 javascript 실행에 관련해서 질문 있습니다.
0
41
2
가로사이즈
0
298
0
스크롤시 배경시 바꾸는것이요
0
352
0
반응형 웹사이트 가로스크롤
0
1787
3
img를 p로 감싸는 이유
0
755
2
design 이미지 2가지 배경 적용에 따른 after
0
266
1
@media 767px 안에 @media 320px 코드가 들어가는게 맞나요?
0
220
1
reset.txt
0
223
1
0:22 느낌표+tab
0
336
2
수업자료
0
257
1





