46,200원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
전 영상에선 position:absolute; 작성없이 after이랑 before를 추가하셨는데
전 영상에선 .gnb a:before { content:'01'; background:blue; color:#fff; width:20px; height:20px; display:inline-block; text-align:center; line-height:20px; font-size:12px; margin-right:5px; border-radius:50%; } .gnb a:after { content:'update'; font-size:12px; background:crimson; color:#fff; margin-left:5px; padding:2px; border-radius:3px; } 이렇게만 해서 가상클래스 만들어주셨는데 왜 이번영상에선 position:이 들어갔는지 궁금합니다 직접 만들어보니깐 이번 영상꺼는 position을 안쓰니까 가상클래스가 안만들어져서 더욱 궁금하네요 ( 좋은 강의 감사합니다 : > )
- 해결됨HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
CSS 맨 윗줄에
안녕하세요. css 맨 윗줄에 charset "UTF-8"; 안넣어도되나요? 실무에서 작업할때요?
- 미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
선생님 질문드립니다.
안녕하세요 선생님 ~ progress bar 의 테두리를 border: 1px solid red 이런식으로 넣었다면 그 테두리 또한 단색이 아니라 그라디언트 색상값 적용이 가능한가요?
- 미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
safari 에서 결과를 확인하는데.. 이상하네요
안녕하세요 강의 들으며 따라하고 있는데 사용 환경은 mac 이고 safari 로 라이브서버 켜서 코드 확인하고 있습니다 그런데 제 결과창에 있는 placeholder 모양이 이상해서 질문드립니다 ..ㅠㅠ 첫번째 사진은 .item input 을 모두 주석처리하니 저런 스타일이 나왔고 2) .item input 주석을 풀면 꼭 창문 틀처럼 저렇게 placeholder 테두리가 액자같은 유격?이 생겨있네요... 강사님이랑 똑같은 코드로 작성했는데.. 저거 없애려면 어떡하면 좋을까요? 혹시 크롬이나 다른 환경에서 켜서 확인해봐야할까요?
- 미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
강의중 욕설에 대하여
안녕하세요 강의를 수강하고 있는 한 수강생입니다. 오늘도 평소와 같이 수업을 듣고 있었습니다. 강의를 잘 따라가다가 'CSS 서식관련 속성(목록 스타일)' 강의 03:53 부분에 갑자기 '시x'이라며 선생님의 욕설이 나와서 많이 당황했습니다. 이에 대하여 사과와 해당 강의의 빠른 편집이 이루어져서 다른 수강생의 불편함이 없도로 조치를 취해주시기를 바라며 글 작성합니다.
- 미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
질문있습니다!
그 혹시 배경을 동영상으로 풀스크린 해서 before를 주면 먹히질 않는데 video는 어둡게 할수 없는 건가요?ㅠㅠ
- 미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
css 궁금한 점이 있습니다.
외부스타일과 내부스타일이 로딩속도(성능) 차이가 있는가요?
- 미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
왜 똑같이했는데 실행이 안될까요...??
제이쿼리 색갈이 코딩웍스님과 다른데 왜그러죠 ㅜㅜ 전 강의에서 주신 제이쿼리 소스도 다운받았는데...
- 미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
코딩웍스 선생님 aos 관련 문제 짖문입니다! ㅜㅜ
삭제된 글입니다
- 해결됨HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
실전 예제에서 안 배운 명령어들
안녕하세요. 강사님 제가 웹디자인 기능사 실기를 막 마치고 이 강의를 후속으로 듣고 있는데, 실전예제들에서 모르는 명령어들이 많아서 질문드립니다. 질문들을 살펴봤는데 CSS 중급이론 재생목록을 추천해주셨는데, 이밖에도 실전예제들을 볼려면 더 봐야되는 재생목록이 있을까요? 사실, 모르는 명령어들을 구글에 검색해서 메모를 해봤는데 이번 폰트 어썸 위에 content에 적는 f105에 폰트 유니코드라고 하셨는데 약간 이해가 안되기도 해서 질문드립니다. 요약 : 실전예제들을 볼때 모르는 명령어들이 많아서 CSS 중급 이론 재생목록말고 들어야될 이론 같은게 있을까요?
- 미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
이게 언제적 동영상인지 모르겠는데요.
요즘은 float로 레이아웃 인잡지 않나요? float는 원래 레이아웃 잡는 용도가 아니라고 알고 있습니다. display: flex 나 display:grid를 많이 사용할텐데.. 최신 트랜드에는 맞지 않는 영상같아요. (게다가 "가로정렬 2가지 방법"이라는 문구도..;;) 근데 영상 시간이 다 넘 기네요.
- 미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
clear에 관한 질문입니다
float를 썼는데도 clear를 안 써도 되는 경우라면 width와 height를 따로 지정해 줘서 float가 안 먹는 걸까요?? 아님 다른 이유가 있는 걸까요?
- 미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
p태그 오류
영상에서처럼 <p></p> 사이에 글을쓰면 html에 글이안보이고 오히려 그냥 글쓰고 </p>하면 html상에서 보이는데 이유가뭘까요?ㅜㅜ..
- 미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
이미지 첨부자료 어디서 받을수있을까요~??
강의에서 첨부자료 받으라고 하셨는데 어디서 받으면 될까요??
- 미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
아이콘 안뜸..
선생님 뭐가 잘못일까요..? 아이콘이 계속 안뜹니다.. 그리고 cdn 들어갔는데 선생님주소랑 약간 다른 사이트가떠요.. 바뀐건가요..? 아는분한테 물어봤더니 버전문제라는데.. 참고로 @import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'); 이거로 연동해도 안됩니다 ㅜ왜그럴까요..
- 미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
:before로 적용된 배경이 100%로 채워지지 않습니다 ㅜㅜ
인스타그램 로고 부분에 그라데이션 효과를 주고 싶어서 배경(.sns a:nth-child부분)에 컬러를 주고 :before부분(.sns a:nth-child:before)에 화이트를 주어서 작업해보았는데요. 작동은 잘되는데 hover하기전 before부분의 height가 100%일때 사진처럼 상하좌우에 배경색이 조금씩 표시가 됩니다 ㅜㅜ before부분의 width랑 height를 100%이상으로 더 늘려봐도 똑같네요.. 어떻게 해야 깔끔하게 올화이트로 보이게 할수 있을까요??
- 미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
display:flex 적용하면 인라인블록 요소를 갖게되나요?
블록이라는데 flex하면 한줄에 여러개배치되는거 같아서요 관계없지만 질문드립니다ㅜㅜ
- 미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
포지션 fixed
사이드바를 position:fixed 를 주셨는데 그럼 label에도 position:fixed를 줘서 같이 따라다니면서 제어 하는게 더 자연스럽지 않을까요??
- 미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
>앱 UI 레이어 3D 호버 에니메이션 트랜지션 효과질문입니다
.app-ui { position: relative; width: 400px; height: 600px; transform: rotate(-30deg) skew(20deg); transition: 0.5s; } .app-ui img { position: absolute; transition: 0.5s; } .app-ui:hover img:nth-child(1) { transform: translate(40px, -40px); opacity: 0.2; } .app-ui:hover img:nth-child(2) { transform: translate(80px, -80px); opacity: 0.4; } .app-ui:hover img:nth-child(3) { transform: translate(120px, -120px); opacity: 0.6; } .app-ui:hover img:nth-child(4) { transform: translate(160px, -160px); } 마지막에 img태그가 트랜지션 효과가 적용되는 이유가 궁금합니다. 제가 알기로 트랜지션효과는 a에서 b로 이동하는 효과이기때문에 a지점이 반드시 같은 속성값이 코딩에 입력되있어야 적용이되는걸로 알고 있는데. ex)top:0 -> top: 50%, traform:tranlateY(0) -> tranform:translateY(50%) 위에 값을보면 img 태그는 hover에만 tranform:tranlate가 적용되있는데 왜 트랜지션 효과가 적용되는건가요? .app-ui img { position: absolute; transition: 0.5s; tranform:translate(x , y) } 이거처럼 값을 적용시킨이후에 해야 트랜지션 효과가 적용되는게 아닌가요?
- 미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
안녕하세요 질문드립니다
여쭐것이 있어서 캡처와 함께 말씀드려 봅니다 ^^ 강좌 이름은 포트폴리오 실전 퍼블리싱 / 제이쿼리(jQuery) 필수 핵심이론(요소탐색 메서드 – children, siblings) 강의 이고 거기에 있는 예제 그대로 코드를 실습하며 듣고 있습니다. [ html ] 1) 맨 첫줄 선택자에 '.menu li > a' 를 넣었더니 실행이 안되고(하단이미지) 2) 강사님의 예제에 따라 선택자를 '.menu li' 로 넣었더니 실행이 되는데(하단이미지) 왜 1) 에 따른 선택자를 넣으면 실행이 안되는지 납득이 잘 가지않아서 질문드려봅니다. .menu li > a 는 곧 menu-1 이 적힌 버튼에 mouseenter 하는 것이라 생각해서 이와같은 선택자를 넣었는데 왜 실행이 안되는걸까요..? 제가 어떤 개념이 부족한가요? 답변 감사합니다.