22,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 해결됨[코드캠프] 시작은 프리캠프
css에서 display 속성과 값을 강사님처럼 뒷쪽에 쓸 수 없어요 왜 그럴까요?
강사님의 경우 flex-direction: row;와 같은 값을 뒷쪽에 써도 되지만 저의 경우 뒤에쓰면 오류가 나고 맨 위에 써줘야 합니다. 왜 그런 것일까요?
- 해결됨[코드캠프] 시작은 프리캠프
21:15초 js 동작 질문
21:15초경 작성하신 코드대로 작성하고, 인증번호 전송을 여러번 클릭 할 경우 타이머 숫자가 버벅거리는 현상이 있는데, 이게 클릭 할 때 마다 3:00 타이머가 시작되어 여러개가 동시에 입력되어 발생하는 현상인가요? 맞다면 이 현상은 어떻게 해결하는지 궁금합니다.
- 해결됨[코드캠프] 시작은 프리캠프
코드가 이상해요 ㅠ
영상 보면서 그대로 했는데 9번째 줄부터 이상하게 배열이 됩니다.그리고 12, 13번째 줄에 따옴표가 생겨요. 인증번호 전송을 눌러도 숫자가 일 바뀝니다.어떻게 해야 하나요?
- 해결됨[코드캠프] 시작은 프리캠프
자바 스크립트 작성 코드 확인
html이나 css에서는 작성한 코드를 open with live server에서 확인할 수 있었는데 자바 스크립트에서는 그냥 콘솔에만 작성하고 작성된 코를 html처럼 확인할 수 있는 방법은 없나요?
- 해결됨[코드캠프] 시작은 프리캠프
제 콘솔화면이 이상해요.
콘솔에서 잘못 입력해서 지울 때 어떤 키를 눌러야 지워지고 다시 작성할 수 있나요? 영상에 나오는 콘솔 화면에는 바로 변수와 상수를 칠 수 있지만 제 콘솔 화면에는 영어로 Error 같은 메시지가 뜨네요. 이건 어떻게 해야 수정 할 수 있을까요?
- 해결됨[코드캠프] 시작은 프리캠프
과제하면서 궁금해서 질문 올립니다.
16분에 보면 별도로 제공되는 피그마 통해서 들어가서 확인 하라고 했는데 어떻게 들어갈 수 있는 건가요?
- 해결됨[코드캠프] 시작은 프리캠프
노션을 보고 figma에 들어갔는데 우측 상단에 inspect가 뜨지 않습니다 ㅠ
이런식으로 코드가 보이지 않습니다. 혹시 뭔가 잘못 가입을 했거나 잘못 들어간걸까요?
- 해결됨[코드캠프] 시작은 프리캠프
class 와 id 작성 순서
<div class="token__wrapper"> <div class="token" id="token">000000</div> 여기서 div class="token" 이랑 id "token" 순서를 반대로 하면 왜 컬러가 안 입혀지나요? css 적용순서가 달라지게 되나요?
- 해결됨[코드캠프] 시작은 프리캠프
파이널 과제 onkeyup="onchange()" 관련 질문
안녕하세요파이널 과제를 한 후 레퍼런스와 검토 중인데요,1/ 수업시간엔 changeFocus()로 알려주셨는데, 굳이 onchange="changePhone2()" onkeyup="onchange()" 로 사용된 이유가 있을까요? 굳이 두개로 나눠서 사용한 이유가 궁금합니다.2/ 해당 코드가 "키보드를 눌렀다 때면 onchange함수를 실행시켜줘. onchange는 changePhone함수를 실행시킨다는 의미야," 라는 의미일까요? 찾아봤지만 명쾌하게 이해가 되지 않아 질문합니다.
- 해결됨[코드캠프] 시작은 프리캠프
싸이월드 만들기 29분10초부터 갑자기 똑같이 안되는데 뭐가 잘못 됬을까요? ㅠㅠㅠㅠ
*{ box-sizing: border-box; margin: 0px; } .background{ width: 1024px; height: 600px; background-image: url("../images/background.png"); padding: 20px 0px 0px 20px; } .outerbox{ width: 808px; height: 544px; background-image: url("../images/outerbox.png"); } .wrapper { display: flex; flex-direction: row; padding: 32px 0px 0px 32px; } .wrapper__left { width: 208px; height: 472px; display: flex; flex-direction: column; } .wrapper__left__header { width: 100%; height: 30px; display: flex; flex-direction: row; justify-content: center; } .today { font-size: 9px; } .wrapper__left body { width: 100%; height: 100%; } .wrapper__right { width: 524px; height: 472px; background-color: violet; }지금 29분 10초 현재상황입니다 여기서 갑자기 justify-content: center; << 하는데 여기서부터 저장하기해도 홈페이지 변경이 안되네요 왜그런걸까요? ㅠㅠ
- 해결됨[코드캠프] 시작은 프리캠프
선생님 11분 26초까지 따라했는데 아무것도 안뜨는데 제가 뭘잘못한걸까요?
여기서 뭘잘못했을까요 제가? ㅠㅠ 사이트에 아무것도 안뜨네요 ㅠ
- 해결됨[코드캠프] 시작은 프리캠프
쌤 css정렬 강의에 12분40초에 클래스pb할때 그거 뭐눌러야되요??
쌤 css정렬 강의에 12분40초에 클래스pb할때 그거 뭐눌러야되요?? 쩜 눌러야되요? 뭘누른건지 모르겠어요 ㅠㅠ
- 해결됨[코드캠프] 시작은 프리캠프
Repositories 연결 오류
git init 작성했을때 좌측 상단에 숫자가 생기지도 않고 메시지도 뜨지 않습니다ㅠㅠ뭐가 문제일까요...?
- 해결됨[코드캠프] 시작은 프리캠프
실습4 함수작성방법 예제
const sendVerificationCode = () => { const token = String(Math.floor(Math.random() * 1000000)).padStart(6, "0") document.getElementById("verification__code").innerText = token document.getElementById("verification__code").style.color = "#" + token } const sendVerificationCode = () => { document.getElementById("verification__code").innerText = String(Math.floor(Math.random() * 1000000)).padStart(6, "0") document.getElementById("verification__code").style.color = "#" + String(Math.floor(Math.random() * 1000000).padStart(6, "0")) }상단의 코드와 하단의 코드 중 저는 하단의 코드로 작성했었는데, 이 경우 랜덤한 숫자는 나오는데 색은 변화가 없었습니다. 해당 이유를 알고 싶습니다!
- 해결됨[코드캠프] 시작은 프리캠프
회원가입 과제 질문
선생님 강의 잘 보고 있습니다. 다름이 아니라 몇 가지 여쭤보고 싶어 글을 올리게 되었습니다. 정답코드를 따로 볼 수 있는 곳이 있을까요?제 위의 코드에서 문제점이 있을까요?button 기능이 활성화 되지 않는데 이유가 무엇인지 잘 모르겠습니다.<!DOCTYPE html> <html lang="ko"> <head> <title>Upgrade_sign_up_page</title> <style> #signup{ width: 1920px; height:1080px; background-color: #FFFFFF; /* border:1px solid red; */ display: flex; flex-direction: row; justify-content: center; align-items: center; } .main{ box-sizing: border-box; width : 670px; height : 960px; border : 1px solid #AACDFF; padding : 60px; box-shadow: 7px 7px 39px rgba(0,104,255,0.25); border-radius: 20px; display: flex; justify-content: center; } .main2{ width: 470px; height: 818px; /* border: 1px solid green; */ display : flex; flex-direction: column; align-items: center; } #introduce{ width: 466px; height: 94px; font-family: 'Noto Sans CJK KR'; font-style: normal; font-weight: 700; font-size: 32px; line-height: 47px; color : #0068FF } #group1{ width: 466px; height: 80px; /* border: 1px solid red; */ } #email{ width: 158px; height: 23.65px; font-family: 'Noto Sans CJK KR'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color :#797979; } #vector1{ width: 466px; height: 0px; border: 1px solid #0068FF; } #sex{ width: 140px; height: 23.94px; display: flex; justify-content: space-between; font-family: 'Noto Sans CJK KR'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color : #000000 /* border:1px solid #0068FF */ } #checkbox{ width: 454px; height: 21.06px; font-family: 'Noto Sans CJK KR'; font-style: normal; font-size: 13px; line-height: 21px; color : #000000 } #line{ width: 470px; height: 1px; background-color: #E6E6E6; } button{ width: 470px; height: 75px; background-color: #FFFFFF; border: 1px solid #0068FF; border-radius: 10px; display: flex; align-items: center; justify-content: center; } #button_text{ width: 70px; height: 27px; font-family: 'Noto Sans CJK KR'; font-style: normal; font-weight: 400; font-size: 17px; line-height: 27px; text-align: center; color : #0068FF } </style> </head> <body> <div id = "signup"> <div class = "main"> <div class = "main2"> <div id = "introduce"> 회원 가입을 위해<br>정보를 입력해주세요 </div> <br> <div id = "group1"> <div id = "email"> *이메일 </div> <input type ="text" style="border: none; width:200px;height: 50px;font-size: 30px;"> <div id = "vector1"></div> </div> <br> <div id = "group1"> <div id = "email"> *이름 </div> <input type ="text" style="border: none; width:200px;height: 50px;font-size: 30px;"> <div id = "vector1"></div> </div> <br> <div id = "group1"> <div id = "email"> *비밀번호 </div> <input type ="password" style="border: none; width:200px;height: 50px;font-size: 30px;"> <div id = "vector1"></div> </div> <br> <div id = "group1"> <div id = "email"> *비밀번호확인 </div> <input type ="password" style="border: none; width:200px;height: 50px;font-size: 30px;"> <div id = "vector1"></div> </div> <br><br> <div id = "sex"> <div> <input type = "radio" name = "gender">여성 </div> <div> <input type = "radio" name = "gender">남성 </div> </div> <br><br> <div id ="checkbox"> <input type = "checkbox"> 이용약관 개인정보 수집 및 이용, 마케팅 활용 선택에 모두 동의합니다. </div> <br><br> <div id = "line"></div> <br><br> <button> <div id = "button_text"> 가입하기 </div> </button> </div> </div> </div> </body> </html>
- 해결됨[코드캠프] 시작은 프리캠프
border: none과 0px의 차이
강의에서는 none이라고 해주셨는데한번 0px로 해보니까 차이가 없더라구요 (육안으로는 차이 발견 못함)혹시 0px이 아닌 none로 하는 이유가 있나요?iframe은 네모난 aqua 영역 전부입니다~
- 해결됨[코드캠프] 시작은 프리캠프
텍스트를 안에 넣어도 상관없나요?
이름, Phone, E-mail, 인스타그램 이 텍스트를 >< 사이에 넣는것과</i> 오른쪽에 넣는 것과 차이가 있나요??
- 해결됨[코드캠프] 시작은 프리캠프
CSS input radio type 수정하는 방법이 궁금합니다
구글 통해서 radio 박스를 CSS를 이용해 변경하고폰트 위치랑 padding을 적용해보려고 했는데 적용이 안됩니다 피드백 부탁드립니다 ㅠㅠ // HTML <div class="radioSet"> <input type="radio" class="radioBox" name="gender">여성 <input type="radio" class="radioBox" name="gender">남성 </div> // CSS .radioSet { width: 100%; height: 25px; display: flex; flex-direction: row; justify-content: center; align-items: center; margin-top: 20px; } .radioBox { width: 20px; height: 20px; }
- 해결됨[코드캠프] 시작은 프리캠프
game.js 에러 메세지 질문 드립니다
코드는 강의 따라한 그대로 작성해서 구현이 잘 되는 상태인데 vs code 에러 메세지는 왜 나오는지 혹시 알 수 있을까요?
- 해결됨[코드캠프] 시작은 프리캠프
회원가입 양식 라디오버튼 색상은 어떻게 변경해야하나요?
<!-- 02-signup.html --> <!DOCTYPE html> <html lang="ko"> <head> <title>회원가입</title> <link href="./02-signup.css" rel="stylesheet"> </head> <body> <div class="flexBox"> <div class="formBox"> <div class="memberBox"> <h2>회원 가입을 위해<br>정보를 입력해주세요</h2><br> <div> <p>* 이메일</p> <input type="text"> <hr class="hr-blue"> </div> <div> <p>* 이름</p> <input type="text"> <hr class="hr-grey"> </div> <div> <p>* 비밀번호</p> <input type="password"> <hr class="hr-grey"> </div> <div> <p>* 비밀번호 확인</p> <input type="password"> <hr class="hr-grey"> </div><br> <div class="flex-radio"> <div class="radio-control"> <input class="radio-group" type="radio" name="gender">여성 </div> <div class="radio-control"> <input class="radio-group" type="radio" name="gender">남성 </div> </div> <div> <h5><input class="check-control" type="checkbox">이용약관 개인정보 수집 및 이용, 마케팅 활용 선택에 모두 동의합니다.</h5> </div> <div> <hr class="hr-grey"> <br> </div> <div> <button>가입하기</button> </div> </div> </div> </div> </body> </html> /* 02-signup.css */ * { box-sizing: border-box; } .flexBox { display: flex; flex-direction: column; justify-content: center; align-items: center; } .formBox { width: 670px; height: 960px; background: #FFFFFF; border: 1px solid #AACDFF; box-shadow: 7px 7px 39px rgba(0, 104, 255, 0.25); border-radius: 20px; margin-top: 60px; margin-bottom: 60px; } .memberBox { width: 470px; height: 818px; margin-top: 72px; margin-bottom: 70px; margin-left: 100px; margin-right: 100px; } h2 { width: 466px; height: 94px; font-family: 'Noto Sans CJK KR', sans-serif; font-style: normal; font-weight: 700; font-size: 32px; line-height: 47px; color: #0068FF; } p { width: 158px; height: 23.65px; font-family: 'Noto Sans CJK KR', sans-serif; font-weight: 400; font-size: 16px; line-height: 24px; color: #797979; } input { height: 30px; border: 0px; } .hr-blue { width: 466px; height: 0px; border: 1px solid #0068FF; } .hr-grey { width: 466px; height: 0px; border: 1px solid #CFCFCF; } .flex-radio { display: flex; flex-direction: row; justify-content: center; align-items: center; } .radio-control { margin: 15px; } .radio-group { width: 20px; height: 19.95px; accent-color: #EBEBEB; border: 1px solid #D2D2D2; vertical-align: -5px; } .check-control { width: 20px; height: 20px; border: 1px solid #C4C4C4; border-radius: 3px; vertical-align: -6px; margin-right: 15px; } button { width: 470px; height: 75px; background: #FFFFFF; border: 1px solid #0068FF; border-radius: 10px; }안녕하세요.수업을 듣고 과제 회원가입 양식 CSS에 도전하여 피그마랑 유사하게 만드는 데에는 성공했습니다.그런데 피그마를 보면 라디오 버튼이 회색이라 background 혹은 background-color 속성으로 적용을 해보니 색상이 변하지 않았고,구글링으로 accent-color를 사용하면 input 태그의 색상을 변경할 수 있다고 해서 써보니 스샷처럼 체크할 때만 회색으로 나오네요.혹시 다른 방법이 있을까요?