61,600원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결반응형 웹사이트 포트폴리오(Architecture Agency)
전체 섹션 완성후 home 섹션 처음 로딩될 때 질문드립니다.
강사님이 완성파일로 주신 파일로도 똑같은 현상이 발생하는데요 처음 home 섹션이 로딩되면서 애니메이션이 나오잖아요? 그런데 f5번으로 새로고침해서 다시 리로딩 하거나 다시 index 파일을 더블클릭해서 사이트를 구경하려고 할 때, 맨 첫 로딩 때 저희가 html 코드로 작성했던 클래스 이름과 각종 혼합된 태그 내용들이 뒤섞이는 모습이 살짝 보였다가 로딩이 되거든요? 이게 말로 설명이 좀 어려운 것 같아서 밑의 사진으로 올립니다. 순서대로 입니다. 나머지는 다 정상인데 제일 첫번째 저 화면이 아주 살짝 잠깐 비쳤다가 애니메이션이 작동하는데 강사님이 주신 완성파일도 저렇게 뜨거든요? 저거는 원래 저렇게 놔둬야 하나요? 아니면 뭔가를 고쳐야하나요?
- 미해결반응형 웹사이트 포트폴리오(Architecture Agency)
inline-block 요소 가로배치 관련 질문입니다.
안녕하세요! 강의를 들으면서 디스플레이 속성의 중요성을 느끼고 있는 중, inline-block 요소 관련해서 궁금한 점이 있어서 질문드립니다. 상세페이지섹션 Location 부분 제작 강의를 듣다가 궁금한 점이 생겼는데요, 질문은 크게 두가지입니다. <질문1> .service-item div의 자식요소인 .service-item .fa 와 .service-item h3 를 한번 가로로 배치시켜보고싶어서 (강의에서는 세로배치) .service-item h3에 display: inline-block을 줬습니다. 그 결과 아래의 화면처럼 가로배치는 잘 됐는데요, 문제는 이후에 .service-item h3 의 세로위치를 .service-item .fa 아이콘과 맞추기 위해 .service-item h3 에 margin-top: -20px 을 줬지만 margin-top 속성이 적용되지 않았습니다. 이럴 경우 .service-item h3의 세로위치를 조정할 수 있는 방법을 알고 싶습니다. <질문2> 두번째 질문도 display: inline-block 을 통한 엘리먼트 가로배치에 대한 질문인데요, 나름대로 실험해본 결과 아래 그림처럼 overflow: hidden을 적용해야 가로배치가 된다는 것을 알 수 있었습니다. 될수있으면 float: left 보다는 inline-block을 통해서 가로배치를 하고싶은데요, 인터넷 검색결과 inline-block은 기본 마진 4px이 들어가고 자식요소 가로배치가 잘 안된다는 등의 문제가 있다고 하는데, 실제로 디스플레이 inline-block 적용을 통해서 네비게이션이나 콘텐츠를 가로배치하는 경우는 드문가요? 감사합니다!
- 미해결반응형 웹사이트 포트폴리오(Architecture Agency)
이미지 아웃라인
선생님 슬릭 슬라이더에서 이미지 클릭하면 아웃라인이 생기는데 그건 뭔가요?? 사진첨부합니다!
- 미해결반응형 웹사이트 포트폴리오(Architecture Agency)
reveal animation 질문
안녕하세요 선생님 Home 섹션에서 <div class="home-heading"> <span>Creative</span> <span>Architecture</span> <span>Specialists</span> </div> 이렇게 span 태그 안에 한 단어일때는 width 0% -> width 100% reveal 애니메이션이 문제없이 작동하는데, 다른텍스트로 연습을 했을 때 중간에 띄어쓰기가 있으면 덜컹거리는 현상이 발생하는데요(두줄이었다가 한줄로 덜컹거림) ex) <div class="home-heading"> <span>Creative as</span> <span>Architecture</span> <span>Specialists</span> </div> 이런식으로 띄어쓰기 후 두글자 추가했을 때 줄바꿈이 나타나지 않으려면 어떻게 해야하나요?? 아래 CSS 코드 첨부합니다. .home-heading { position: absolute; top: 50%; left: 250px; transform: translateY(-50%); } .home-heading span { display: block; font-size: 115px; color: #fff; font-weight: bold; width: 0; overflow: hidden; animation: reveal .5s 2.5s ease-in forwards; } @keyframes reveal { 0% {width: 0;} 100% {width: 100%;} } 원인이 뭔지 궁금합니다ㅠㅠ
- 반응형 웹사이트 포트폴리오(Architecture Agency)
skillprogress 질문 드립니다!
삭제된 글입니다
- 해결됨반응형 웹사이트 포트폴리오(Architecture Agency)
해상도 질문 드립니다 ㅜㅜ
삭제된 글입니다
- 반응형 웹사이트 포트폴리오(Architecture Agency)
간단한 질문 드립니다!
삭제된 글입니다
- 반응형 웹사이트 포트폴리오(Architecture Agency)
간단한 질문 드립니다!
삭제된 글입니다
- 미해결반응형 웹사이트 포트폴리오(Architecture Agency)
.content width와 height 없이 포지션만으로 가능한가요?
안녕하세요. .content 의 width와 height 값을 주지않고 left: 20px; right: 20px; top: 60px; bottom: 20px; 이렇게 직접 줘도 되는건가요? 이런 경우에 나중에 반응형에서나 복잡해지는 부분이 생길수 있을까요??
- 미해결반응형 웹사이트 포트폴리오(Architecture Agency)
수업자료 다운 질문입니다.
안녕하세요 수업자료는 어디서 다운받는건가요? ㅠㅠ 아무리 찾아봐도 강의 우측에 수업자료 버튼이 없어서요..
- 반응형 웹사이트 포트폴리오(Architecture Agency)
간단한 질문 드립니다!
삭제된 글입니다
- 해결됨반응형 웹사이트 포트폴리오(Architecture Agency)
전체 레이아웃 와이어프레임 퍼블리싱(PC) - 전체레이아웃, 헤더영역
강의7:10 부분 .content의 위치를 position:absolute로 잡지 않고 margin으로도 가능한데 margin으로 잡아도 상관없나요? 아니면 position으로 잡는 방법이 더 좋은 방법인가요? .content{ width: calc(100vw - 40px); height: calc(100vh - 80px); margin-left:20px; margin-top:60px; }
- 미해결반응형 웹사이트 포트폴리오(Architecture Agency)
서브페이지 링크하기(Modal Iframe Jquery Plugin) #02
안녕하세요 플러그인에 대해 질문드립니다. 실무에서 제이쿼리 플러그인을 사용할 때 지금처럼 플러그인 사용법뿐만 아니라 사용자가 직접 코드안의 내용을 찾아서 사용자에 맞게 수정하는 작업을 해서 쓰는 경우가 대부분인가요? 이런 유용한 기능을 가진 플러그인을 사용하는 것도 좋지만 말씀하신 것처럼 CSS에 대한 이해도가 부족한 사람이라면 아무리 좋은 플러그인이라도 제대로 사용하질 못할꺼 같네요.
- 해결됨반응형 웹사이트 포트폴리오(Architecture Agency)
float 질문드립니다.
레이아웃 배치 관련 실습하던 도중에 궁금증이 생겨 질문드립니다. 1) 태그에 position:absolute를 주면 해당 태그는 인라인 블럭으로 바뀐다고 하셨는데 그럼 float:left같이 float를 줬을 때는 display가 어떻게 바뀌는건가요? 위의 이미지처럼 span태그는 인라인이라서 크기값을 줄 수 없는데 float를 주고 나니 크기값을 줄 수 있게 되서 인라인 블럭으로 바뀐 것처럼 보이지만 또 인라인 블럭은 아니라고 생각되는게 부모 요소에 text-align:center를 줘도 중앙 정렬이 되지가 않네요. 2) 또 float:left되어있는 저 span들을 가운데 중앙 정렬 시키려면 어떻게 해야 하나요? (span태그를 또 하나의 태그로 묶은 후 그 태그를 인라인 블럭으로 만들어서 부모요소에 text-align:center; 이렇게 하는 방법밖에 없나요?)
- 해결됨반응형 웹사이트 포트폴리오(Architecture Agency)
PC 레이아웃 섹션 상세 퍼블리싱(Project Section) - 탭 콘텐츠 퍼블리싱 #03
14:33 .project-info:before에 있는 텍스트 01이 본문에 글자를 가리는 현상에 대해 h3에 position:relative;를 줘서 .project-info:before에 있는 position:absolute보다 우선순위를 높이는 방법으로 해결하셨는데 지금과 같은 경우는 h3만 가리기 때문에 상관없지만 예를들어 위의 이미지처럼 글자 크기가 커서 본문 전체 내용을 가리는 스타일을 만들게 되면 일일이 모든 태그에 position:relative를 줘서 본문 글자들을 앞으로 오게 해야되서 굉장히 번거롭게 되서 z-index를 써서 한번 해봤는데 이해가 안되는 부분이 생겨 질문드립니다. 이 두 번째 이미지는 01이 가리는 글자들에 대해 position:relative를 주지 않고 z-index를 통해 01을 뒤로 보낸 이미지입니다. 1) .project-info:before에 z-index를 -1 값을 주면 01이라는 글자가 아예 사라져 버리는데 이유가 궁금합니다. 2) .project-info에 z-index:1 값을 줘야 비로소 사라진 01이 다시 보여지게 되는 이유가 궁금합니다.
- 미해결반응형 웹사이트 포트폴리오(Architecture Agency)
모바일 네비게이션 퍼블리싱 - Media Query
강의 12:25 부분 모바일 버전 미디어 쿼리안에서 .content안에 있는 position:absolute를 지운다쳐도 없어지는게 아니라 PC버전에서 이미 작성한 position:absolute를 상속받게 된다고 하셨는데 그럼 11:35 부분 overflow:hidden도 지워도 그대로 상속받아있기 때문에 지울게 아니라 기본값 overflow:visible로 바꿔줘야 하는거 아닌가요?
- 미해결반응형 웹사이트 포트폴리오(Architecture Agency)
jquery js $ << 정의가 되지않아서 스크립트 제이쿼리액션
jquery js $ << 정의가 되지않아서 스크립트 제이쿼리액션 먹질 않아요 ,,
- 미해결반응형 웹사이트 포트폴리오(Architecture Agency)
제이쿼리 js $ < is not defined 정의가 안됩니다 ㅠ..
안녕하세요 선생님 다른건아니고 custom.js 부분을 커스터마이징 할떄 제이쿼리 코드가 $ < is not defined 정의가 되지않는다는 에러가 뜨네요 , 브라켓은 최신버전으로 사용하고있습니다. 기존에 영상에 쓰이던 제이쿼리 방식은 오류가 나서요, 혹시 업데이트된 제이쿼리 코드방식으로 코딩해야하는지 기존에 제가 작성한 index.html / style.css / responsive.css 수정한 파일들을 눈씻고찾아봐도 타이핑에 문제가 없다고 생각하는데 제가 못찾은거 일수도 있다고 생각하여 선생님의 강의자료에 압축 파일을 다운받아서 다시 재설정을 해주었는데도 custom.js 제이쿼리 코딩부분은 여전히 에러가 나서요 , 선생님의 강의 자료를 여러번 타이핑하신걸 대조해봐도 틀린부분은 전혀 없구요 해당하는 플러그인 위치 , 경로설정/jquery 플러그인 등등 다 입력이 되있습니다 , $ < is not defined 정의가 되지않는다는 에러가 뜨네요 ,
- 미해결반응형 웹사이트 포트폴리오(Architecture Agency)
키프레임 질문드립니다~
slideup 키프레임에서 margin- top 값을 조정하여 텍스트 애니메이션을 주는것과 top 값을 조정하여 애니메이션을 주는게 어떻게 다른건가요??
- 미해결반응형 웹사이트 포트폴리오(Architecture Agency)
PC 레이아웃 섹션 상세 퍼블리싱(Project Section) - 탭 콘텐츠 퍼블리싱 #02
5 : 00 초쯤에 원래 잘라내기 하고 b태그 만드시고 다시붙여넣기하시는데 텍스트드래그한후 컨트롤 + 쉬프트 + a 하면 밑에 하단에 태그쓰는란이 생깁니다. 거기에 태그쓰고 엔터하면 더손쉽게 html을 작성할수있어 도움이 될거같아 글 올려봅니다~~!