22,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 해결됨[코드캠프] 시작은 프리캠프
HTML 관련
안녕하세요 방금 막 강의 듣기 시작하여서 회원가입 페이지 만드는 실습 중입니다.vscode 설치부터 extentions까지 똑같이 다운로드 받고 강의와 동일하게 실습을 진행하였는데 파일을 열어보면 결과가 다르게 나옵니다.먼저 글씨체가 멘토님과 다르게 나오고 input박스에 테두리가 안 보입니다. 입력이 되는것을 보면 input박스가 존재하긴 하는데 테두리가 왜 안 보일까요?인코딩 역시 utf-8로 동일합니다!
- 해결됨[코드캠프] 시작은 프리캠프
제가 머리가 안좋은걸까요...
처음 배워보는 사람인데 CSS정렬까지만 보고 회원가입창을 만들 수 있는 건가요? 아무리 해봐도 안되는 것 같아서 여쭤봅니다 그리고 여기서부터 전진을 못하고있습니다 저 자식박스들을 옆으로 옮기는 방법이 무엇인가요? 각자 class마다 flex선언을 해야하나요?
- 해결됨[코드캠프] 시작은 프리캠프
git hub 업로드
파이널 까지 듣고 나서 추가로 수정해서 해당 파일을 업로드 할때마다 강의에서 알려주신 코드를 모두 입력해야 되는건가요? 아니면 git push origin master만 입력하면되는건가요?
- 해결됨[코드캠프] 시작은 프리캠프
싸이월드 1탄 강의 수강 중 질문드립니다
사진과 같이 wrapper__left__header와 wrapper__left__body를 정의하는 순간부터 레이아웃이 강의와는 다르게 망가지는데 뭐가 문제인지 모르겠습니다 ㅠㅠ flex로 정렬해 봐도 바뀌는 게 없습니다... 왜인지 알려주시면 감사하겠습니다
- 해결됨[코드캠프] 시작은 프리캠프
싸이월드 만들기 31:20초쯤
네비게이션의 글꼴이 위쪽으로 치우쳐져있다고 하셨는데 혹시 이게 무슨의미인가요?글씨가 작아지게 되면 위쪽으로 치우쳐져있는 형태가 될것이라고 했는데 무슨 의미인지 잘 이해가안됩니다.
- 해결됨[코드캠프] 시작은 프리캠프
::marker는 input태그에 어떤 스타일을 꾸며주는 건가요?
파이널 과제 래퍼런스 보다가<input class="inputbox" id="email" type="text" placeholder="이메일을 입력해 주세요."/>.inputbox::marker { border: 1px solid #0068FF; }이렇게 되어있던데 mdn 보니까 ::marker는 li 관련된 내용만 있고 input 관련된 내용은 없어서 질문드립니다.::marker는 input태그에 어떤 스타일을 꾸며주는 건가요?
- 해결됨[코드캠프] 시작은 프리캠프
강의자료
강의 자료 탭에서 보고싶은데 pdf다운 가능한가요??
- 해결됨[코드캠프] 시작은 프리캠프
타이머 끝나기 전 '인증번호 전송' 누르면 타이머가 겹치는 문제
안녕하세요최종 과제에서 타이머를 다시 만드는데, 타이머 3분이 끝나기 전에 '인증번호 전송'을 다시 누르면 타이머가 겹쳐서 시간이 이상하게 표기됩니다.수업때는 조건이 time < 0일때, clearInterval(timer) 로 해결한다고 하셨는데, 타이머 끝나기 전에는 타이머가 초기화되지않아서요... 아래는 제 코드와 설명입니다. (final.js 파일 안) let isStarted = false // 인증번호 생성 및 타이머 함수. 인증번호 버튼 onclick="startTimer()"로 되어있음. let startTimer = () => { if (isStarted === false){ isStarted = true // 인증번호 생성 let token = String(Math.floor(Math.random() * 0xffff)).padEnd(6, "0") document.getElementById("auth__number").innerText = token // 인증확인 버튼 활성화 & //인증 전송 비활성화 document.getElementById("auth__checkbtn__id").disabled = false //document.getElementById("auth__sendbtn__id").disabled = true // 타이머 시작 (5초) let time = 5 let timer clearInterval(timer) timer = setInterval(() => { if (time >= 0 && isStarted){ //여기 isStarted 조건 추가해 중복타이머 막음 let min = Math.floor(time / 60) let sec = String(time % 60).padStart(2,"0") document.getElementById("auth__time").innerText = min + ":" + sec time = time - 1 } else { document.getElementById("auth__checkbtn__id").disabled = true document.getElementById("auth__sendbtn__id").disabled = false //isStarted = false // 그렇다고 여기에 isStarted = false 더쓰면 또 겹침... 깨끗한 상태로 시작이 왜안되지? clearInterval(timer) document.getElementById("auth__time").innerText = '3:00' document.getElementById("auth__number").innerText = '000000' } }, 1000) } else { // **타이머 작동중일때. isStarted 상태 바꾸기.. ** // 그러나 다시 If문을 진입해 타이머 재시작하려면 다시 [인증 전송]버튼 눌러야함 isStarted = false console.log('타이머 작동중임') // clearInterval(timer)는 위의 If문 안에있어 불러올 수 없음. // startTimer()를 재귀적으로 불러오면 또 다시 타이머 겹침 } } <로직>1. 타이머가 작동중이지 않을때 버튼 누름 (isStarted = false 상태) 2. 타이머 시작 (isStarted = true 상태)3. ** 타이머가 작동중일때 [인증 전송 버튼] 다시 누름 (isStarted = false로 바꿈) ** --> 타이머가 재시작 하지 않음 (함수는 else문에서 끝났기 때문)4. 재시작위해 [인증 전송버튼] 다시 누름 (3단계에서 isStarted가 false로 바뀌어서 이제 타이머 다시시작)**표시 있는 else문**(3단계)에서 IsStarted = false로 바뀌고 else문이 끝났기 때문에,다시 타이머를 시작하도록 재귀적으로 startTimer()함수를 실행하면 또 타이머가 겹칩니다. ㅠㅠ 이렇게 저렇게 바꿔봐도 해결이 안되서 그냥 인증과 동시에 인증번호생성 버튼을 비활성화 시켰습니다... 어떻게 타이머 작동중에 [인증 전송]버튼 누르면 겹침문제없이 다시 타이머가 초기화되도록 할 수 있나요?
- 해결됨[코드캠프] 시작은 프리캠프
싸이월드 만들기 1탄에서 피그마 링크를 어디서 확인하나요?
싸이월드 1탄 강의를 듣고 있는데 제공했다는 피그마 링크를 통해서 진행하는데 피그마 링크를 확인할수 있는 안내가 없어 강의를 진행하기가 어렵습니다.학습용으로 제공된 피그마 계정을 공유부탁드립니다
- 해결됨[코드캠프] 시작은 프리캠프
divideLine에 margin을 줘서 떨어트리는 방법말고는 없나요?
싸이월드 만들기 5탄에서 divideLine에 옹기종기 붙은 곳을 margin 값을 넣어 서로 분리하셨습니다. 저는 margin에서 임의의 값을 넣어 떨어트리지 않고justify-content: space-between 으로각 영역을 균등하게 떨어트리고 싶은데, wrapper__header 부분이flex-direction: column으로 되어서 justify-content로는 안되는데,혹시 다른방법은 없나요?
- 해결됨[코드캠프] 시작은 프리캠프
Live-server로 html 파일을 볼때 이상한 것들도 같이 보여요
hl-aria-live-container 가 무엇인가요??모든 div에 css를 적용 해서 그런것 같은데 선생님이 강의 진행 하실때는 왜 안나타난 걸까요??
- 해결됨[코드캠프] 시작은 프리캠프
줄바꿈안하고 바로 아래로 내려가는 방법이 있나요?
태그를 작성하고 엔터를 누르면 줄바꿈이 되는데영상을 보면 강사님이 바로 오른쪽으로 이동을 하시더라구요 무슨키인가요?
- 해결됨[코드캠프] 시작은 프리캠프
이메일, 이름, 비밀번호, 비밀번호확인의 input 창만
이메일, 이름, 비밀번호, 비밀번호 확인의 input 창만 따로 왼쪽정렬하고싶은데 방법이 없을까요?.inputform 에 float: left !important; 로 강제로왼쪽정렬 속성을 넣어도 안되네요 <!DOCTYPE html> <html lang="ko"> <head> <title>회원가입</title> <!-- <link href="./02-signup.css" rel="stylesheet"> --> <style> .all { box-sizing: border-box; background: #FFFFFF; width: 670px; height: 960px; border: 1px solid #AACDFF; box-shadow: 7px 7px 39px rgba(0, 104, 255, 0.25); padding: 10px; border-radius: 20px; display: flex; flex-direction: column; justify-content: space-around; align-items: center; padding: 100px; } .head { box-sizing: border-box; width: 466px; height: 94px;; color: #0068FF; font-family: 'Noto Sans CJK KR'; font-style: normal; font-weight: 700; font-size: 32px; line-height: 47px; } .line { width: 466px; height: 0px; border: 1px solid #0068FF; } .line2 { width: 466px; height: 0px; border: 1px solid #CFCFCF; } .inputform { box-sizing: border-box; border: none; 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; float: left !important; } .check { box-sizing: border-box; width: 20px; height: 20px; background: #FFFFFF; border: 1px solid #C4C4C4; border-radius: 3px; } .agree { box-sizing: border-box; width: 419px; height: 21px; font-family: 'Noto Sans CJK KR'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 21px; color: #000000; } .button { box-sizing: border-box; width: 470px; height: 75px; background: #FFFFFF; border: 1px solid #0068FF; border-radius: 10px; font-family: 'Noto Sans CJK KR'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 27px; /* identical to box height */ text-align: center; color: #0068FF; } </style> </head> <body> <div class="all"> <div class="head"> 회원가입을 위해<br>정보를 입력해주세요 </div> <br><br> <div> <input class="inputform" type="text" placeholder="*이메일"><br><br> </div> <hr class="line"> <div> <input class="inputform" type="text" placeholder="*이름"><br><br> </div> <hr class="line2"> <div> <input class="inputform" class="pw" type="password" placeholder="*비밀번호"><br><br> </div> <hr class="line2"> <div> <input class="inputform" class="pw" type="password" placeholder="*비밀번호 확인"><br><br> </div> <hr class="line2"> <div> <input type="radio" name="gender">여성 <input type="radio" name="gender">남성 </div> <br><br> <div > <input class="check" type="checkbox"> <a class="agree">개인정보 수집 및 이용, 마케팅 활용 선택에 모두 동의합니다.</a> </div> <br><br> <div> <button class="button">가입하기</button> </div> <!-- <select> <option disabled="true" selected="true">지역을 선택하세요</option> <option>서울</option> <option>경기</option> <option>인천</option> </select> <br><br> --> </div> <!-- <input type="button" value="가입하기"> --> </body> </html>
- 해결됨[코드캠프] 시작은 프리캠프
오류가 왜 난지 모르겠습니다 ㅠㅠ
싸이월드 4탄 강의에서 game.js 를 작성하는데 myword, lastword, firstword 등이 Unknown word 라고 뜨면서 오류가 발생하는것 같은데 왜그런건가요?? 저는 강의 그대로 코드를 짯는데 왜이런지 잘 모르겟씁니다 ㅠㅠ
- 해결됨[코드캠프] 시작은 프리캠프
백엔드 강의는 없나요?
인프런에 올라온 건 거의 프론트엔드 강의인듯 해서요~강의 설명이나 그림 서체등이 깔끔하고 명확해서 좋습니다
- 해결됨[코드캠프] 시작은 프리캠프
섹션 2 css 정렬 회원가입 정답
정답 코드는 따로 없나요?코드 작성은 했는데 따로 비교할게 없어서 문의 드립니다바로 싸이월드 만들기1탄으로 넘어가네요
- 해결됨[코드캠프] 시작은 프리캠프
정답을 알려주세요
.wapper__left에 208px을 주고 left__body랑 left__header에 100%를 줬는데 왜 body_header은 왜 자꾸 206px이 될까요?그래서 자꾸 margin을 주면 회색 상자랑 line이랑 2px씩 차이가 나서 안맞아요
- 해결됨[코드캠프] 시작은 프리캠프
안녕하세요! 노션링크는 어디에 있나요??
안녕하세요! 노션링크는 어디에 있나요??