풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]대시보드
월 16,500원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
babel.js 적용 후 개발자 도구에서 main.js 보이지 않는 현상
안녕하세요. index.html에 아래와 같이 바벨을 사용하도록 수정한 이후부터 크롬 개발자 도구에서 js/main.js가 보이지가 않습니다. <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.24.0/babel.js"></script> <script type="text/babel" src="js/main.js"></script> 아래는 강의 자료 파일을 그대로 GoLive로 띄웠을 때 화면입니다. 혹시 다른 설정을 확인해 봐야 할까요.
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
px 대신 rem이 현업에서 더 많이 쓰이는가요 ?
HTML CSS는 책으로한번, 다른 인터넷강의로 한번 접해본적이 있고 ES6위주의 공부를 하고싶어 강의를 수강했습니다. 그래도 순서대로 보자 싶어서 HTML 과 CSS강의를 마쳤는데, 수업중에 px단위는 거의 사용되지 않고 rem 단위를 주로 사용하시 는것 같아 의문점이 들어 문의드립니다. 지금까지 봤던 책이나 강의, 다른 사람의 포트폴리오를 보면 rem단위보단 px단위를 다들 사용하시던데 rem 단위가 최신html/css에서 더 선호되는 경향인지가 궁금합니다. ( 마치 제가 수평정렬을 여태껏 float만 사용해왔는데 이걸 flex로 바꾸는게 앞으로 더 좋은것처럼 px를 항상 사용했는데 만약이게 나쁜 습관이라면 고쳐야 하는가 싶어서요 ㅠ )
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
17분 경에 나오는 Go Live와 Open with Live Server가 둘 다 없습니다.
visual studio code를 사용하고 있는데 안나오네요 p.s : 직접 html 파일을 켜서 refresh 하면서 수업을 듣고 있는데 다소 로딩 속도가 느리네요.(다른 파일, 다른 사이트는 빠르게 실행됨) 이런 경우 원인이 있나요?
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
자바스크립트 배열 CRUD관련 질문입니다 ㅜㅜ
다음과 같이 파란글씨처럼 되어야 할 것 같은데 아래의 출력과 동일한 결과가 나왔습니다. 왜 이렇게 되는 걸까요??
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
객체 리터럴 , 생성자 함수 방식 질문
안녕하세요. 객체 리터럴하고, 생성자 함수 방식 관련해서 궁금한 점이 있어 질문합니다. 객체 리터럴의 경우 하나의 객체를 바로 만드는거고, 생성자 함수의 경우 해당하는 인자값들로 객체를 만들어주는 방식인데, 주로 객체 리터럴을 많이 사용하고, 권장한다고 하셨는데, 재사용성에 있어서는 생성자 함수가 더 좋은 방식인 것 같은 생각이 들어가지고요 . 만약 어떠한 요청을 받아, User 객체를 생성해야 할 때 매요청마다 객체 리터럴로 생성하는거보단 생성자 함수 하나 만들어놓고, 인자값만 넘겨서 User 객체를 사용하는게 더 효율적인 방식인게 아닌가 하는 생각이 들어서 질문드립니다. 상황에 따라 사용하면 되는 것일까요 ?
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
html tag 사용관련 질문 있습니다.
안녕하세요 강사님, 풀스텍 강의 잘 듣고 있습니다. html 마크업 과정을 보다가 질문이 있어서 이렇게 질문 드립니다. 저는 마크업 할때 최대한 html 에서 제공하는 tag를 많이 쓰려고 합니다 ( heading , ul, p, span, img 등등) 강사님께서는 거의 div로 마크업을 하셨는데 다른 이유가 있으신가요? 아니면 개개인의 취향인건지, 현업에서는 div 를 많이 쓴다던지, 이유가 궁금합니다.
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
강의 맨 처음 0_actual_page 폴더를 어디서 다운 받을 수 있나요
??
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
meta viewport 설정 질문드립니다.
안녕하세요. 수강하면서 궁금한점이 있어서 질문합니다 ! 뷰포트 태그가 없다면 대부분 스마트폰에서 디폴트로 설정해놓은 980px에 맞게 웹 페이지가 표시된다고 하셨는데, 그럼 <meta name="viewport" content="width=980"> 위와 같이 디폴트값이 설정되는건가요 ?? 그리고 가로, 세로 20픽셀인 정사각형 도형을 다양한 디스플레이에서 같은 크기로 나타내려면 뷰포트 width에 고정값을 주는게 아니라 애플 레티나 디스플레이와 같이 인치당 픽셀이 2배로 늘리는 경우가 있기 때문에, device-width로 설정하는게 맞는건가요 ??
- 풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
학습자료 테스트코드 링크가 클릭이 안됩니다
삭제된 글입니다
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
단축 프로퍼티 궁금한 점 있습니다.
안녕하세요. 수강하면서 궁금한점이 있어서 질문합니다 ! 단축 프로퍼티들의 경우 옵션이 많을경우 사용하면 코드 라인수는 줄어들지만, 가독성부분에서 많이 떨어지는 것 같은데 현업에서는 잘 쓰이는 편인가요 ??
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
데이터 타입 변환에 대하여!
안녕하세요 모던 HTML/CSS/vanillaJS+Ex6로 상용화도 가능한 모던 웹페이지 만들기4 12분 54초부분에 궁금한 점이 있어서 질문드려요 ! 'translateX (' + String(activeLi) + ' px)' ' 이 부분에서 activeLi 를 string 타입으로 변환하신 특별한 이유가 있으신가요 !? Number로 적용해도 문제가없더라구요! string에 대한 설명은 강사님이 제공해주신 자료만으로도 충분히 이해가 되지만 저 상황에서의 데이터 타입 변환에 대한 이해가 안돼서 여쭈어봅니다. 강사님이 제공해주신 자료에서는 string() 타입으로 변환한다고 설명이 되어있어요! 강의와 관련있는 질문을 남겨주세요.• 강의와 관련이 없는 질문은 지식공유자가 답변하지 않을 수 있습니다. (사적 상담, 컨설팅, 과제 풀이 등)• 질문을 남기기 전, 비슷한 내용을 질문한 수강생이 있는지 먼저 검색을 해주세요. (중복 질문을 자제해주세요.)• 서비스 운영 관련 질문은 인프런 우측 하단 ‘문의하기’를 이용해주세요. (영상 재생 문제, 사이트 버그, 강의 환불 등) 질문 전달에도 요령이 필요합니다.• 지식공유자가 질문을 좀 더 쉽게 확인할 수 있게 도와주세요.• 강의실 페이지(/lecture) 에서 '질문하기'를 이용해주시면 질문과 연관된 수업 영상 제목이 함께 등록됩니다.• 강의 대시보드에서 질문을 남길 경우, 관련 섹션 및 수업 제목을 기재해주세요. • 수업 특정 구간에 대한 질문은 꼭 영상 타임코드를 남겨주세요! 구체적인 질문일수록 명확한 답을 받을 수 있어요.• 질문 제목은 핵심 키워드를 포함해 간결하게 적어주세요.• 질문 내용은 자세하게 적어주시되, 지식공유자가 답변할 수 있도록 구체적으로 남겨주세요.• 정확한 질문 내용과 함께 코드를 적어주시거나, 캡쳐 이미지를 첨부하면 더욱 좋습니다. 기본적인 예의를 지켜주세요.• 정중한 의견 및 문의 제시, 감사 인사 등의 커뮤니케이션은 더 나은 강의를 위한 기틀이 됩니다. • 질문이 있을 때에는 강의를 만든 지식공유자에 대한 기본적인 예의를 꼭 지켜주세요. • 반말, 욕설, 과격한 표현 등 지식공유자를 불쾌하게 할 수 있는 내용은 스팸 처리 등 제재를 가할 수 있습니다.
- 풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
선생님 질문 있습니다!
삭제된 글입니다
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
promise 이해 1 16분 23초 부분 질문입니다.
.then함수에서 최초 reject(); 함수가 실행되고 다시 .then을 실행할 때 함수 인자가 하나일 경우 성공함수만 호출된다라고 말씀하셨는데 아래 then엔 인자가 하나이니 실행이 안되어야 하는거 아닌가요 ? 즉, by Dave Lee가 출력 되려면 첫번째 then에서 resolve가 출력되어야 하는거 아닌지요.. -> 왜 첫번째 then은 실패, 두번째 then은 성공이 출력되는지 이해가 되질 않습니다..ㅠ 만약 두번째 then부터는 첫번째 함수만 실행되는거면 예제에 나온것처럼 then에 두번째 인자는 필요 없는거 아닌가요 ??
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
구조 가상 클래스 셀렉터는 보통 어디에 사용하나요?
안녕하세요, 잔재미코딩님! 강의 너무 재미있게 잘 듣고 있습니다~ CSS 파트에 Selector 부분을 공부하고 있는데요~ 구조 가상 클래스 셀렉터의 개념과 작동원리는 잘 이해가 가지만, 이 셀렉터들이 보통 어떤 용도로 많이 사용되는 지 궁금합니다! 실제 사이트에서 어떻게 적용되고 있는지 좋은 예시를 알려주실 수 있을까요? 감사합니다!
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
data-position 속성에 관하여 질문이있습니다
안녕하세요 강의 3분대에 data-position 속성에 관하여 질문이있습니다 data -position ='0' 으로 지정해놓으셨는데 이해가 잘가지않아서요 (position 속성이 위치에 따라 변한다... 이런느낌인것같은데 ..) html5 data - * 속성에 관하여 조금더 자세한 설명 부탁드려도 될까요 ? 감사합니다
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
fontawsom 적용안됨 문제 질문드립니다 선생님
안녕하세요 선생님 질문이 있습니다 강의 8:00 쯤 #backtotop::after 폰트어썸 적용시 네모가 나오는데요 구글 검색을 해보니 오타나 cdn 폰트어썸을 임포트하면 이런 네모가 나올수도있다고 하더군요 어떻게 해결해야할지 도움을 구해도 될까요 ? 감사합니다
- 해결됨풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
자바스크립트 질문있습니다
삭제된 글입니다
- 미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
안녕하세요 선생님 let , const 질문있습니다
안녕하세요 선생님 강의 너무 잘듣고있습니다. 다름이 아니라 지난 강의에서 와 이번강의를보고 let 과 const 는 블록스코프 할당시 사용하고 const는 상수처럼 한번 초기화되면 재 초기화 할수없다는것도 알겠습니다. 그런데 언제 let 을 쓰고 const 를 써야하는 지 감이오질않습니다 .. 그냥 let으로 코드를 다짜버리면 불이익이나 메모리 측면에서 손해가 있을까요? 죄송스럽지만 언제 let 을쓰고 const 를 써야하는지 예시를 부탁드려도 될까요? 감사합니다 :)
- 해결됨풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
문의 - ul li img:active
안녕하세요 강사님. 다른 부분은 모두 잘 동작해서 그동안 문의 사항이 없었는데, 오늘 조금 이상하게 동작하는 부분이 있어서 문의 드립니다. /* dragging 중인 상태에서 잡는 표시를 포인터로 변경함 active*/ ul li img:active { cursor: grabbing; /* IE11에서는 지원 안함 */ } 윈도우10/크롬에서 테스트 중입니다. 마우스를 그림위로 가져가면 커서가 손바닥모양으로 잘 변경이 됩니다. 다만, 드레그를 하면 변경되지 않다가 마우스클릭을 끝내면, (버튼을 릴리즈 하면) 커서가 주먹모양으로 변경됩니다. 혹시 개발하시다가 유사한 문제가 있으셨는지 문의 드립니다. 감사합니다.
- 풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
margin관련 질문
삭제된 글입니다