33,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결프로그래밍 시작하기 : 웹 입문 (Inflearn Original)
캐러셀 구현할 때 main .carousel (css)
article.card main .carousel {~~} 이렇게 하는데 main.carousel 하지않고 main .carousel 해야하는 이유가 뭘까요 ㅠㅠ? main.carousel 이면 안되는 이유가 궁금합니다! 감사합니다~~
- 미해결프로그래밍 시작하기 : 웹 입문 (Inflearn Original)
비밀번호 동일 validation 구현이 잘 안됩니다!
안녕하세요. 비밀번호를 동일하게 입력했는데 계속 validation error message 가 표시됩니다. 왜 그런걸까요? @@ --- 아래는 작성한 js code 첨부합니다 --- window.addEventListener('load', function() { // alert('load 완료') clearMessages(); var formElem = document.querySelector('form'); formElem.onsubmit = submitForm; }); function clearMessages() { var messages = document.getElementsByClassName('alert-message') for (var i = 0; i < messages.length; i++) { messages[i].style.display = 'none'; } } function showMessage(inputElement, message) { var messageElem = inputElement.parentNode.querySelector('span'); messageElem.style.display = 'inline'; messageElem.innerText = message; inputElement.focus(); } function submitForm() { // account(계정정보) 가져오기 var accountInput = document.querySelector('input[name="account"]'); var passwordInput = document.querySelector('input[name="password"]'); var passwordConfirmInput = document.querySelector('input[name="password2"]'); // select, radio, checkbox var selectInput = document.querySelector('select[name="birth-month"]'); var radioInput = document.querySelector('input[name="gender"]:checked'); var checkInput = document.querySelector('input[name="agree"]'); console.log(accountInput.value); console.log(passwordInput.value); console.log(passwordConfirmInput.value); console.log(selectInput.value); console.log(radioInput.value); console.log(checkInput.value); var success = true; if (accountInput.value.length < 6) { showMessage(accountInput, '계정은 6자리 이상이어야합니다.'); var success = false; } if (passwordInput.value.length < 10) { showMessage(passwordInput, '비밀번호는 10자리 이상이어야 합니다.'); var success = false; } if (passwordConfirmInput.value.length !== passwordInput.value) { showMessage(passwordConfirmInput, '비밀번호가 동일하지 않습니다.'); var success = false; } return success; }
- 해결됨프로그래밍 시작하기 : 웹 입문 (Inflearn Original)
설문조사 실습에서
설문조사 실습에서 for (var j = 0; j < list[i].options.length; j++) // 이 부분에서 에러가 나타납니다.Uncaught TypeError: Cannot read property 'length' of undefined at survey.html:23뭐가 문제일까요...?
- 미해결프로그래밍 시작하기 : 웹 입문 (Inflearn Original)
div / span 차이?
div는 블록 요소, span은 인라인 요소로 이해하고 있는데요, div안에 span을 넣는 경우는 어떻게 이해하면 될까요? 아이디 validation 구현을 위해 div 안에 span을 넣을 때 왜 입력폼 오른쪽(옆)에 구현되는지 궁금합니다. span이 인라인 요소라면 다음줄에 구현되어야 하는 것 아닌가요? 질문이 두서 없지만 요약하자면 div와 span 쓰임새 차이가 궁금합니다!
- 해결됨프로그래밍 시작하기 : 웹 입문 (Inflearn Original)
맥북관련해서 질문드립니다.
저는 이번에 새로 맥북으로 웹개발을 배워보는 학생입니다. 혹시 맥북으로 수업을 들어도 코딩을 하는데 있어서, 문제점같은 건 없는건가요 ? 수업은 윈도우를 기반으로 진행하고 있어서, 질문드려봅니다..!
- 미해결프로그래밍 시작하기 : 웹 입문 (Inflearn Original)
vertical-align: middle; 작동이 안됩니다
article.card div{ display: :inline-block; vertical-align: middle; } 이렇게 했는데도.. 작동이 안됩니다.. 이유를 모르겠습니다ㅠㅠ
- 미해결프로그래밍 시작하기 : 웹 입문 (Inflearn Original)
name이랑 id 역할의 차이가 무엇인지 헷갈려요.
컴퓨터가 이해할 수 있도록 요소에 대해 지칭하는 명칭을 name="account" 라고 지정하는 것 같은데, id와의 차이점이 헷갈립니다 ㅠㅠ! 뭐가 다른 거길래 두 번 써주는 건가요?
- 미해결프로그래밍 시작하기 : 웹 입문 (Inflearn Original)
자바 스크립트 코드가 아예 적용이 안됩니다
자바 스크립트 코드가 해당 html에 아예 적용이 안됩니다..ㅠㅜㅠ scr도 잘 넣었는데도 아예 적용이 안되서 그냥 html 코드 안에 <script>여기 안에다도 넣어봤는데도 아예 실행이 안되요! 혹시 제가 스팰링이 잘못되었나 해서 console창도 들어가보고 했는데 error가 하나도 안떠요.. 그냥 애초에 아예 적용이 안된거 같은데 이 경우는 어떻게 해결하나요..? (+ submit 누르면 그냥 새로고침이 됩니다ㅠㅠ 콘솔창에는 아무것도 안뜨구요ㅠㅠ)
- 미해결프로그래밍 시작하기 : 웹 입문 (Inflearn Original)
실습 인스타그램 마지막강의 듣는데 smoothscroll-polyfill 이 다운받았는데 실행이 안되네요 ㅠ
깃허브에 있는 링크들어가서 다운로드 받아서 강의내용처럼 한줄짜리 코딩 다 입력하면 되는거 아닌가요?ㅠㅠ 계속 인강 돌려보고 코딩 확인했는데 저가 틀린거는 하나도 없네요 아마도 이게 문제인거 같아요 ㅠㅠ smoothscroll-master < 이거다운로드 맞나요 ? 그안에 smoothscroll.js 이파일 을 그냥 복사해서 넣으면되는거죠? 저는 왜안될까요 ㅠㅠ 꼭 답변 달아주세여ㅠㅠ 곧 완강인데 여기서 발목 잡히네요 진짜 강의 너무 만족합니다..마지막까지 딱 만들어서 멋진 수강평 쓰고싶네요 ㅠㅠ
- 미해결프로그래밍 시작하기 : 웹 입문 (Inflearn Original)
block요소 사용빈도에대해
구글에서 봤는데 html작성할떄 가장 많이 사용하는 언어들을 봤을때 div밑에 있는건 거의 사용을 안하더라구요 현재 개발하는데있어서도 div밑에있는 엘리먼트들은 사용을안하나요?
- 미해결프로그래밍 시작하기 : 웹 입문 (Inflearn Original)
width값이 안먹혀요ㅠㅠ
css에서 .cell { display: inline-block; width:30%;} 했을 때 변화가 없는데 어떻게 해야하나요?ㅠ
- 미해결프로그래밍 시작하기 : 웹 입문 (Inflearn Original)
인디케이터 업데이트에서 오류가 발생합니다.
첫 이미지에서 오른쪽 클릭을 하면 인디케이터가 바뀌고 또 다시 클릭을 하면 에러가 발생하고 바뀌지 않습니다 에러는 Uncaught TypeError: Cannot set property 'className' of undefined at updateIndicator (carousel.js:66) at HTMLDivElement.<anonymous> (carousel.js:44) 입니다 작성한 코드는 window.addEventListener('load', function () { let carousels = document.getElementsByClassName('carousel'); //캐러셀 이벤트를 등록하는 로직 for (let i = 0; i < carousels.length; i++) { addEventToCarousel(carousels[i]); } }); function addEventToCarousel(carouselElem){ let ulElem = carouselElem.querySelector('ul'); let liElems = ulElem.querySelectorAll('li'); //너비 값 조정 let liWidth = liElems[0].clientWidth; let adjustedWidth = liElems.length * liWidth; ulElem.style.width = adjustedWidth + 'px'; //슬라이드 버튼 이벤트 등록 let slideButtons = carouselElem.querySelectorAll('.slide'); for (let i = 0; i < slideButtons.length; i++){ slideButtons[i].addEventListener('click', createListenerSlide(carouselElem)); } } function createListenerSlide(carouselElem){ return function(e){ let clickedButton = event.currentTarget; //값 가져오기 let liElems = carouselElem.querySelectorAll('li'); let liCount = liElems.length; let currentIndex = carouselElem.attributes.data.value; //슬라이드 버튼 체크 if(clickedButton.className.includes('right') && currentIndex < liCount - 1){ currentIndex ++; scrollDiv(carouselElem, currentIndex); } else if (clickedButton.className.includes('left') && currentIndex > 0){ currentIndex --; scrollDiv(carouselElem, currentIndex); } //인디케이터 업데이트 updateIndicator(carouselElem, currentIndex); //슬라이드 버튼 보여줌 여부 업데이트 //새롭게 보여지는 이미지 인덱스 값을 현재 data 값으로 업데이트 carouselElem.attributes.data.value = currentIndex; } } function scrollDiv(carouselElem, nextIndex) { let scrollable = carouselElem.querySelector('div'); let liWidth = scrollable.clientWidth; let newLeft = liWidth * nextIndex; scrollable.scrollTo({left: newLeft, behavior: 'smooth'}); } function updateIndicator(carouselElem, currentIndex){ let indicators = carouselElem.querySelectorAll('footer > div'); for (let i = 0; indicators.length; i++) { if (currentIndex == i){ indicators[i].className = 'active'; } else { indicators[i].className = ''; } } } 여기까지 입니다
- 미해결프로그래밍 시작하기 : 웹 입문 (Inflearn Original)
1-8 호텔 체크인 부분 이미지에 사진이 뜨지 않습니다.
스펠링이 잘못되었나 싶어서 스미냑 해변과 호텔 체크인에 들어가는 이미지 파일을 같은 걸로 해봤는데 스미냑 해변 칸에는 들어가고 체크인에는 왜 파일이 안들어갈까요? 그리고 글씨에 비해 사진이 너무 큰 것 같은데 해결할 방법이 있을까요?
- 미해결프로그래밍 시작하기 : 웹 입문 (Inflearn Original)
3-20 querySelector질문
var accountInput = document.querySelector('input[name="account"]'); 여기서 괄호 안에 'input[name="account"]' 이거는 무슨 선택자인가요??
- 미해결프로그래밍 시작하기 : 웹 입문 (Inflearn Original)
1-4강 질문입니다.
1-4강에서 자동완성기능 키가 ctrl+e가 맞나요? 일단 emmet은 설치 했습니다. <!DOCTYPE html> <html> <head> <title></title> </head> <body> </body> </html>t> 처음 코딩 자동완성 키 눌렀을 때 이렇게 한꺼번에 나와버리는데 html태그만 나오게 하는 키가 뭔가요? 태그 하나씩만 나오게 하는 방법은 없나요?
- 미해결프로그래밍 시작하기 : 웹 입문 (Inflearn Original)
1-14실습도중 질문
실습 따라하는데 분명 method="POST"로 지정했는데 주소에 저렇게 값 받은게 뜨네요 왜이럴까요.....ㅠㅠ 코드 수정하고 저장 했습니다
- 미해결프로그래밍 시작하기 : 웹 입문 (Inflearn Original)
사진이 뜨지 않습니다
선생님이 해보신 여러가지 방법을 다 써보았는데도 사진이 뜨지 않습니다. 혹시 이럴땐 어떻게 해야하나요??
- 미해결프로그래밍 시작하기 : 웹 입문 (Inflearn Original)
영상 마무리에 대해
1-2, 1-5, 1-6 영상들이 죄다 강사님이 말씀하시는 도중에 끊겨서 영상이 아직 다 끊나지 않았는데 끊겼다는 생각을 하게 하네요...
- 해결됨프로그래밍 시작하기 : 웹 입문 (Inflearn Original)
radio에 관해 질문드립니다.
강의대로 input 태그 중 radio를 이용해 성별을 선택할 수 있도록 했을때 중복선택이 가능하고 한번 누르면 취소가 안됩니다. 중복을 허용하지 않도록 하는 방법이 있을까요?
- 미해결프로그래밍 시작하기 : 웹 입문 (Inflearn Original)
실습 오류
제 태그를 그냥 글씨로 인식하는데 뭐가 잘못된 걸까요?ㅠㅠ