무료
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기
카톡 공유 말고 카페로 이동 하게 하고 싶은데 어떻게 하면 되나요?
판다님 안녕하세요~ 바로 또 질문을 하게 되어 죄송하지만 너무 궁굼합니다. 어찌어찌해서 공유하기 옆에 버튼은 추가 했는데, '카페가기' 이걸 눌렀을때 지정한 카페로 이동하고 싶은데 너무 어렵네요...
- 미해결[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기
질문 답변 부탁드립니다!!~~
테스트에 대한 결과를 각각 html 로 만들어놨는데 응답자가 선택한 결과에 따라서 각 html 로 넘길 수는 없나요?
- 미해결[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기
netlify 가 아무리해도 안되는데 좀 도와주세요
판다님! 안녕하세요~ 판다님의 어마어마한 강의 덕분에 MBTI 마지막 부분까지 왔는데요 netlify 업로드 하고 배포/공유 하려고 하는데 강의 영상에서는 그냥 집어 넣으면 바로 됐는데 저는 안 돼요... 어디를 수정해야 할까요..
- 미해결[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기
qnaList 관련 질문드립니다
qnalist의 구성을 바꾸고 질문 갯수를 줄였는데 그 후로 qnaList가 정의되지 않는다고 뜹니다. start.js:51 Uncaught ReferenceError: qnaList is not defined at goNext (start.js:51) at start.js:70 이렇게 뜨는데 혹시 어떻게 해야할까요ㅜㅜㅜ 다시 원래 qnalist로 바꾸면 구동이 됩니다. 질문 내용을 바꾸었을 때는 잘 작동을 하였으나 개수를 줄였을 경우에 오류가 나타났는데 혹 이유를 알 수 있을까요?
- 미해결[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기
판다님 응용방법이 궁금합니다
판다님 덕분에 엑셀밖에 모르는 제가 기어코 완성을 했답니다. 현재 4가지 유형으로 축소된 테스트지를 완성했습니다. 조금 응용할수 있는방법에 대해 궁금한데요. 1. 결과 페이지 상세 내용 아래에 데이터의 모든 결과값을 아예 나타내주는 방법이있을까요? (쥐 4점, 돼지 3점 ,소 2점 이런식으로) 2. 결과값이 동점일때, 두가지 동시에 나타내는 방법은 없을까요? 3. 마찬가지로 결과값의 차이가 2개 이내일때, 순차적으로 두 결과를 다 나타낼 수 있는방법이 있을까요? 4.모바일버전에서는 가끔 질문지를 두번 터치해야 넘어갈때가 있는데, 어느부분을 조정하면 될까요? 엑셀이면 후딱 만들었을것같은데 이쪽 언어를 모르니 어렵네요 ㅠㅠ 구동할수있는 식이나 방법을 조금알려주시면 제가 열심히 응용해볼께요 답변 부탁드립니다 ㅠ-ㅠ
- 미해결[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기
class 는 이름을 넣는 태그 아닌가요?
class = "mx-auto" 라고 넣으면 배경색이 가운데로 정렬이 되던데, class는 id 처럼 이름을 만들어주는 기능 아닌가요? 근데 어떻게 이름으로 되는게 아니라 mx-auto기능이 적용이 될수가 있는지, <div class="col-6"> 이것도 어떻게 이름으로 되는게 아니라 col-6만큼의 넓이로 지정이 되는것인지 궁금합니다.
- 미해결[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기
공유하기 대신 다시하기 버튼을 만들려 합니다!
공유하기 대신 js:begin으로 다시하기 기능을 만들어보고 싶은데 resultName이나 Desc는 다시 시도하면 내용이 변경되어 나오는데 이미지가 append되어서 이전 이미지가 사라지지 않고 이미지 두개가 출력되어 나옵니다..! imgDiv.remove(); 를 begin()안에 넣어 삭제시키고자 하였었는데 기존 이미지까지 출력이 되지 않았습니다ㅜㅜ 이전 이미지를 사라지게 하려면 어떻게 수정하면 좋을지 여쭤보고 싶습니다.!
- 미해결[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기
판다님 이거 한번 이미지 할려면 다 해야하는거에요 ?
예를 들어서 질문중 몇개는 항목을 선택하는것이 있고 몇개는 사진을 선택하게 하는것은 어떻게합니까?
- 미해결[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기
여러분들 모두 궁금해하실것같은데
SHARE page 에 카카오톡 뿐 아니라 링크를 복사할 수 있게해주는 버튼을 구현할 수 있는영상 만들어주실수있습니까?.. 요청드립니다
- 미해결[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기
질문 있습니다 ㅠㅠ
개발자 모드로 보면 저렇게 에러가 난다고 계속 뜹니다 ㅠㅠ start.js 코드는 판다님께서 해주신 것과 동일하게 짰는데 왜 이러는지 모르겠네요ㅠㅠ data.js에서 바뀐 부분이 있는데, 질문은 12개 그대로이고 유형이 12간지 총 12개에서 16개로 바뀌었습니다! 그리고 answer선택지도 a b c 세 개에서 a b 2개로 바뀌었습니다. start.js 코드는 다음과 같습니다!! (그리고 좋은 강의 제공해주셔서 너무 감사합니다..!! ㅠㅠ)
- 미해결[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기
질문있습니다
혹시 설문 응답자가 입력한 값이랑 결과값을 엑셀로 정리하거나 하려면 어떻게 해야되나요??
- 미해결[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기
판다님 질문 있습니다!!
섹션 나누는 부분에서 <section id= "main"> 을 치는 부분에서 판다님 화면이랑 깃허브에서 받은 파일으로는 section#main 만 쳐도 id 글자가 파란색으로 뜨는데 제가 치면 계속 주황색으로 뜹니다.. 그래서 일일이 <section id= "main">이라고 쳐도 id 부분은 그대로 주황색이에요. 그래서인지 페이지를 완성하고도 흰화면밖에 보이지 않아요 ㅠㅠ 복사 붙여넣기를 하려고 해도 되지 않습니다. 이건 왜 이런 걸까요??
- 해결됨[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기
상업적 이용 관련 문의
안녕하세요, 판다코딩님. 수업을 들으며 기본 코드와 디자인을 변형해 웹사이트를 만들고 있는 수강생입니다. 유의사항 강의에서 이미지 파일과 data 파일 내용의 상업적 이용이 금지되었다고 밝혀주셨는데요. 강의에서는 데이터와 이미지 파일을 학습만을 위해 사용해달라 하셨습니다. 이미지 파일 및 데이터 파일 질문/답변 내용을 완전히 다른 주제로 교체 후 사용한다면, 해당 수업 코드에 기반해 만든 웹사이트의 상업적 이용에 문제 없을지 문의드립니다. 읽어주셔서 감사합니다.
- 미해결[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기
맨 마지막 qna섹션이 페이드 인 되는 효과가 적용이 안됩니다..ㅠㅠ
<!DOCTYPE html> <html lang="ko" > <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>00의 심리테스트</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous"> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Stylish&display=swap" rel="stylesheet"> <link rel="stylesheet" href="./css/default.css"> <link rel="stylesheet" href="./css/main.css"> <link rel="stylesheet" href="./css/qna.css"> <link rel="stylesheet" href="./css/animation.css"> </head> <body> <div class="container"> <section id="main" class="mx-auto mt-5 py-5 px-3"> <h2 class="pt-5">십이 간지로 알아보는 연애 유형</h2> <div class="col-lg-6 col-md-8 col-sm-10 col-12 mx-auto"> <img src="./img/main.png" class="img-fluid" alt="mainImage"> </div> <p> 나만의 MBTI 사이트 입니다! <br> 아래 시작하기 버튼을 눌러 시작해 주십시오. </p> <button type="button" class="btn btn-danger mt-3" onclick="js:begin()"> 시작하기 </button> </section> <section id="qna"> <p>Test!</p> </section> <section id="result"> </section> <script src="./js/start.js" charset="utf-8"> </script> </div> </body> </html> index.html 코드입니다. const main = document.querySelector("#main"); const qna = document.querySelector("#qna"); function begin(){ main.style.WebkitAnimation = "fadeOut 1s"; main.style.animation = "fadeOut 1s"; setTimeout(() => { qna.style.WebkitAnimation = "fadeIn 1s"; qna.style.animation = "fadeIn 1s"; setTimeout(() => { main.style.display = "none"; qna.style.display = "block"; }, 450) }, 450); } start.js코드입니다. 어느 부분에서 오류가 난걸까요? ㅠㅠ 몇번이나 차근차근 읽어 봤지만 도통 보이질 않네요...
- 미해결[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기
뭐가 문제일까요 ㅠㅠ
계속 결과 값이 쥐로 똑같이 출력이 되는데 왜 그럴까요ㅠ
- 미해결[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기
각 질문에 설명 사진 넣는 법
안녕하세요! 섹션 5. 질의응답 강의를 참고하여서 각 질문이 나올 때마다(1번~ 12번) 그에 따른 참고 사진(0.png~ 11.png)을 출력하고 싶어 코드를 만져봤는데 어떤 부분이 문제인지 알기 어려워서 질문 남깁니다. (↓사진 우클릭 후 '새탭에서 이미지 열기' 하여 봐주시면 됩니다!) (파란 부분= 제가 트라이해본 코드입니다.) <!-- 여기가 각 질문별 이미지 들어갈 거 트라이 해본것... --> <div id="questionImg" class="my-3 col-lg-6 col-md-8 col-sm-10 col-12 mx-auto"> </div> ----------------------------------------------------------------------------------------------------- //여기부터 const questionImg = document.querySelector('#questionImg'); var qnaURL = './img/question/'; var lastURL= qnaURL + qIdx + '.png'; questionImg.src= lastURL; //여기까지 ------------------------------------------------------------------------------------------ 이외의 코드는 전부 result page의 코드와 동일하여 따로 첨부하지 않았습니다! 개발자 도구-콘솔 창에서도 에러 메세지가 뜨지 않고, 그냥 사진(0.png~ 11.png) 자체가 뜨지 않아서... 조언을 구하고 싶어 남깁니다. 어떻게 수정하면 좋을까요? 감사합니다!
- 미해결[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기
프로그레스바 로직 질문있어요....
ㅠ.ㅠ 저만 이해못하는지 질문이없네요.. 엔드포인트로 나누어서 인덱스+1 곱하시는 로직이 어떤 원리인지 궁금함미다...
- 해결됨[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기
뭐가 문제죠 ㅠㅠ
앞에서 시작하기 버튼 잘 작동했는데 뒤에거 하고나니까 작동이 안되요 ㅠ
- 미해결[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기
타입이 동점일 때 처리 방법
안녕하세요, 우선 좋은 강의 감사합니다. 다름이 아니라 결과 알고리즘에서 만약 두가지 타입이 동점(ex. 호랑이 6, 쥐 6)일 때, 앞쪽에 있는 타입을 출력시키는 형태잖아요? 그런데 동점일 때 아예 다른 타입의 결과(ex. 고양이)를 출력시키고 싶습니다. 이럴 경우 어떤 식으로 코드를 좀 바꿔주면 될지 궁금합니다. function calResult(){ console.log(select); var result = select.indexOf(Math.max(...select)); return result; } 이 부분에서 if문을 넣어준다던가... 어떻게 해야 할지 갈피가 안잡혀서 질문 드립니다.
- 미해결[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기
판다코딩님
판다코딩님 강의 내용 보면서 완벽히 따라했습니다 모든 수업이 끝났는데요 개발자도구에서는 에러가 안나는데 공유하기 버튼을 누르면 요청에 실패 하였다고 뜹니다 어떻게 해결할까요