172만명의 커뮤니티!! 함께 토론해봐요.
미해결
[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드
■ 질문 남기실 때 꼭! 참고해주세요. 마지막이론부분에 필수함수종류에 마우스엔터 마우스리버라고했는데. 마우스오버,마우스아웃으로도 적어도 별다른문제가 생길까요..¿¿ - 먼저 유사한 질문이 있었는지 검색해주세요. - 궁금한 부분이 있으시면 해당 강의의 타임라인 부분을 표시해주시면 좋습니다. - HTML, CSS, JQUERY 코드 소스를 텍스트 형태로 첨부해주시고 스크린샷도 첨부해주세요. - 다운로드가 필요한 파일은 해당 강의의 마지막 섹션에 모두 있습니다. 질문 하실 때 어떤 유형인지 말씀해주세요. ex) A1 작업하는데 ???이 안됩니다.
미해결
웹 애니메이션의 새로운 표준, Web Animations API
ㅡ
미해결
처음 만난 리액트(React)
해당 코드를 터미널에서 작성했는데 설치가 되지 않습니다.. 무슨 문제일까요...
해결됨
[코드캠프] 시작은 프리캠프
16분에 보면 별도로 제공되는 피그마 통해서 들어가서 확인 하라고 했는데 어떻게 들어갈 수 있는 건가요?
미해결
입문자를 위한, HTML&CSS 웹 개발 입문
float속성 강의에서 p태그의 가로 길이가 div의 width만큼밖에 안되어 있는데 원래는 block속성이니까 뷰포트 전체를 차지해야 하는 것 아닌가요?? 아니면 혹시 div의 자식 태그여서 부모의 width속성을 상속 받은 건가요?
미해결
처음 만난 리액트(React)
Inline If에서 false expression을 사용하면 뒤에 내용은 평가되지 않지만, false expression의 결과 값이 그대로 리턴되기 때문에 주의 해야 한다 이렇게 말씀하셨는데 그러면 하단의 흰색 박스에 조건이 만족하지 않을 경우에도 결과 값을 그대로 리턴하나요..?
미해결
처음 만난 리액트(React)
const { notifications } = this.state; const index = notifications.length; notifications.push(reservedNotifications[index]); this.setState({ notifications: notifications }) 위 코드에서 state.notifications 배열에 바로 push를 해서 setState를 해줬는데 지난 강의에서는 state에 있는 배열 또는 객체를 직접 수정하지 않고 복사해서 newNotifications = [...notifications] 처럼 새로 할당 한 다음 setState를 해준다고 봤던 부분이 있어서 어떤 경우에는 직접 state배열에 push가 가능한지 질문 드려도 괜찮을까요 강의 잘 보고 있습니다. 감사합니다!
해결됨
[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
포토폴리오 마이페이지 - 내포인트 부분을 작업하는 도중 api 질문입니다. fetchPointTransactionsOfBuying 이 내포인트 -> 구매내역 api로 알고있습니다. 피그마를 보면 거기서 판매자 데이터를 가져오고있는데 오류가 뜨네요.ㅠ 판매자 데이터를 가져오고 싶은데 여기서 seller {name} 이부분을 넣으면 데이터가 안가져오네요.. 판매자데이터가 없어서 그런건지 왜 그런지와 어떻게 해야하는지 두가지 모두 알고싶습니다.
미해결
처음 만난 리액트(React)
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요 소플님 실습을 따라 해보았는데 하나의 useEffect는 컴포넌트가 렌더링 될 때마다 콘솔이 찍히고 하나의 useEffect는 count값이 변경될 때마다 찍힌다는 것까지는 이해했습니다. 근데 마지막 최대 인원을 수용하는 10명까지 수용을 하고는 버튼 컴포넌트가 isFull: true로 찍히고 컴포넌트가 렌더링 되지 않아서 useEffect 콘솔과 isFull: true 이 안 찍혀야 하는 것 아닌가요? 왜 이렇게 찍히는지 이해가 안됩니다,,ㅠㅠ
미해결
비전공자를 위한 진짜 입문 올인원 개발 부트캠프
Fly.io 설치 후 홍콩으로 선택하는 지점(강의 4:17)에서 하기와 같은 오류가 뜨고있습니다. 에러 내용이 Error: We need your payment information to continue! Add a credit card or buy credit: https://fly.io/dashboard/kimyr6868-gmail-com/billing 결제수단을 입력하는 내용으로 보아 진행이 어려울 것 같은데 이런 상황에선 어떻게 하면 좋을지 문의드립니다!
미해결
[웹 개발 풀스택 코스] HTML&CSS 기초
14강 비디오와 오디오 강의 12분 쯤에서, <track> 태그를 사용하여 자막을 뜨는 방법을 알려주셨는데 똑같이 따라해보아도 동영상에서 자막이 뜨지 않습니다. 자막 선택하는 버튼은 정상적으로 작동하는데, 선택을 하여도 자막이 보이지 않습니다. 어떻게 하면 될까요??
해결됨
[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드
공지사항 갤러리와 바로가기 제작이 생략 되어있어서 다른 실전 제작 강의를 참고해서 혼자 만들어보았는데, 공지사항과 갤러리 사이 간격을 주고싶은데 방법을 모르겠습니다 ㅠ 그리고 바로가기 메뉴와 갤러리 메뉴 사이에도 간격을 주는 방법을 모르겠는데 어떻게 하면 될까요? 지금 제가 작성한 html과 css에 어떤걸 추가하면 될까요 ㅠㅠ?
해결됨
처음 만난 리액트(React)
jsx강의 에서는 jsx는 내부적으로 html/xml코드를 자바스크립트로 변환하는 과정 을 거치게 된다. 그래서 최종적으로는 자바스크립트 코드로 나오게 된다. 이렇게 말씀해주시고 jsx코드를 자바스크립트 코드로 변환하게 해주는 것이 react.createElement라고 하셨는데, 여기 강의 에서는 5분 35초 부근에 react.createElement 내부에 리액트 컴포넌트를 적어도 되고 모든 리액트 컴포넌트는 최종적으로는 html 태그를 사용하게 돼있다라고 하셨습니다. react.createElement를 통해서 최종적으로 자바스크립트가 된다는건가요? 아니면 html 코드가 된다는건가요,,?ㅠㅠ
미해결
풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
색션 7 - 9 6:53초 정도에 .class-list { display: flex; list-style: none; padding : 0; margin: 1rem 0 0 0; } margin에 1rem ( 상단마진 ) 을 적용했는데 강사분이 개발자도구 확인 하시더니 기본이 16이라고 말씀하시는 부분이 이해가 안가서요. 1rem = 16px 인건가요 ?
미해결
처음 만난 리액트(React)
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. create-react-app 을 하면 자꾸 이런 오류가 떠서 실습을 못하고 있는데 뭐가 문제일까요..?
미해결
모바일 웹 퍼블리싱 포트폴리오 with Figma
현재 취업목적이아니라 향후 나만의 서비스를 만들어보자란취지로 자바 스프링 백엔드과정을 공부하고있는데요 향후 화면구현을 직접하기 위해 이번에 새로나온 강의를 수강하면 향후 해당취지에 도움이 많이될까요? 사실 html css js 리액트 이런게 화면을 만들어내는걸로 알고있는데 SCSS 란게 뭔지 잘몰라서 판단이안서요 ㅠㅠ 그래서 향후 공부를하게되면 화면구현을 자유자재로 할수있게될런지요? 현재 강사님의 강의는 다른 제 계정에 html + css +js 포토폴리오 시즌1,2 2강좌 반응형 웹사이트 포토폴리오 아키텍쳐 agency 1강좌 그리고 현재 이 계정엔 모바일웹 포토폴리오 figma 이렇게 총 4강좌 구매해서 보유중입니다. SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma 이강좌를 구매하게되면 제가 구매하고있는 강좌들이랑 내용의 겹침성은 크게없겠지요?
미해결
모바일 웹 퍼블리싱 포트폴리오 with Figma
현재 모바일 웹 퍼블리싱 with figma 이강좌를 수강하고있는데요 보니까 새로운 강의가 또나왔더라구요 혹시 이게 내용상 많이 겹치나요????? 제가 공부가짧아서 볼줄아는 안목이없다보니 새로운강의도 하면 좋을지 판단이 잘안섭니다. SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma 이강좌요 여기구성보니까 모바일 웹퍼블리싱 관련 내용도있는것같아서요 많이중복되지않나싶어서요
미해결
중상급 퍼블리싱을 위한 CSS3의 모든 것
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.,
미해결
애플 웹사이트 인터랙션 클론!
- 질문에 대한 답변은 강의자가 하는 경우도 있고, 수강생 여러분들이 해주시는 경우도 있습니다. 같이 도와가며 공부해요! :) - 작성하신 소스코드 자체의 오류보다는, 개념이나 원리가 이해되지 않는 부분을 질문해주시는게 좋습니다. 그대로 따라했는데 소스코드에서 버그가 나는 경우는 99%가 오타에 의한거라서, 완성된 소스랑 찬찬히 비교해보시면 직접 찾으실 수 있을 거예요. 개발자도구 console에 오류로 표시된 부분만 완성 코드에서 복사->붙여넣기를 해보시는 것도 방법입니다. - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 원래 위처럼 document.querySelector("#scroll-section-0 .main-message.a"), .main-message.a 와 같이 클래스는 붙여서 작성해야하나요? 띄워서 작성하니까 안찾아지던데 아이디와 클래스는 다른 속성이라서 띄워주고, 클래스끼리는 붙여서 작성해야하는 건가요 아니면 main-message클래스랑 a클래스는 형제클래스니까 부모 자식의 관계를 뜻할 때만 띄워주는 건가요?
미해결
비전공자를 위한 진짜 입문 올인원 개발 부트캠프
안녕하세요 그랩님! 바로 이전 질문에서 저와 동일한 현상으로 질문 주신것에 답변(하기 스크린샷)대로 변경을 해보았습니다. 그랬더니 이번엔 그랩마켓 내의 '상품업로드'를 통해 등록한 키보드2 이미지만 뜨고 이전에 등록한 제품들은 깨져서 보이지 않아 이럴경우엔 어떻게 해결해야 할지 문의드립니다!
