안녕하세요! 늘 잘 보고있습니다. 질문이 있는데, pc기준에서 container사이즈를 1280으로 줬을때에 분기점을 하나 주어서 100%로 바꿔주고 그이후에 768(태블릿기준)에서 시안을 기준으로 사이즈 변화를 한번 주고 480기준으로 한번 더 변화를 주면 될까요? 시안 잡는것에 대한 폰트사이즈 기준을 못잡겠어서요.. 시안을 잡을때 태블릿을 1024, 모바일을 768기준으로 많이들 잡는다는데...폰트사이즈를 768(모바일기준)에서 실제 코딩할때 2/1로 줄인다더라고요! 이게 실제로 768에서 보면 너무 작아져서ㅠㅠ 전반적으로 태블릿, 모바일 시안은 몇px기준으로 잡아야하는지 폰트는 어떻게 바꿔줘야하는지(or 모바일에서만 폰트값을 바꿔야하는지) 실제 코딩할때 시안폰트크기의 2/1로 줄인다는데 그건 어떤뜻인지 설명해주시면 너무 감사하겠습니다ㅠㅠ 에이전시에서 혼자 독학하는 디자이너인데 개념을 이해를 잘 못하겠더라구요 ㅠㅠ
안녕하세요. 실무에서는 브레이크 포인트를 많이 잡을수록 작업 공수가 많이 들어서.. 기간이나 프로젝트 비용이 여유있는게 아니라면 보통은 pc/모바일 두가지로 잡는 편이고 모바일 시안은 가장 무난한 360으로 잡는 편입니다. 코딩에서 브레이크 포인트의 기준점은 특정 넓이 이하일경우에 스타일을 바꾸겠다라고 생각하면 편해요. 그리고 모바일은 768로 안잡고 720으로 잡거나 360으로 잡는 편입니다. 768로 잡게되면 폰트사이즈를 1/2로 하더라도 실제 모바일사이즈는 375 이런식이라서 문제가 생겨요. 그래서 1배율 기준으로 작업하는게 가장 정확합니다~!
언제나 깔끔깔끔 강의 감사합니다.
감사합니다 :)
웹디자이너한테 반응형은 큰 과제이죠 ㅠㅠ 감사합니다!!
감사합니다!ㅎㅎ 막상 해보면 아주 쉬워요ㅎㅎ
반응형 혼자 공부하기 어려웠는데 너무 쉽게 설명해주셔서 할 수 있을 것 같은 자신감이 생겼어요! 감사합니다^.^ 궁금한거 있으면 자주 찾으러 올게요
자신감이 생겼다니 너무 좋네요!ㅎㅎ 화이팅입니다.
혼자 공부하는데 많은 도움받고 있어요! 감사합니다
다행이네요ㅎㅎ 감사합니다 :)
정말 많은 도움 되었습니다 감사합니다
반응형이라도 모바일이 우선이라면, 모바일 부터 작업하는게 맞을까요?
크림 사이트나 숨고 같은 경우가 모바일 퍼스트로 작업된 반응형이라고 보면 될까요?
마크업 입문중인 학생인데 이해 잘되게 설명 잘해주셔서 감사합니다!!@@
도움되셨다니 다행이네요!ㅎㅎ
멤버십 가입 했는데 예제가 어디 있나요?? 커뮤니티에 안 보여서요
안내가 부족했네요.. 커뮤니티에 멤버십 전용 게시글에 다시 경로 공유했습니다 :)
삼성폰하고 아이폰하고 같이 열었을 때 왜 아이폰의 반응형은 다 깨지는지 알수가 없어요 ㅠ.ㅠ
해당 강의 자료가 깨진다고 하시는건가요?? 아니면 직접 개발하신 사이트요??
폰트사이즈는 일일이 픽셀로 지정해줘야하나요? 폰트때문에 항상 헷갈리더라구요 보통 em, rem으로 많이 작업하는 지 아니면 px로 하는지 궁금합니다.
제 개인적으로 폰트는 px 사용하는걸 선호하는 편입니다. 가끔 rem을 활용하는 분들도 있긴해요.
요즘은 rem으로 작업한 곳이 많아서, 알아두는 게 좋아용
row 안에 col이 두개가 있는데, 높이 지정 안하고 어떻게 높이가 같아질 수 있나요?
높이를 지정하지 않으면 자식 선택자의 크기를 따라갑니다ㅎㅎ 자식 선택자의 폰트 크기가 동일한 경우 패딩값으로 조정되기 때문에 높이가 같을 수 있죠.
안녕하세요! 늘 잘 보고있습니다. 질문이 있는데, pc기준에서 container사이즈를 1280으로 줬을때에 분기점을 하나 주어서 100%로 바꿔주고 그이후에 768(태블릿기준)에서 시안을 기준으로 사이즈 변화를 한번 주고 480기준으로 한번 더 변화를 주면 될까요? 시안 잡는것에 대한 폰트사이즈 기준을 못잡겠어서요.. 시안을 잡을때 태블릿을 1024, 모바일을 768기준으로 많이들 잡는다는데...폰트사이즈를 768(모바일기준)에서 실제 코딩할때 2/1로 줄인다더라고요! 이게 실제로 768에서 보면 너무 작아져서ㅠㅠ 전반적으로 태블릿, 모바일 시안은 몇px기준으로 잡아야하는지 폰트는 어떻게 바꿔줘야하는지(or 모바일에서만 폰트값을 바꿔야하는지) 실제 코딩할때 시안폰트크기의 2/1로 줄인다는데 그건 어떤뜻인지 설명해주시면 너무 감사하겠습니다ㅠㅠ 에이전시에서 혼자 독학하는 디자이너인데 개념을 이해를 잘 못하겠더라구요 ㅠㅠ
안녕하세요. 실무에서는 브레이크 포인트를 많이 잡을수록 작업 공수가 많이 들어서.. 기간이나 프로젝트 비용이 여유있는게 아니라면 보통은 pc/모바일 두가지로 잡는 편이고 모바일 시안은 가장 무난한 360으로 잡는 편입니다. 코딩에서 브레이크 포인트의 기준점은 특정 넓이 이하일경우에 스타일을 바꾸겠다라고 생각하면 편해요. 그리고 모바일은 768로 안잡고 720으로 잡거나 360으로 잡는 편입니다. 768로 잡게되면 폰트사이즈를 1/2로 하더라도 실제 모바일사이즈는 375 이런식이라서 문제가 생겨요. 그래서 1배율 기준으로 작업하는게 가장 정확합니다~!
궁금한 점 있어요!! 반응형 웹 만들 때 디자인 시안을 pc, tablet, mobile 3가지를 각각 따로 만들어야 하나요?? 그럼 해상도는 몇으로 각각 잡아야 할까요??ㅠㅠ도와주세요ㅠㅠㅠ
안녕하세요. 3가지를 잡는게 좋긴한데, 프로젝트 기간이나 비용에 따라 pc, mobile 이렇게 2가지만 잡는 경우도 있습니다. 해상도는 pc 1920 / mobile 360 기준으로 작업합니다.