풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]대시보드
월 16,500원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
선생님 강의를 듣고 작성해봤는데 코드가 안먹는 이유를 모르겠습니다 ㅠ
<section class="java2"> <img src="img/3.png" alt="" /> <ul> <li> <label for="original">원가:</label> <input type="text" id="original" />원 </li> <li> <label for="rate">할인율:</label> <input type="text" id="rate" />% </li> </ul> <button type="button" id="rate-btn">할인가격 계산하기</button> <div class="show-result"></div> </section> .java2 { border: 1px solid #000; width: 500px; margin: 0 auto; text-align: center; color: #111; font-size: 1.6rem; img { width: 100%; height: auto; } input[type="text"] { border-bottom: 1px solid #000; font-size: 1.6rem; } button { background-color: #111; color: #fff; padding: 1rem; margin-top: 10px; } } const rateBtn = document.getElementById("#rate-btn"); const showPrice = () => { //사용자가 입력한 값을 두개의 변수에 저장함 let original = document.querySelector("#original").value; let rate = document.querySelector("#rate").value; if (original > 0 && rate > 0) { let savedPrice = original * (rate / 100); let resultPrice = original - savedPrice; } document.querySelector(".show-result").innerHTML = "상품의 원래 가격은" + original + "원이고, 할인율은" + rate + "%입니다." + savedPrice + "원을 할인받아" + resultPrice + "원에 구매하실 수 있습니다."; }; rateBtn.addEventListener("click", showPrice);
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
form action 질문
form action="" 저 안에 무슨 주소를 넣어야 할 지 모르겠습니다. submit를 눌렀을 때 이동 할 주소를 넣어주면 되는건가요 ? 잘 감이 안오네요 ㅠㅠ
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
메일자료 송부드렸습니다 빠른 확인 부탁드려요~
안녕하세요. 자료요청 메일드렸습니다(인프런id포함) 구글메일 : godmsoo93@gamil.com 빠른 승인 부탁드립니다 ㅠㅠ
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
html에 이미지 넣는 방법에 대해 질문드립니다.
이제 저만의 웹만들어보는 실습하고 있는데요.. 이미지 넣을때 https://~~이런식으로 넣으시는데 이런 형식으로 변환은 어떻게 하는건가요? 저는 파일의 경로인줄알고 이미지 저장된 파일의 경로를 적어봤는데 사진이 깨지네요
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
추가 질문입니다..!!
-제가 작성한 vs code에서 Go live를 누르면 해당 웹페이지의 주소가 http://127.0.0.1:5500/ 이런식으로 뜨는데 휴대폰 브라우저에 입력하면 네트워크 서버에 연결할 수 없다고 뜨는데 왜 그런건가요..?ㅠㅠ
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
자료요청 메일 보내 드렸습니다.
자료요청 메일 보내 드렸습니다.
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
저만의 웹사이트로 바꿔보려고 내용들을 바꿔보았는데요
웹페이지 만들기 따라하면서 저만의 웹사이트를 만들어보려고 내용만 바꿔봤는데 디버깅하니까 사이트에 연결할 수 없음 localhost에서 연결을 거부했습니다. 라고 뜨는데 뭐가 문제일까요
- 해결됨풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
fontawesome 관련 검색하다가 유용한 기능 있어서 공유합니
<i class="fas fa-arrow-circle-left "></i> 아이콘의 크기를 조절할때 space 한칸 띄우고 크기 구문을 입력하면 따로 클래스를 정의하지 않아도 간편하게 사용 가능합니다. <i class="fas fa-camera fa-xs"></i> <i class="fas fa-camera fa-sm"></i> <i class="fas fa-camera fa-lg"></i> <i class="fas fa-camera fa-2x"></i> <i class="fas fa-camera fa-3x"></i> <i class="fas fa-camera fa-5x"></i> <i class="fas fa-camera fa-7x"></i> <i class="fas fa-camera fa-10x"></i> 물론 세밀한 설정은 클래스로 구분하여야겠지만, 사용 해 보니 꽤나 간편하게 작성이 가능했습니다.
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
교안 내용 관련해서 질문드립니다.
해당 코드에서 let을 var로 바꿨을 때 에러가 나는 이유를 제대로 이해했는지 여쭈어보고 싶습니다. var을 사용하면 호이스팅 이슈가 일어나 var getData; 가 가장 먼저 변수로 선언이 되는데, 이후의 코드에서 getData();로 함수처럼 사용하기 때문에 에러가 난다고 이해했습니다. 이가 맞을까요?
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
질문드립니다!
지금 강의에서 만든 웹페이지를 휴대폰을 통해 브라우저에서도 열 수 있나요??? 따로 코드를 짜야하는건지 다른 언어를 이용해 별개로 만들어야 하는건지 궁금합니다..!
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
안녕하세요 강사님! 질문 있습니다~
script 부분에 type 부분에 text/babel 넣고 웹을 실행하면 사진과 같은 에러와 함꼐 js가 작동하지 않습니다;; 어느 부분이 문제인지 잘 모르겠네요..ㅜ
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
질문있습니다!!!
강의와 직접적으로 관련된 건 아니지만 vs code관한 질문인데 엔터를 눌렀을때 다음 줄에서 띄워지는 간격을 줄일 수 있는 방법이 있을까요?? 선생님 코드는 엔터한번에 2칸씩 띄워지는데 저는 4칸씩 띄워집니다ㅜㅜㅜ 기본 설정에서 바꿔야 하는지 아니면 단축키를 이용해서 한번에 칸을 줄일수 있는지 궁금합니다!!
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
translateX 인자 질문
VanillaJS로 모던 웹페이지 만들기 강의4 main.js 파일에서 classList.style.transform = 'translateX(' + String(activeLi) + 'px)'; 의 ' + String(activeLi) + 'px 이 부분이 잘 이해가 안가서 질문드립니다 맨 처음 ' 의 의미와 끝부분 px에서 따옴표가 앞에 하나만 붙는 것의 의미가 궁금합니다 String(activeLi)+ 'px'일줄 알았는데 아니더라고요....
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
자료요청 메일이랑 인프런아이디 보냈습니다.
자료요청 메일이랑 인프런아이디 보냈습니다.
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
radio type 질문있습니다.
- 본 강의 영상 학습 관련 문의에 대해 답변을 드립니다. (어떤 챕터 몇분 몇초를 꼭 기재부탁드립니다)- 이외의 문의등은 평생강의이므로 양해를 부탁드립니다- 현업과 병행하는 관계로 주말/휴가 제외 최대한 3일내로 답변을 드리려 노력하고 있습니다- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 선생님 안녕하세요. 수업 듣고 따로 따라서 하다가 한가지 질문이 있어서 글 올립니다. UI 요소 상태 셀렉터 수업을 듣고 input type radio 를 만들고 클릭을 했는데 선생님께서 만드신 예시를 보면 요소를 클릭하면 한개만 클릭이 되어서 item1을 클릭하면 item1만 오랜지색이 되고 거기서 item2를 클릭하면 item1의 체크가 사라지면서 검정으로 바뀌고 item2만 오랜지색이 되는데 제가 만든것은 다른것을 클릭해도 원래 클릭했던 체크표시가 풀리지 않습니다. 혹시 그런 코드를 제가 안쓴건가요? 왜 이렇게 되는지 알려주세요
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
Promise 이해1 11분 12초
안녕하세요 강의 잘 듣고 있습니다 ~ 11분 12초 부분에 질문이 있어 글을 올립니다. setTimeout() 안에 let num = 10 으로 되어 있으니 처음 결과가 "error" 가 나오는건 이해가 되었습니다. 근데 두번째 then 에서 왜 "by Dave Lee"가 나오는지는 의문입니다. 똑같이 num 값이 10이기 때문에 "error2"가 나와야 하는거 아닌가요 ??
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
선생님 inner와 container 둘중에 하나만 쓰면 안되는건가요?
선생님 지나가다 댓글남깁니다~ inner 와 container 둘다 안쓰는건 header를 상위선택자로 써야하기에 문제가 있을거같고 둘중에 하나만 써도 될것같은데 굳이 두번이나 감쌀 이유가 있을까요? inner에서 바로 flex주고싶은데 그러면 이상해질까요? 그리고 head-brand와 head-blog , head-container는 단 하나뿐이라 클래스 말고 id로 써도 될텐데 class로 쓰는 이유가 있을까요?
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
학습자료요청 메일 보냈습니다
메일 보냈습니다 권한승인 부탁드려요
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
background-repeat에 space를 지정했을때
모던 웹을 위한 상세한 CSS background 이해1 5:20 style의 background-repead의 값을 space로 주면 애니메이션이 정지된 상태로 배경이 표시되는데 왜 그런거죠? space일때만 아니면 특정브라우저일때만 그런건가요? 감사합니다.
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
메일 드렸습니다!
자료 부탁드려요~~~