풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]대시보드
월 16,500원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
메일 확인 부탁드립니다
안녕하세요 며칠전에 권한 요청 메일 보냈는데 회신이 오지 않아서 다시 보내고 게시판에도 말씀드립니다. 감사합니다
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
안녕하세요! 파비콘 적용 문제로 질문드려요!
알려주신대로 파비콘 적용하는 link 태그를 작성했는데 저는 암만 새로고침을 눌러도 파비콘이 적용되지 않아서요ㅠㅠ뭐가 문제일까요?
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
선생님 질문있습니다!
보시는 바와같이 선생님이 작성하신 코드 그대로 복사 붙여넣기 하였는데도 선생님 강의화면과는 다르게 나와서 뭐가 문제인지를 몰라 질문남깁니다! 화면크기를 조정해도 선생님 강의화면과는 다르게 움직이지않고 왼쪽 위치 고정되어있네요. 뭐가 문제일까요?
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
<html css js를 활용한 반응형 모던 웹페이지 만들기 3> 강의 영상 중 질문입니다.
<html css js를 활용한 반응형 모던 웹페이지 만들기 3> 강의 영상 중 질문입니다. const slidePreviewList = document.getElementsByClassName("slide-prev"); 로 상수를 선언하시고 그후 for문에서 for (let i = 0; i < slidePreviewList.length; i++) { let classList = slidePreviewList[i].parentElement.parentElement.nextElementSibling; let liList = classList.getElementsByTagName("li"); ...~} 여기서 slidePreviewList[i]는 어떤걸 지칭하는건가요? slidePreviewList[1]은 slide-prev라는 클래스 이름을 가지는 첫번재 요소를 가리키고 slidePreviewList[2]는 slide-prev라는 클레스 이름을 가지는 그다음 요소를 가리키는 방식인가요? 좋은강의 항상 감사합니다.
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
메일 확인 부탁드립니다 ~
메일 확인 부탁드리겠습니다
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
안녕하세요!메일확인부탁드립니다!!
- 본 강의 영상 학습 관련 문의에 대해 답변을 드립니다. (어떤 챕터 몇분 몇초를 꼭 기재부탁드립니다)- 이외의 문의등은 평생강의이므로 양해를 부탁드립니다- 현업과 병행하는 관계로 주말/휴가 제외 최대한 3일내로 답변을 드리려 노력하고 있습니다- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
vscode 내에서 작성하면 실행이 안 되네용..
vscode 자체에서 지원을 안 하는 걸까요?
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
CSS animation 3분 45초 부분 질문입니다!
@keyframes ball { 0% { top: 0; } 50% { top: 100px; } 100% { top: 300px; } } 이렇게 하면 애니메이션 동작이 안 되고, margin-top을 붙여야 동작하던데 왜 안 될까요! 이부분에서 top으로 설정하면 애니메이션 작동이 안 되고, margin-top 으로 하면 동작이 되던데 왜 그런 걸까요!
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
강의자료에서 제공한 링크의 codesandbox 새로고침 오류(?) 및 사용법 문의합니다
안녕하세요, codesandbox사용법 관련 질문이 있어 여쭙고자 합니다. 강의를 들으며 강의 자료에 있는 코드 링크를 타고 들어가 codesandbox에서 이것 저것 바꿔가며 테스트를 해보고자 했습니다. 그러나 코드를 변경하여도 코드가 곧바로 우측 웹 사이트 보여주기에 적용되지 않아 적용하는 방법을 여쭙고자 질문 올립니다. 예를 들자면 h1태그 안에 있는 글 내용을 바꾸는것은 적용이 되지만 기존 코드 blue 코드에서 black으로 변경하거나 해당 코드를 지워도 적용이 되지 않는 상황입니다. 구글링을 하고 강의를 다시 살펴봐도 해답을 얻지 못하여 조언 주시면 너무 감사할것같습니다.
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
웹페이지 로딩 시간
안녕하세요, 강의 너무 잘 듣고있습니다. 다름이 아니라 현재 만들고 있는 웹페이지를 열 때 로딩 시간이 너무 오래 걸리는데 혹시 head단의 메타데이터 작성부분에서 로딩을 오래 걸리게 하는 요소가 있는 것인지 궁금합니다. 아니라면 이유를 모르겠어요 ㅠㅠ 제가 따로 html파일을 간단하게 만들어서 브라우저로 열때는 로딩이 길지 않아서요!
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
혹시 vscode는 사용 안 하실까용?? 엇 그리고 CSS 셀렉터 정리 1에도 질문 있습니다!
강의마다 다 codesandbox 이더라구요!! CSS Selector 정리1 부분에서 [속성=값]: 이 부분들 대소문자 구분하지 않는다고 적혀있는데, 속성은 대소문자 구분을 안하지만 값은 대소문자 구분을 하네용!
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
자료 권한 요청 메일 드렸습니다!
- 본 강의 영상 학습 관련 문의에 대해 답변을 드립니다. (어떤 챕터 몇분 몇초를 꼭 기재부탁드립니다)- 이외의 문의등은 평생강의이므로 양해를 부탁드립니다- 현업과 병행하는 관계로 주말/휴가 제외 최대한 3일내로 답변을 드리려 노력하고 있습니다- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
강의 자료에 대하여
- 본 강의 영상 학습 관련 문의에 대해 답변을 드립니다. (어떤 챕터 몇분 몇초를 꼭 기재부탁드립니다)- 이외의 문의등은 평생강의이므로 양해를 부탁드립니다- 현업과 병행하는 관계로 주말/휴가 제외 최대한 3일내로 답변을 드리려 노력하고 있습니다- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요! 질 좋은 강의 너무 잘 듣고 있습니다. 따로 권한을 받아서 볼 수 있는 강의 자료도 정말 잘 정리되어 있어 공부하기 수월해요!! 감사드립니다. 강의자료에 대해서 여쭤볼게있는데요. 1. 권한은 수업과 동일하게 기한제한없이 볼 수 있는건가요? 2. 개인적인 궁금증으로써.. 보통 초보(혹은 중급)개발자분들은 이러한 모든 css특징들을 모두 외우시는지, 아니면 이러한 기능이 필요해! 할때 구글검색을 하며(혹은 강의자료) 그때그때 꺼내쓰는건지 궁금합니다
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
자료권한요청 메일 보냈습니다!
권한 부탁드려요
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
메일확인 부탁드립니다.
메일확인 부탁드립니다.
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
class card 간격 이슈
안녕하세요 강사님, 강의 내용에 맞춰 잘 따라 코딩을 하고 있는데, 클래스 카드간의 사이 간격이 강사님 처럼 되지 않고 서로 붙어 있습니다. 여러가지 시도를 해 보았는데.. 잘 안되네요.. 뭐가 잘못 된거지 어떻게 하면 카드간 간격을 만들 수 있는지 알려 주시기 바랍니다. 그리고 class-card의 margin: 0 10px; 와 box-shadow: 10px 10px 10px -5x; 가 class-container에 영향을 미치는데, class-image에는 아무것도 적용이 안되는 것 같고, hover가 작동될때만 image에 shaodw가 적용됩니다. 또 card와 image의 width 240px의 적용이 안되고 마치 그냥 inner의 width 100%에 따라 각 card간 간격없이 균등하게 나줘져 적용된것 처럼 보입니다.
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
visual studio code에서 폴더 생성
visual studio code에서 폴더 생성시 아래 첨부 이미지 처럼 폴더 이름 특성에 맞는 이미지가 나타나게 하려면 확장에서 무엇을 설치해야 하는지 알려 주시면 감사하겠습니다~
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
이번강의 + 전 목차에서 다루신 웹브라우저 동작 과정에 관한 질문입니다.
강사님 안녕하세요. if(window.scrollY !== 0){ backToTop.classList.add('show') }else{ backToTop.classList.remove('show') } 이번 강의의 4분 50초에 페이지 스크롤 관련 이벤트를 코딩하시면서, 이렇게 코드를 짜기 전 CSS에서 먼저 show라는 클래스를 작업해주셨는데, 여기서 궁금한 점이 생겼습니다. 저는 CSS가 바로 떠오르지 않아서, 전부 JS로 스크롤 이벤트를 작성했는데, 강사님께서 'JS로 이 스크롤 이벤트를 처리하면 조금 장황하다'라고 말씀 하신걸 듣고, 이 말은 1. CSS로 만들 수 있는 것을 최대한 생각한 후 ->JS로 작업한다. 2.전 강의(DOM,BOM강의)에서 다루셨던 웹브라우저 동작과정과의 연관성? (CSSOM tree를 생성하는 속도와 render tree에서 js엔진에서 처리되는 속도의 차이? or 다른 이유?)) => 정확한 질문이 아니라 죄송합니다ㅠ 에 관련되었는지 궁금했습니다. 만약 1이 맞다면 CSS를 조금 더 집중해서 봐야할까요..? 독학을 하는 중이라 방향성에 대한 고민을 많이 하게되네요 ++이제 강의가 거의 끝에 다왔는데, 리액트나 뷰같은 프레임워크를 다루면서도 이 강의를 듣고 JS에 대해 무지했다는 사실을 여실히 느꼈습니다. 처음 듣는 분들은 모르실 수도 있지만, 어느정도 코딩을 하다가 와서 가볍게 복습차원으로 들으려고 했던 저는 몇 대 얻어맞고 갑니다.. 너무 질 좋고, 핵심에 대해서 정확하게 짚어주셔서 하나하나 넘길게 없는 강의였습니다. 꽤나 시간이 지났지만 감사하다는 말씀드립니다. 강의 때 하신 말처럼 ' 합리적인 분들과 좋은 컨텐츠가 지속될 수 있는 선순환 시스템을 지향합니다' 라는 말을 느낄수 있었습니다.
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
안녕하세요!
안녕하세요! selfown711@gmail.com 자료 권한 요청 드렸습니다! 확인 부탁드릴게요 ㅎ 감사합니다!
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
형제 셀렉터 질문입니다.
강사님 안녕하세요. 다름이 아니라 강의 젤 뒷쪽 input태그와 함께 span태그를 사용하시는걸 보면서 든 생각입니다. 형제 셀렉터는 동위레벨의 태그에 대해서 적용이 된다고 하셨는데, 실제로 input과 br, col같은 self-closing이 가능한 태그는 span태그가 그 안에 들어가있다고 해도 동위레벨로 봐야할까요? 그냥 <input type ..../> + <span></span>은 이해가 가는데, input내부에서 적용을 하니 제 생각이 맞는지 궁금합니다 감사합니다!