풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]대시보드
월 16,500원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
질문있습니다
안녕하세요 선생님 해당 강의 4:42 부분에서 개발자 도구를 열어 확인 시, .container의 content 높이가 106px로 보입니다 .item의 content 높이가 102px인데 .container의 content 높이가 102px이 아닌 106px로 나오는 이유가 무엇인지 궁금합니다
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
선생님 질문 있습니다
안녕하세요 선생님 해당 강의 13:05 부분에 대해서 질문 있습니다 .head-container의 width, height 속성 값을 100%으로 지정하셨는데 해당 요소는 block 형태를 띄고 있어 width는 자동으로 100%로 설정 되는 것으로 알고 있는데 100%로 지정하는 이유가 따로 있는 것인지 궁금합니다
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
자료 권한 요청드렸습니다.
안녕하세요^^ 오늘 jun.hwang@unomic.com 메일로 자료 권한 요청드렸습니다. 확인부탁드립니다.
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
안녕하세요~ 문의드립니다.
안녕하세요~ 강의자료를 메일로 못받아봤는데 여기다 요청 드리면 될까요? doostyle@naver.com 으로 부탁드릴께요~ 항상 좋은 강의 감사드립니다.^^
- 해결됨풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
슬라이더의 화살표 hover에 관해 질문드립니다.
강사님 안녕하세요. 강의 내용에서 질문은 아니지만, 혼자 슬라이더 화살표에 효과를 적용해보다 궁금한 부분이 있어 질문드립니다. 아래 사진 처럼 슬라이더 화살표의 색상을 검은색(마우스를 올리지 않았을 때)->주황색(마우스를 올렸을 때)으로 바꾸려고, css에서 해당 부분의 hover를 다음과 같이 수정했습니다. 적용하려는 디자인 코드 .slide-prev-hover:hover { transition: transform 0.5s; transform: translateX(-2PX); color: orange; // 이 부분을 추가 } .slide-next-hover:hover { transition: transform 0.5s; transform: translateX(+2PX); color: orange; // 이 부분을 추가 } 이 외에 js나 html 코드는 강사님과 전부 똑같습니다. 제가 궁금한 점은 맨 처음에 (<) 버튼에 마우스를 올리면 주황색으로 잘 변하는데, 이후 활성화된 버튼들은 마우스를 올려도 전혀 색상이 변하지 않습니다. 그런데 색상은 변하지 않지만, translateX(2px)로 적용한 효과는 계속 제대로 움직입니다. 맨 처음 (<) 버튼에만 주황색이 적용되는 이유가, javascript로 color를 따로 적용하지 않았을 때만 정상적으로 동작하는 것 같다고 생각이 드는데 정확한 원인을 파악하기 어려워 질문 드립니다. 혹시 어떤 부분에서 문제가 발생한 것인지 알 수 있을까요?
- 해결됨풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
배열에 let 사용하는 경우 질문드립니다.
강사님 안녕하세요. 17:36 부분처럼 예문의 배열이 let을 사용하신 경우가 있어서 질문드립니다. const로 바꿔봐도 정상적으로 실행되고 강의에서도 const 사용을 권장한다고 말씀하셨는데, 혹시 let을 사용하신 이유가 따로 있을까요?
- 해결됨풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
자식 요소의 width를 %에서 px로 변경하는 이유
강사님 안녕하세요. 10:09 부분 질문 드립니다. 강사님께서 .class-image의 width를 100%에서 240px로 변경하셨고, %로 놔두면 여러 요소가 추가됨에 따라 카드 사이즈가 줄어들면서 최대한 많은 요소를 보여주려고 한다고 하셨습니다. 제가 이 부분이 조금 헷갈리는데, 요소를 배치하기 위해 사이즈를 조정하는 flex의 특성 때문에 그런 것인가요? 저는 width가 100%이면 부모 요소인 .class-card의 240px에 맞춰진다고 생각했는데, 생각해보면 .class-card도 240px로 설정했지만 사이즈가 변형되는게 조금 이해하기 어렵고 정확한 이유가 궁금합니다!
- 해결됨풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
border-radius 대신 부모 요소에서 overflow로 처리하는 방법
강사님 안녕하세요. 6:07 부분 질문 드립니다. 저는 카드 이미지의 모서리를 둥글게 만들기 위해서 .class-image의 border-radius가 아니라, .class-card를 overflow: hidden으로 처리해서 튀어나온 모서리 부분을 처리했습니다. 그런데 이 상태로 카드를 여러 개 추가하면 카드들이 ul안에 최대한 들어가는 형태로 변형되고, 카드들이 반응형처럼 줄어들어버려서 overflow: hidden을 제거 했더니 카드들이 고정된 크기로 남아 있었습니다. 카드 사이즈는 반응형으로 만들어지지 않아야하기 때문에 overflow 프로퍼티를 지울 수 밖에 없었는데, 왜 overflow를 사용하면 ul안의 모든 li 요소를 ul안에 보여주는 방식으로 적용되는지 궁금합니다! 혹시 li에 overflow: hidden을 적용하면 발생하는 특성일까요?
- 해결됨풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
rem 질문 드립니다.
강사님 안녕하세요. css 부분에서 rem을 계속 사용하다가 문득 의문이 생겨서 질문드립니다. rem은 최상위 요소 사이즈를 기준으로 적용된다고 제가 필기해놨었는데, 최상위 요소라는게 저희 코드에서 어떤 부분을 말하는 것인가요? 검색해보니 rem과 em은 css의 font-size를 기준으로 계산된다고 하는데, html/css 웹페이지 프로젝트 코드에는 최상위로 지정한 font-size가 없는 것으로 기억합니다. 그렇다면 브라우저에서 기본으로 지정한 font-size로 계산해서 2rem은 16 x 2 = 32px로 계산되는 것인가요?
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
안녕하세요, 권한 요청메일 확인 부탁드리겠습니다.
안녕하세요:) 어제 저녁에 메일 보냈는데 혹시 제대로 가지 않은건가 싶어 이렇게 글 남기게 되었습니다. 좋은하루 되세요~
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
모던 웹을 위한 웹접근성, 크로스 브라우징, 이미지 포맷 이해
화면이 없이 소리만 나옵니다.
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
강의자료 권한 요청드립니다
sgr4244@gmail.com 입니다
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
메일 확인 부탁드립니다.
- 본 강의 영상 학습 관련 문의에 대해 답변을 드립니다. (어떤 챕터 몇분 몇초를 꼭 기재부탁드립니다)- 이외의 문의등은 평생강의이므로 양해를 부탁드립니다- 현업과 병행하는 관계로 주말/휴가 제외 최대한 3일내로 답변을 드리려 노력하고 있습니다- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
메일 확인 부탁드립니다.
안녕하세요. 선생님~ 강의자료 요청 관련 메일 보내드렸습니다. 확인해주시면 고맙겠습니다.
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
반응형 모던 웹 5
.inner box 에서 타이틀과 메세지 위치를 지정힐때 abolute를 사용해도 괜찮나용?
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
메일 확인 부탁드립니다!
메일 확인 부탁드립니다!
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
메일 확인 부탁드립니다
- 본 강의 영상 학습 관련 문의에 대해 답변을 드립니다. (어떤 챕터 몇분 몇초를 꼭 기재부탁드립니다)- 이외의 문의등은 평생강의이므로 양해를 부탁드립니다- 현업과 병행하는 관계로 주말/휴가 제외 최대한 3일내로 답변을 드리려 노력하고 있습니다부탁ㄷ,립- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
css불러오기 질문 드립니다.
군대에서 웹의로 코딩을 하고있는 학생입니다. 이틀동안 고민 후 결론이 나오지 않아 이렇게 질문 남깁니다. 처음에 강의를 보며 코드를 작성하고 따라가고 있었는데 처음의로 실행을 하였을때 css가 적용이 되지 않았습니다. 저의 코드가 이상한것 같아 강사님의 코드로 하여도 같은 결과가 나왔습니다. 이곳 저곳 검색을 하며 문제를 찾아 보았는데 <link>태그가 문제일수 있다는 의견이 있어서 <link rel="stylesheet" href="/workspace/html-css/css/style.css" /> 이런식의로 절대주소로 작성도 해보았는데 css태그가 적용이 되지않습니다. 코드를 실행하였을때 나오는 화면에서 f12를 눌렀을때 404에러가 나오고있습니다. 혹시 이럴때 의심가는 부분이 있는지 여쭤보려고 질문올립니다.
- 해결됨풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
질문드립니다.
혹시 처음에 index.html에 했던 모든 기본 셋팅들을 페이지마다 해줘야하나요? 현재는 메인페이지만 했는데 로그인이라던지 더 추가되었을 때 해당 페이지들 마다 기본셋팅 mata태그들을 해줘야하나요?
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
함수 표현식 질문드립니다.
호이스팅 이슈 강의를 듣던 도중 함수 표현식에 대해 질문 드립니다. 보통 함수 선언문으로 만들고 그에 대한 함수를 호출할때 function getData() { } getData(); 이런식으로 함수를 호출해 주는데 함수 표현식으로 함수를 만들고 호출해야 할때는 어떻게 사용하는지 질문 드립니다.