풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]대시보드
월 16,500원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
강의 10분 58초 질문입니다
runCode.then을 하고 또 then을 붙였는데 num이10이므로 if문에 맞지 않아서 똑같이 error2가 떠야하지 않나요??
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
안녕하세요
현재 수업과 관련없는 내용일 수도 있지만 flexbox로 저렇게 설정해두면 만약에 헤더 이미지 바로 밑 부분 왼쪽에 사이드바를 놓는다면 어떤 css로 넣어야 할까요?? float처럼 clear있지도 않고 block을 무시하고 옆에 사이드바를 놓을 수 있나요?
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
메일로 자료권한 요청 드렸습니다!
확인 부탁드립니다!
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
안녕하세요 ! 방금 결제하여 공부를 시작하려고 하는데요~
혹시 Part1을 반드시 들어야 Part2를 따라갈수 있을까요? 저는 정말 아무것도 모르는 베스가 없는 완전 비기너입니다. 감사합니다
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
slide-prev,slide-next
안녕하세요! 질문이 있습니다. arrow-container라는 클래스로도 아이콘 화살표 디자인을 충분히 할 수 있을거 같은데 굳이 slide-prev, slide-next 두가지 새로운 클래스를 만들어서 적용하신 이유가 궁금합니다
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
메일로 자료권한요청 보냈습니다!
확인 부탁드리겠습니다!
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
자료권한 요청 드렸습니다!
자료 권한 요청 이메일로 드렸습니다. 확인해주시면 감사하겠습니다!
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
모던 웹페이지 만들기5
안녕하세요 모던웹페이지만들기5 에서 12:12에 .main-container에 margin-top:60px;를 주셨는데 왜 .main 전체에 margin-top이 60px이 적용되는지 이해가 잘 되지 않습니다ㅜㅜ
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
강의 3:10 background-image: url()
백그라운드 이미지 url을 입력을 안해서 인지, 테스트 안녕하세요 글자가 뜨지 않습니다. <!--메인 이미지 섹션--> <section class="main"> <div class="main-container"></div> <div class="title-container"></div> <div class="title">테스트</div> <div class="message">안녕하세요</div> ============================== .main{ height: 360px; /* background-image:url(); */ z-index: 1; } .main-container{ width: 100%; height: 100%; background-color: cornflowerblue; opacity: 0.8; z-index: 2; margin-top: 60px; } .title-container{ padding-top: 100px; padding-bottom: 100px; } .title{ font-size: 2rem; font-weight:bold; color:#fff; margin-bottom: 0.8rem; } .message{ font-size: 1.4rem; font-weight: normal ; color: #fff; } 그리고 url을 저작권 문제로 스스로 구해야한다고 하셨는데 제 개인이미지 url적다보니 안됩니다. 어떻게 하면 강사님처럼 저의 이미지 url을 http://이렇게 만들수 있나요?
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
안녕하세요 선생님
첨부해주신 폴더를 참고해서 복습을 하고있는 중입니다. 다름이 아니라 11_basic_complete 부분부터 웹페이지가 정상적으로 작동하지 않더라구요 script src=text/babel 이부분이 문제인 것 같은데 확인 부탁드립니다.
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
안녕하세요 선생님. .inner에 왜 max-width를 주는건가요?
약 9분20초 정도쯤에 .inner에 max-width: 1200px을 주시던데 그냥 width : 1200px을 해도 똑같은 것 같아서요..! 반응형은 처음이라서요. 답변 부탁드립니다 :)
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
overflow와 슬라이드 무빙
예제로 학습한 잔재미코딩 사이트에서 class-list의 overflow 속성을 none으로 하였는데요. 이렇게 되면 제가 설정한 roadmap-title-container의 영역을 침범하게됩니다. 그렇다고, hidden으로 설정하자니, 슬라이드가 이동하여도 카드가 가려진 상태로 이동하게되는데요... 슬라이드가 이동할때, hidden 속성을 유지하면서 가려졌던 카드가 다시 보일수 있게 하는 방법이 있을까요?
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
데이터값
안녕하세요. 'Javascript 데이터 타입 변환과 조건문 이해' 강의 중 10분 37초 쯤에서 헷갈린 것이 있어 질문드립니다. 처음에 value1의 변수값을 1로 선언했는데, 뒤에 console.log(++value1===3); 에서는 왜 value1변수값이 3이 되는 것인가요?? console.log(value1++ === 2); 로 하면 그냥 일시적으로(?) 1을 더한 것이 아니라 선언한 변수의 값이 아예 바뀌는 것인가요?
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
codesandbox가 반영이 잘 되지 않는것 같습니다.
안녕하세요. 모던웹을 위한 상세한 모던 CSS Selector정리2 강의를 듣던 중 문의사항이 있습니다. 구글 드라이브로 공유해주신 04_css_selector 파일 상 6.1 테스트링크로 작업한 것을 첨부드렸습니다. 이전에 따라 연습할때도 codesandbox가 결과값이 잘 안나올때가 간혹 있었는데요, 링크를 눌러 codesandbox창이 켜지면 그중 색상이나 기본 태그값만 변경해서 연습삼아 시도해보았는데,이번엔 아예 변경이 되질 않습니다. 하도 답답해서 https://liveweave.com/로 접속하여 그대로 복사해서 붙여넣으니 변경한 값이 적용되어서 바로 나오던데.. codesandbox 상의 문제인지 제가 설정을 제대로 해놓지 않은것이 있어서인지 확인 부탁드리겠습니다. 감사합니다.
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
title 클래스 opacity에 관련해서 질문있습니다
전에 질문 드리긴 했었는데, 제가 너무 질문을 이해하지 못하게 설명을 했었었네요 ㅜㅜ 죄송합니다. 강의 13분 쯤에 main-container 안에 title 을 넣는 부분이 나오는데 <div class="main-container"> <div class="inner"> <div class="title-container"> <div class="title"></div> <div class="message"> </div> </div> </div> </div> 이곳에서 main-container의 특성으로 opacity 를 적용했었습니다. .main-container{ width: 100%; height: 100%; background-color: rgb(47, 48, 89); opacity: 0.8; z-index: 2; margin-top: 60px; } 그리고 title도 만들었는데요. .title{ font-size: 2rem; font-weight: bold; color: #fff; } main-container 안에 title이 있어서 그런건지 title에 있는 문자들이 opacity의 영향을 받습니다. 예를 들어 '광고보다 강의에 집중합니다' 라는 글자의 색을#fff 로 적용해도 main-container의 opacity를 변경해서 적용해 주는 순간 '광고보다 강의에 집중합니다' 라는 글자 또한 opacity의 영향을 받습니다. opacity = 0.1;로 설정하면 글자는 거의 희미하게 보이구요. 잘 따라왔다고 생각했는데 이 부분만 다르게 적용되네요...
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
강의 13분쯤에서 title 클래스의 opacity 관련 질문 있습니다.
main-container의 opacity: 0.8; 로 둬서 그런지 title 글자의 색깔을 #fff로 해도 흰색이 안나오고 opacity가 적용되어서 그런지 투명한 흰색이 나옵니다. title 안에서 color : #fff; 로 해도 적용 안됩니다. ㅜㅜ 어떻게 하면 흰색으로 만들 수 있을지 궁금합니다
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
display : flex
안녕하세요 . '모던 웹을 위한 상세한 css flexbox 이해 1' 강의듣다가 헷갈린것이 있어 질문드려요 ! 해당 강의 10분 19초 내용에서.. flex 는 block특성으로 블럭간에 수직정렬하는 특성이 있다고 하셨는데 왜 display : flex 로 하면 수평으로 표현되나요? (7분 39초 처럼요)
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
모던 웹을 위한 다양한 Javascript+ES6 객체 선언 기법 이해2 강의중 객체 리터럴 생성에 대해 질문있습니다.
const user = { age: 10, name: "jinu", get get_age() { return this.age; }, set set_age(value) { this.age = value; } }; console.log("user = " + JSON.stringify(user)); // user = {"age":10,"name":"jinu","get_age":10} console.log(user); // 기댓값 age = 10 실제 호출 age = 30 왜 마지막 수정값으로 호출 되는지 모르겠네요.. get으로 호출하거나 //직접적으로 user.age를 호출해도 기댓값으로 잘 나옵니다. {age: 30, name: "jinu", get_age: 30, set_age: undefined} age: 30 name: // "jinu" get_age: 30 set_age: undefined console.log(" age = " +user.age) // age = 10 console.log(user.get_age); user.set_age = 20; console.log(" age = " + user.age); //age = 20 console.log(user.get_age); // age = 20 user.set_age = 50; console.log(user.age); // age = 50 user.set_age = 30; console.log(user.age); // age = 30
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
인접 형제 셀렉터 사용의 필요성?
일반 형제 셀렉터로 인접 형제 셀렉터의 기능도 똑같이 쓸 수 있는데 둘이 구분해서 써야 할 필요가 있는지 궁금합니다.
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
data-position 지정 질문드립니다.
function processTouchMove(event){ event.preventDefault(); let currentX = event.clientX || event.touches[0].screenX; nowActiveLi = Number(currentActiveLi) + (Number(currentX)-Number(touchstartX)); currentClassList.style.transition = 'transfrom 0s linear'; currentClassList.style.transform = 'translateX('+String(nowActiveLi)+'px)'; } 마지막 마우스끌기에관한 강의에서 나온 코드입니다. currentActiveLi = currentClassList.getAttribute('data-position') 이 설정되어 있는데 currentClassList.style.transform = 'translateX('+String(nowActiveLi)+'px)' 이 실행된다음 currentClassList.setAttribute('data-position',nowActiveLi) 를 하지않는 이유가 궁금합니다.