38,500원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결<M.B.I.T> 테스트 페이지 만들기! with Django
첫화면 버튼이 css 적용이 안됩니다..
.buttons button { width: 300px; height: 50px; padding: 5px; border-style: none; border-radius: 10px; font-family: "NEXON Lv1 Gothic OTF"; font-size: 20px; font-weight: bold; cursor: pointer; background-color: #fff; color: #7F47DD; margin-bottom: 20px; }로 코드 올려주신 것 그대로 했는데도 아래 사진처럼 기본 버튼으로 됩니다..다른 css 디자인은 잘 적용이 됩니다.뭐가 문제일까요?
- 미해결<M.B.I.T> 테스트 페이지 만들기! with Django
제출버튼 클릭하면 오류 발생
마지막 단계에서 제출버튼 클릭하니 위와 같은 오류가 발생합니다. 어떻게 해결해야해 하나요 ?
- 미해결<M.B.I.T> 테스트 페이지 만들기! with Django
makemygrations 오류
makemygrations을 실행 시키려니까 이런 오류가 발생합니다. 번역시켜보니까 'main_developer와 main_Question에 대해 지연 참조로 선언되었지만 앱 'main'이 제공하지 않습니다.' 라고 하는데 어떻게 해야 하나요?
- 미해결<M.B.I.T> 테스트 페이지 만들기! with Django
자바스크립트 오류 관련해서 질문합니다.
위에 보시는 것과 같이 실행시키니까 facebookShare.addEventListner는 함수가 아니라고 오류가 발생하는데 분명 강의 내용과 똑같이 쳤는데도 불구하고 이런 오류가 발생했습니다. 혹시 이것만 오류가 있나해서 다른것도 확인해 보니까 밑에 kakaoshare나 copyBtn에서도 같은 오류가 발생하였습니다. 어떻게 해야하나요?
- 미해결<M.B.I.T> 테스트 페이지 만들기! with Django
장고 ORM 깃허브 업로드 관련 질문입니다.
강의 내용을 응용해서 비슷한 프로젝트를 하고 있습니다.프로젝트 내용을 깃허브 레포에 업로드하는 과정에서 gitignore에 db파일은 올라가지 않도록 되어 있는데 깃허브에서 받은 파일이 완성된 페이지를 보여주도록 하려면 어떻게 해야하나요?이 이슈로 인해서 깃허브에서 다운받은 파일에서는 Question, Choice 등 데이터가 반영이 되지 않습니다.
- 미해결<M.B.I.T> 테스트 페이지 만들기! with Django
결과 페이지 만들기 -js편 execCommand를 더이상 지원하지 않습니다.
프론트엔드 마지막편을 보고 있는데 더이상 execCommand 명령어를 지원하지 않는다고 하여 다른 명령어를 찾아봤는데 옳은 코드 인가요?현재 url을 복사하는 함수를 작성한 것입니다.function copyUrl(){ let url = window.location.href; navigator.clipboard.writeText(url) .then(()=>{ alert('URL을 클립보드에 복사했습니다.'); }); }
- 미해결<M.B.I.T> 테스트 페이지 만들기! with Django
결과페이지 만들기 - css 강의 내 질문입니다.
css 코드에서 아래와 같은 코드를 작성하는데 lectures 클래스 내부에 p 태그를 사용하지 않았는데 왜 작성한 건지 궁금합니다..lectures p{ padding: 50px 0; line-height: 1.5; }
- 미해결<M.B.I.T> 테스트 페이지 만들기! with Django
테스트 사용자 이름을 결과페이지에 뜨게
테스트 문항이 시작되기 전, 사용자 이름을 주관식으로 받는 시스템까지는 제작할 수 있는데 사용자가 입력한 이름이 결과 페이지에 어떻게 설정할 수 있나요?1~10번 문항 전에 "당신의 이름은 무엇인가요?" 라는 질문페이지와 주관식 칸은 제작했는데 이 이름이 결과페이지에 뜨게하는 방법이 궁금합니다 ㅜㅜ
- 미해결<M.B.I.T> 테스트 페이지 만들기! with Django
js) 2/3 -> 3/3으로 안 넘어갑니다
1/3 -> 2/3 은 잘 되는데 2/3 -> 3/3은 안 넘어갑니다. const vheight를 .text가 아니라 영상대로 .test로 했을 땐 아예 넘어가지도 않았구요,(근데 이건 질문이랑 답, 버튼들 div class명이 text로 되어있어서 그런 것 같습니다.) 오타가 난 건가 확인을 해봐도 오타는 하나도 없는데 왜 안 되는지 모르겠습니다. 밑에는 자바스크립트 코드이구요. 혹시 css에서 수치를 잘 못 설정하면 이렇게 될 수도 있나요? 아니면 j query 때문일 수도 있나요.. ? 해결방법 아시는 분들 도움 부탁드립니다. (참고: alert창 나오는 부분은 일부러 코드를 적지 않았습니다. 커뮤니티 글 다 확인해보고 할 수 있는 수정은 다 해봤는데 안 됐습니다.)
- 미해결<M.B.I.T> 테스트 페이지 만들기! with Django
질문지를 블록형태로 바꿀려면 어떻게 입력해야하나요??
문뜩 테스트 사이트 만들다가 블록형태로 만들고 싶어졌는데 어떻게 해야댈지 모르겠어요.. 아래 사진을 위 사진으로 바꾸고 싶습니다!
- 미해결<M.B.I.T> 테스트 페이지 만들기! with Django
제출 클릭 시 result로 못넘어가는 오류
모두 정상인데, 여기서만 문제가 생깁니다. 다 체크하고 제출을 누르면, result로 넘어가지를 못하네요. views.py의 best_developer.count때문이라는데, 찬찬히 봐도 잘 모르겠습니다. 혹시 오타때문인가 싶어 노션에 올라온 코드를 그대로 가져다가 돌려봐도 동일한 문제가 발생합니다. 비슷한 질문이 이전에 올라왔지만 답변이 올라오지 않아 제가 다시 질문드립니다..
- 미해결<M.B.I.T> 테스트 페이지 만들기! with Django
구름 컨테이너 선택시 파이썬->장고 선택하면?
구름 커테이너 생성시 소프트웨어 선택할때 장고프로젝트선택지도 있는데 장고 선택하고 하면 어떤점이 다른가요?
- 미해결<M.B.I.T> 테스트 페이지 만들기! with Django
static.zip 링크가 없습니다!
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. https://paullab.co.kr/static.zip 이 주소가 맞나요? 접속하려하면 406이 발생합니다. 406 Not Acceptable
- 미해결<M.B.I.T> 테스트 페이지 만들기! with Django
display: flex 오류
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.\ 안녕하세요 선생님 ㅠ css적용하는데 display: flex; 적용하자마자 이 난리가 납니다... 왜그럴까요? #main_contents { display: flex; justify-content: center; margin-top: 100px; width: 100%; height: 100%; }
- 미해결<M.B.I.T> 테스트 페이지 만들기! with Django
안넘어가요.
1/3에서는 잘 넘어가는데 2/3에서는 안넘어 갑니다. html코드는 이거입니다. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>나의 개발 유형찾기</title> <link rel="stylesheet" type="text/css" href="css/reset.css"> <link rel="stylesheet" type="text/css" href="css/form.css"> </head> <body> <section id="survey"> <div class="wrapper"> <form id="form"> <div class="test"> <div class="question_container"> <h3 class="number">1/3</h3> <h3 class="question">당신이 가장 재밌었던 수업은?</h3> </div> <div class="answer"> <div> <input id="one" type="radio" name="answer_1"> <label for="one">게임 개발(유니티, 언리얼, Pygame)</label> </div> <div> <input id="one" type="radio" name="answer_1"> <label for="one">게임 개발(유니티, 언리얼, Pygame)</label> </div> <div> <input id="one" type="radio" name="answer_1"> <label for="one">게임 개발(유니티, 언리얼, Pygame)</label> </div> <div> <input id="one" type="radio" name="answer_1"> <label for="one">게임 개발(유니티, 언리얼, Pygame)</label> </div> <div> <input id="one" type="radio" name="answer_1"> <label for="one">게임 개발(유니티, 언리얼, Pygame)</label> </div> </div> <div class="btn_wrap"> <button class="next_btn">다 음</button> </div> </div> <div class="test"> <div class="question_container"> <h3 class="number">2/3</h3> <h3 class="question">당신이 가장 재밌었던 수업은?</h3> </div> <div class="answer"> <div> <input id="one" type="radio" name="answer_1"> <label for="one">게임 개발(유니티, 언리얼, Pygame)</label> </div> <div> <input id="one" type="radio" name="answer_1"> <label for="one">게임 개발(유니티, 언리얼, Pygame)</label> </div> <div> <input id="one" type="radio" name="answer_1"> <label for="one">게임 개발(유니티, 언리얼, Pygame)</label> </div> <div> <input id="one" type="radio" name="answer_1"> <label for="one">게임 개발(유니티, 언리얼, Pygame)</label> </div> <div> <input id="one" type="radio" name="answer_1"> <label for="one">게임 개발(유니티, 언리얼, Pygame)</label> </div> </div> <div class="btn_wrap btn_sort"> <button class="prev_btn">이 전</button> <button class="next_btn">다 음</button> </div> </div> <div class="test"> <div class="question_container"> <h3 class="number">3/3</h3> <h3 class="question">당신이 가장 재밌었던 수업은?</h3> </div> <div class="answer"> <div> <input id="one" type="radio" name="answer_1"> <label for="one">게임 개발(유니티, 언리얼, Pygame)</label> </div> <div> <input id="one" type="radio" name="answer_1"> <label for="one">게임 개발(유니티, 언리얼, Pygame)</label> </div> <div> <input id="one" type="radio" name="answer_1"> <label for="one">게임 개발(유니티, 언리얼, Pygame)</label> </div> <div> <input id="one" type="radio" name="answer_1"> <label for="one">게임 개발(유니티, 언리얼, Pygame)</label> </div> <div> <input id="one" type="radio" name="answer_1"> <label for="one">게임 개발(유니티, 언리얼, Pygame)</label> </div> </div> <div class="btn_wrap btn_sort"> <button class="prev_btn">이 전</button> <input type="submit" value="제 출" class="submit_btn"/> </div> </div> </form> </div> </section> <script src="https://code.jquery.com/jquery-3.6.0.js"></script> <script type="text/javascript" src="js/form.js"></script> </body> </html> 자바스크립트 코드는 이거입니다. function scrollUp() { const vheight = $('.test').height(); $('html, body').animate({ scrollTop: ((Math.ceil($(window).scrollTop() / vheight)-1) * vheight) }, 500); }; function scrollDown() { const vheight = $('.test').height(); $('html, body').animate({ scrollTop: ((Math.floor($(window).scrollTop() / vheight)+1) * vheight) }, 500); } $(function(){ $('.next_btn').click(function(e){ let divs = $(this).parent().prev().children(); let inputs = divs.find('input:checked'); if(inputs.length < 1) { alert('문항이 선택되지 않았습니다.'); return false; } e.preventDefault(); scrollDown(); }); $('.prev_btn').click(function(e){ e.preventDefault(); scrollUp(); }); $("#form").submit(function() { let radios = $('input[type=radio]:checked'); if(radios.length < 10) { alert("문항이 선택되지 않았습니다."); return false; } return true; }); $("html, body").animate({ scrollTop: 0 }, 500); });
- 미해결<M.B.I.T> 테스트 페이지 만들기! with Django
다른 방식으로 구현하는 부분에 대한 질문입니다.
안녕하세요. 지금 진행해주신 강의대로 따라하면, Choice에 Question과 Developer 유형이 연결되어져서 결과값이 도출되는 방식인 것으로 이해했는데요. 다른 방식으로 한 번 제작해보고 싶습니다.. 기존의 mbti 처럼 E와 I를 결정 짓는 문제 3개, S vs N, T vs F, J vs P 도 마찬가지로 3개씩 하여 총 12문제를 내고, E에 해당하는 답이 I보다 많았다 하면 E가 결정되고, 다른 부분들도 그런식으로 결정되서 결과가 ESTJ 이런식으로 도출되도록 하고 싶습니다. 이렇게 구현하는 것도 가능한가요? 가능하다면 어떻게 할 수 있는지도 궁금합니다! 감사합니다.
- 미해결<M.B.I.T> 테스트 페이지 만들기! with Django
문항 클릭시 다음페이지로 넘어가게 할 수 있을까요?
지금은 다음페이지 버튼을 눌러야 다음 문제로 넘어갈 수 있는 방식인데, 문제에 대한 답을 클릭하면 바로 다음 문제로 넘어가는 방식은 구현하기 어려울까요? 당장의 자바스크립트 수정은 어렵지 않은 것 같은데, 이후에 데이터 연결?하는 부분은 어떻게 해야할 지 전혀 모르겠어요..
- 미해결<M.B.I.T> 테스트 페이지 만들기! with Django
uWSGI 소켓 설정 후에 프로젝트 화면 접근이 안 됩니다.
uWSGI 소켓 설정 후 단계까지 진행했는데, uwsgi -i .config/uwsgi/uwsgi.ini 하고 프로젝트 접근해보니까 아래 화면이 뜹니다. 어디 부분 확인해야 할까요?
- 해결됨<M.B.I.T> 테스트 페이지 만들기! with Django
다 완성하고 배경색을 바꾸려고 하는데요
main-static-css 폴더 안의 form, result, style 의 body background-color를 모두 변경해주어도 배경색이 변하지 않습니다 바꾸고 저장후 서버를 새로 실행시켜도 마찬가지입니다 저장후 새로 실행시킨 페이지에서 f12를 눌러서 확인해보면 여전히 배경색이 #FAF1BE 로 뜹니다 staticfiles- css 폴더의 form, result, style 을 변경시켜도 마찬가지 입니다. 완성 후 배경색을 변경하기 위해서는 어떻게 해야할까요?
- 미해결<M.B.I.T> 테스트 페이지 만들기! with Django
foem.html 에서 input 태그에서
삭제된 글입니다