55,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities)
스크롤이 없는 레이아웃의 장점은 무엇인가요?
안녕하세요, 강사님 차근차근 이해할 수 있게 설명해주셔서 잘 배우고 있습니다. 정말 감사합니다! 스크롤이 없는 레이아웃의 장점이 구체적으로 어떤 부분에 있는지 궁금합니다. 다른 강의들을 몇 개 보다가 들은 내용으로는 "반응형 작업을 위해서 스크롤이 없어야 한다"는 설명도 얼핏 들었던 것 같기도 한데, 일반적인 사이트에서는 보통 스크롤(세로)이 있잖아요? 그래서 이번 편에서 배운 예시가 실제로는 주로 어느 페이지 레이아웃에서 쓰이는지 궁금합니다! 감사합니다.
- 미해결플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities)
slick slider 질문 입니다!
우선 이 강의에서 질문을 남겨드려 죄송합니다. 이 강의를 진행하다가 vs code로 폴더를 통해 index.html여는 방식과 lite server를 활용하여 여는 방식 2개를 두고 사용 했는데 폴더로 들어가서 index.html로 여는 방식에선 slick slider가 안 먹히더라구요... 하지만 lite server에서는 slick slider가 잘 먹힙니다.. 이것이 왜이런지와 해결법을 알 수 있을까요?..
- 미해결플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities)
혹시 오프라인 강의는 없으실까요
오프라인 강의가 있다면, 참가해서 듣고싶은데 오프라인도 하실까요? (강의 감사하게 잘보고 있습니다)
- 미해결플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities)
select에 대한 간단한 질문이 있습니다!
'상담구분' 아래 입력 박스 맨 오른쪽에 아래를 향한 화살표가 있는데 이 화살표를 조금 왼쪽으로 이동 시킬 수 있는 방법이 있을까요..?
- 미해결플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities)
반응형 질문입니다.
모바일 버전 관련 질문입니다. 해당 부분에서 .desc 부분을 이미지 사이즈와 똑같이 높이값을 가지려면 어떻게 해야할까요? .desc에 높이 값을 height: auto; 나 height:100%; 주면 안의 내용만큼 줄어들고, .post > div 혹은 .image,.desc { flex:1;} 해줘도 안 먹히고요. .desc { height: 375px;}이런식으로 주면 되긴합니다만, 기기에 따라서 정확하게 1:1의 높이 값을 가지는게 아니라서 그렇게 완벽한 방법은 아닌것 같네요. 그렇게 중요한건 아닐지라도, 그렇게 효과를 주고 싶은데 안먹히니까 왜 안되지? 하는 생각에 혹시나 방법이 있을까 여쭤봅니다. 감사합니다.
- 미해결플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities)
완성본을 보고 있습니다.
아직 1회차로 정주행 하고 있습니다. 완성본으로 모바일반응형으로 화면 전환하여 트리거를 클릭하여 .active를 넣어준 후 다시 클릭해 빼준 후, 다시 웹화면으로 돌아오면, .gnb와 .sns가 사라져 있습니다. 새로고침하면 다시나오는데, 일시적인게 아니고 계속그렇습니다. 제 생각에는 $('.trigger').click(function(){ $(this).toggleClass('active') $('.gnb, .sns').toggle() }) 여기에서 단순히 $('.gnb, .sns').toggle() 이렇게만 하면 .gnb와 .sns 라는 클래스가 아예 들어갔다 사라졌다를 하기 때문에, 웹화면에도 영향을 미치는 것으로 판단됩니다. 물론 이 파트를 플렉스 관련하여 배우는 거라 이 부분이 그렇게 중요하지 않고 넘길 수 있는 부분이지만, 조금 더 확실히 하고 싶었습니다. 다음 영상에서 이부분에 대해 언급을 해주셨으면 이 질문을 삭제하겠습니다. 괜한 또 오지랖인것 같아서. 그래서 선생님께서 그동안 가르쳐주신걸 기초로 했을 때, CSS 의 반응형 즉 미디어쿼리 파트에 .gnb.active, .sns.active { display: block; } 이 부분을 추가하고, 제이쿼리를 $('.trigger').click(function(){ $(this).toggleClass('active') $('.gnb, .sns').toggleClass('active') }) 이렇게 수정해 보니 잘 작동되었습니다. 이 방법도 괜찮은가요?
- 해결됨플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities)
브라우저가 점점 좁혀졌을 때는??
안녕하세요 강의를 중간쯤 보고있다가 완성본 파일을 봤습니다. 궁금한게 브라우저가 점점 좁혀졌을 때 일부 컨텐츠들이 한 화면에 담기지 못합니다. 모든 컨텐츠들도 작아지거나 옆으로 미는 것들은 힘들까요? 그리고 이미지도 점점 좁혀지면 이미지가 잘리는데 잘리지 않고 옆으로 밀리는 것도 좋지 않은 생각인가요? 제가 말씀 드리는 부분은 width가 768px ~ 1300px 입니다.
- 플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities)
아래 질문에 관해서 문제가 한개 더 생겼습니다
삭제된 글입니다
- 플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities)
반응형 모바일 레이아웃 변환 가로스크롤 질문드립니다
삭제된 글입니다
- 미해결플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities)
막 플레스를 공부하면서 고민하게 된점이 있어 질문드립니다.
플렉스 공부 시작한지 얼마 안됬지만 궁금한점이 생겼는데요 플렉스가 반응형에 유리한건 알겠는데 그럼 실무에서는 포지션과 float속성을 사용하는 빈도수가 확줄게되는건가요?? 아니면은 위의 기술들도 사용하는 경우가 많이 생기나요?
- 해결됨플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities)
반응형에 대해서 질문 있습니다.
안녕하세요. 마지막 부분 모바일 반응형에서 마우스로 화면을 잡고 왼쪽으로 드래그 하면 위와 같은 공백이 생깁니다. 어느쪽에서 제가 잘못했는지 영 갈피를 못잡아서 도움을 받고자 합니다.
- 미해결플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities)
스크롤 헤더 디자인 변경하기 질문드립니다.
헤더 변경 하기 강의 듣는 도중에 궁금한 게 생겨서 질문드립니다. 1. 위 사진에 보면 header 태그에 lnb, logo, gnb가 다 포함 되어있기 때문에 header 섹션에 background color를 바꾸면 lnb logo gnb 배경색이 모두 변해야 하는 걸로 알고있는데 제이쿼리 header에 active 클래스 추가를 해서 배경색을 바꾸면 gnb 쪽 색만 변하는 게 이해가 안갑니다. 위 아래 두군데 모두 배경색이 변해야하는데 active를 추가할 때 왜 밑의 사진 처럼 로고와 gnb 부분만 배경색이 변하는 지 질문드립니다. 위의 lnb도 header 태그에 포함 되어있기때문에 저기도 배경색이 변해야 하는 것 아닌가요? 2. slidng을 부드럽게 하기 위한 방법 중에 jquery.scrollTo.min.js 이런 파일들은 어디에서 정보를 얻고 가져 올 수 있는건가요?
- 플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities)
질문드립니다.
삭제된 글입니다
- 미해결플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities)
퍼블리셔 질문드립니다.
1. 웹퍼블리셔는 거의 여성이 대다수 자리 잡고 있는 늬앙스가 있는데, 남성이 퍼블리셔를 하는 것에 대한 눈초리가 있는지 좀 궁금합니다. 2. 웹디 > 웹퍼블 > 프론트 > 백엔드 이 순서의 연봉 책정이라고 알고 있는데요, 웹퍼블 > 프론트로 넘어 가는 단계가 vuejs, react, angular 중에 하나를 제대로 다루게 되면 프론트라고 불릴 수 있는지 질문드립니다. 즉 프론트엔드 : HTML, CSS, Javascript, jquery, 프레임워크 퍼블리셔 : HTML, CSS, javascript, jquery 이 차이 인가요?
- 미해결플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities)
반응형 모바일 레이아웃 변환(3) - 헤더영역, 네비게이션(1)
Flex 웹 사이트를 반응형으로 크롬 확장프로그램인 Mobile/Responsive Web Design Tester 로 봤을 때는 아무 문제가 없는데 크롬 개발자 도구로 봤을 때는 옆으로 약간 스크롤을 할 수 있게 되서 저렇게 미세한 부분이 남아있는데 이건 그냥 무시해도 되는 부분인가요? 마진이나 패딩때문에 생긴 문제도 아닌거 같은데 스크롤이 생기면서 저 부분이 약간 남아있네요. 완성본에서도 같은 현상이 있습니다.
- 미해결플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities)
Flex UI실전 제작(3) 질문드립니다.
다른 사이트 포트폴리오 같은 걸 보면 모바일 크기에서 햄버거 버튼을 클릭한 상태에서 다시 화면을 PC크기로 크게 늘리면 햄버거 버튼이 사라지고 UI 버튼들도 다시 가지런히 정리된 상태로 화면에 보이고 다시 모바일 크기로 줄이면 그 전에 클릭 했던 상태로 있는데 이 예제에서 햄버거 버튼을 클릭한 상태로 다시 PC로 크기를 늘리면 이런식으로 UI가 다 깨집니다. 선생님이 주신 완성본 파일로 해도 결과는 똑같이 나옵니다. 이 부분을 어떻게 고쳐야 하는지 질문드립니다.
- 미해결플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities)
Ranking Section 상세 퍼블리싱(2)
강의 2:24초 부분 웬만하면 img태그에 직접 width, height값을 줘서 조절하지 말라고 하셨는데 이미지 태그의 부모에게 width, height를 주고 이미지 크기를 조절하는 거랑, 이미지에 직접 width, height를 줘서 크기를 조절하는 거랑 차이가 있나요? img태그에 직접 크기를 줘서 조절해도 똑같은 결과가 나오다보니 어떤 차이가 있는지 잘 와닿지가 않네요.
- 해결됨플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities)
Flex UI 실전 제작(7) – 반응형 블로그 포스트 리스트(2)
회사마다 그리고 프로젝트마다 다 다르겠지만 반응형 웹을 만들 때 태블릿도 보통 같이 고려해서 만드는 편인가요? 모바일은 당연히 지원해야겠지만 태블릿은 얼마나 지원하는 편인가요?
- 미해결플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities)
Flex UI 실전 제작(5) – 반응형 헤더영역과 이미지 갤러리(3)
혹시 이런 유형의 레이아웃 잡을 때 첫 번째 이미지처럼 이미지 3개를 하나로 묶어서 레이아웃 잡는건 좋지 못한 방법인가요? 이미지 3개를 낱개로 두기 뭐해서 묶어 주는게 좋을거 같아 묶어줬더니 PC랑 모바일 버전 구현하는데는 문제가 없는데 테블릿 버전에선 두 번째 이미지처럼 저 묶은 노랑박스 때문에 이미지가 가로에 2개씩 배치될 수가 없는 구조가 되버리네요.. 묶었던 저 노랑박스를 지워서 해결하긴 했는데 지금처럼 가로에 3개의 컨텐츠(홀수)가 배치되있으면 테블릿 버전에서 구조잡는게 어려워지는거 같습니다.
- 미해결플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities)
Flex UI 실전 제작(4) – 반응형 상담 신청하기(5)
부모에게 flex를 줬을 때 자식의 display는 어떻게 바뀌나요? 부모인 .parent에 display:flex를 주고 나니 자식인 span태그에 크기를 설정할 수 있게 된걸로 봐선 인라인 블럭이나 블럭으로 바뀐거 같은데 두 성질 모두 가지고 있어서 애매하네요. 인라인 블럭이라면 .parent에 text-align:center를 줬을 때 가운데로 가야하는데 가지 않고 margin:auto를 줬을 때 가운데로 가기 때문에 블럭인 것 같지만 또 width와 height를 주지 않았을 땐 컨텐츠 크기만큼만 크기를 가지는걸로 봐선 블럭이 아니라 인라인 블럭인거 같기도 하구요. 좀 애매한 속성으로 바뀌는거 같아 질문드립니다.