묻고 답해요
156만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨HTML5 CSS3 기초 & 반응형 웹 템플릿 만들기!
동영상 보는 웹페이지에 강의 web-book 보는 방법 알려주세요
동영상 보이는 곳에서 Web-Book 어떻게 보나요?https://www.books.weniv.co.kr/로 가서 봐야 하나요?동영상 강의 하는 웹페이지 어디선가 찾아 볼 수 있었으면 좋겠습니다.제가 못 찾는 건지 모르겠지만.
-
해결됨풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
특별한 형태의 javascript배열에서
모던 을 위한 다양한 Javascript+EX6 배열 문법 이해116분 2초 const data1 = [1, 2, "dave", null]; const data2 = [ { name: "Dave Lee", age: 30 }, { name: "Alex", age: 40 }, ]; const data3 = [ [1, 2, 3], [4, 5, 6], ]; console.log(data1[0]); console.log(data2[0].name); console.log(data3[0][0]);위 코드에서 마지막줄 console.log(data3[0][0]);만 결과가 나오지 않습니다.[0][1], [0][2], 등 나머지 index 번호를 적용했을 때 정상적으로 나오는데, [0][0]은 왜 결과가 누락되는걸까요?(undefined 라는 결과값도 나오지 않습니다.)
-
미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
메일 확인부탁드립니다!
upward070@gmail.com 권한요청드렸습니다!
-
미해결웹 애니메이션의 새로운 표준, Web Animations API
모바일 화면 최적화 방법 질문드립니다!
선생님, 안녕하세요!모바일 화면에서도 비율을 유지하면서 반응형으로 동작하게 만드는 것이 가능할까요? 여러 방법을 시도해 보았는데, 해결이 잘 안 돼서 이렇게 질문을 남깁니다. 아니면 차라리 모바일 전용 SVG를 따로 만들고, PC 버전에서는 display: none으로 처리한 후 모바일일 때만 보이게 하는 방식이 더 나을까요?조언 부탁드립니다!
-
미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌2)
PDF파일은 어디있나요?
3강에서 비주얼 스튜디오 코드 사용법 강의에서 PDF파일 참고하라는 내용이 있는데 파일은 어디서 확인할 수 있나요?
-
미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
codesandbox 업데이트..
codesandbox가 또 업데이트 된 것 같습니다..모던 html 기능과 배경지식 이해 강의 영상과 전혀 다른 화면이 나옵니다..사용법 업데이트 해 주시면 좋을 것 같습니다.!
-
미해결CSS 기본부터 활용까지
지금은 저 링크의 filter playground가 지원을안하는것 같아요~
생활코딩 내 링크통해 들어갔는데 제작자가 만든 다른사이트로 이동하더라구요. 근데 거기서도 영상 속 사이트는 이제 없나봐요. 혹시 찾으신 분 계시면 공유해주세요~
-
해결됨웹 애니메이션을 위한 GSAP 가이드 Part.02
선생님 알려주신 내용을 기반삼아 구현하고 싶은 UI가 있습니다.
안녕하세요 범쌤...! 강의 너무 잘 듣고 있습니다.motionPath를 이용해서 구현하고 싶은 UI가 있습니다.대략적인 구현하고자 하는 모양은 이러합니다.● 디폴트1. 행성이 각 궤도에 맞춰 공전● 행성을 클릭시1. 공전이 멈추고 클릭 된 행성이 줌인2.행성마다 행성의 설명 UI가 보여짐설명이 부족한 것 같아 부족하지만 피그마로 그려서 첨부해봅니다..실무에 필요한데 도저히 감이오지 않아요 ㅜㅜㅜㅜㅜㅜ
-
해결됨면접과 취업을 부르는 '퍼블리셔 개인 포트폴리오 홈페이지' 제작
현재도 float 사용은 중요한가요?
안녕하세요 선생님 강의 들으면서 취업준비 열심히 하고 있는 학생입니다먼저 찾아봤는데 비슷한 질문들은 없는 것 같아서 질문드립니다, 같은 질문이 있었다면 죄송합니다 궁금한 점이 있는데 취업을 위해 포트폴리오를 제작할 때float를 주로(?) 사용하여 제작하되, flex와 grid를 사용한 포트폴리오도제작하여 사용 경험을 어필할 수 있어야 된다고 들었는데요이게 현재도 통용되는 이야기인지 궁금합니다이전에는 ie에서의 flex 및 grid 호환성 문제때문에float를 주로 사용한 걸로 알고있는데(아니라면 죄송합니다)ie지원종료가 된지 2년이 넘어가는 현 시점에서도 float는 여전히 중요한가요?아니면 float를 사용할 줄 알되 flex와 grid를 중점적으로 다룰 줄 알아야 할까요?
-
미해결SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma
피그마로 셀렉트 박스 인터렉션도 되도록 하려면?
https://www.youtube.com/watch?v=uI3k9Ol-Mp4 영어 강의 보고 따라 하려니까 어려워서 그런데 단계별로 설명좀 해주실수 있나요?
-
미해결SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma
피그마 ai 기능 괜찮은거 추천해주실수 있나요?
플러그인을 사용해야 되나요 아니면 피그마 ai 정식 버젼을 기다려야 되나요?text to figma , image to figma 괜찮은거 추천해주시면 감사여
-
미해결SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma
테이블 그리려고 하는데 어려워요
이런 테이블 피그마로 쉽게 그리는법 좀 알려주세요 강의에서 참고할만한 부분이 있을까여?
-
해결됨누구나 쉽게 시작하는 웹개발 기초 (Basic Web Development Course)
강의 자료
안녕하세요 좋은 강의 감사합니다.혹시 강의 시 사용된 강의 자료를 받아 볼 수 있을까요?정중히 요청 드려봅니다.감사합니다.
-
미해결퍼블리싱 핵심이론 PDF 교재 및 예제파일(HTML+CSS+FLEX+JQUERY)
이미지맵 좌표
HTML 핵심이론 수강중입니다.윈도우의 경우 보조프로그램을 이용하여 이미지 좌표 확인이 가능합니다. 다만, 저는 맥북 유저로 윈도우에서 사용하는 보조프로그램이 없어 이미지 좌표를 확인하는데 조금 문제가 생겼습니다.맥os 에서도 이미지 좌표를 확인하는 방법이 있을까요?
-
미해결[웹 퍼블리싱 실습] 웹 표준 사이트 만들기
[라이트박스]
lightgallery css와 js 모두 연결하고 강의와 동일하게 index에서 class=popup 부분에 내용을 수정했는데도script에 $(".lightgallery").lightGallery(); 만 작동시키면 cont_ban 배너부분이 첨부한 사진과 같이 깨집니다.어떤 부분이 잘못되어 이럴까요?
-
미해결[웹 퍼블리싱 실습] 웹 표준 사이트 만들기
<탭 메뉴 스크립트> - 공지사항 탭 Background color가 반영되지 않습니다.
<탭 메뉴 스크립트> 강의에서 똑같이 jquery를 입력하고 동작은 제대로 되지만 공지사항1, 공지사항2, 공지사항3의 background color는 적용이 되지 않습니다.어떤 부분이 문제일까요~?
-
미해결자바스크립트 제대로 배워볼래?
외부 라이브러리 사용 질문
안녕하세요 강의 잘 수강하고있습니다!저번 강의에서 bigNumber 라이브러리, 이번강의에서 moment라이브러리 설명을 해주셔서 사용하다가 문제가 생겨 질문드립니다.두 라이브러리모두 cdn방식으로 사용을하면 잘 됩니다. 그치만 두 라이브러리 모두 npm으로 설치를 하여 사용하려고 시도를 하니 에러가 뜹니다.moment라이브러리의 경우, 설치를 다 하고난 뒤,script 태그 안에 import moment from 'moment'를 작성하고 사용하려고 하자, SyntaxError: Unexpected identifier 'moment'. import call expects one or two arguments.라는 오류가 뜹니다.코드는 이런식으로 짰는데 어떤 점이 문제일까요?
-
미해결[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드
화면이 안바껴요ㅠ
/* Tab Content */ .tab-inner { width: 97%; margin: auto; } .btn {} .btn span { border: 1px solid #000; display: inline-block; width: 120px; text-align: center; padding: 3px; border-radius: 5px 5px 0 0; margin-right: -6px; background-color: #ddd; cursor: pointer; border-bottom: none; margin-bottom: -1px; } .btn span.active { background-color: #fff; } .tabs {} .tabs div { border: 1px solid #000; height: 155px; padding: 0 10px; } .tab1 {} .tab1 a { display: block; padding: 3px; border-bottom: 1px solid #333; } .tab1 a:last-child { border-bottom: none; } .tab1 a b { float: right; font-weight: normal; } .tab2 { display: none; text-align: center; } .tab2 img { margin-top: 25px; width: 110px; } // Tab Content $('.btn span:first-child').click(function(){ $('tab1').show() $('tab2').hide() $(this).addClass('active') $(this).siblings().removeClass('active') }) $('.btn span:last-child').click(function(){ $('tab2').show() $('tab1').hide() $(this).addClass('active') $(this).siblings().removeClass('active') })이렇게 작성하였는데 갤러리를 눌러도 공지사항 내용이 뜹니다ㅜ
-
미해결입문자를 위한, HTML&CSS 웹 개발 입문
강의 자료
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 위와 같은 강의자료는 어디서 확인 가능할까요?
-
미해결처음 만난 리액트(React)
코드 오류시 참고하시면 될듯합니다.
영상에 제시한 코드를 사용하면 아래와같은 오류가뜹니다 React 18에서는 ReactDOM.render를 지원하지 않는다고 하네요.. 아래 코드로 수정하니 잘 됩니다 참고 하세요~