묻고 답해요
156만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨실전! 웹사이트제작! Step by Step! (한국소비자원 소비자시대- 레이아웃제작 기초)
태그 id, class 에 관한 질문
안녕하세요! 수업 잘 듣고 있습니다.너무 기초적인 질문이라 조금 꺼려졌는데 그래도 스스로 해결되지 않아서 질문드려요.id 태그는 "id는 원칙상, 하나의 id당 하나의 태그에만 적용" 한다고 공부했었는데 이와 같은 식으로 하나의 id가 여러 태그에 적용될 수 있는 것을 발견했습니다. 여러 id가 하나의 태그에는 적용되지 않는 것은 확인했습니다. 보통 다른 글에는 태그마다 전부 다른 id를 사용하였습니다. 제가 저 문장을 잘못 이해한 것인지 궁금합니다.(일반적으로 id는 유일한 태그에 사용하고 class 태그를 여러 묶었을 때 사용하는 것인가요?)
-
미해결SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma
scss 히스토리 파일
style.scss가 사진처럼 여러 파일로 히스토리가 남게 저장됩니다. 삭제를 해도 watch css를 하면 다시 파일이 만들어지는데.. 아예 히스토리 안남게 하는 방법이 있을까요 ?
-
해결됨따라하며 배우는 HTML, CSS
인라인 요소, 블록 요소
인라인 요소는 블록 요소를 포함하면 안된다고 알고 있습니다.브라우저 종류 및 버전마다 특정 요소가 출력이 안되는 경우가 있다고 들었는데, 최근의 경우에는 대부분 정상적으로 출력되는 경우가 많다고 들었습니다. 이 부분에서 궁금한 점이 생겼습니다. 사용자가 어떤 브라우저를 사용할지 모르기 때문에, 유효성을 지켜야 된다고 생각해도 괜찮을까요?정상적으로 출력되는 브라우저는 유효성을 어기더라도, 사용자의 편의상 출력을 허용하도록 하는걸까요?
-
미해결입문자를 위한 반응형 웹 기초 강의
max-width에 관해서
안녕하세요 강사님, <div id='parents'> <div id='child'></div> </div>여기서 이 밑 두 코드의 차이점을 알 수 있을까요?<style> #parents { width: 50%; } #child { max-width: 100%; } </style><style> #parents { width: 50%; } #child { width: 100%; } </style>
-
미해결반응형 웹사이트 포트폴리오(App Official Landing Website)
welcome-heading 부분이 왜 저렇게 위치되는지 모르겠습니다.
블록요소기 때문에 슬라이드 밑줄에 위치되어야 하는걸로 아는데 왜 슬라이드와 겹쳐서 저렇게 페이지 맨 상단 왼쪽에 위치되는지 모르겠습니다.
-
해결됨웹 애니메이션을 위한 GSAP 가이드 Part.02
gsap.set() vs gsap.default()
gsap.set(), gsap.default() 두 가지 모두트윈의 값을 미리 셋팅하는 역할을 하는데 어떤 상황에서 어떤 것을 사용해야할지 감이 잡히지 않습니다.
-
해결됨웹 애니메이션을 위한 GSAP 가이드 Part.02
dragger에서 #timeline이 드래그 되는 이유
const dragger = Draggable.create('#playhead', { type: 'x', cursor: 'pointer', trigger: '#playhead', // #playhead bounds: { minX: 0, maxX }, onDrag(e) { // console.log(e); animation.pause(); animation.progress(this.x / maxX); }, });트리거를 #timeline으로 할 경우 타임라인드래그로 플레이헤드가 제어되는데이렇게 수정하면 안되나요?
-
미해결실전! 웹사이트제작! Step by Step! ('크루알라모드'_반응형웹 제작)
video 크기
안녕하세요.위 화면처럼 contents부분의 들어간 video가 옆에 세로 스크롤이 생깁니다.처음엔 가로, 세로 스크롤이 다 생겨서 다시했더니 이번엔 세로 스크롤이 생기네요.강의를 더 가면 object-fit: cover;로 맞추던데.. 그렇게 해도 스크롤은 사라지지 않아요.지금은 우선 여기까지 진도를 나갔지만..처음 진도를 나갈땐 visual title의 font-size: 70px;도 먹지않아 글씨가 작았는데....왜 그럴까요?
-
해결됨[코드캠프] 시작은 프리캠프
아이콘 부분
아이콘 부분이 너무 다닥다닥 붙어있는데 조금 띄우려면 어떻게 해야하나요ㅠㅠ
-
해결됨처음 만난 리액트(React)
9장 Conditional Rendering 실습 질문있습니다
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.[Toolbar.jsx][LandingPage.jsx][index.js][결과창]올려주신 영상과 동일하게 작업을 진행했다고 생각하는데 결과창에서 버튼을 선택해도 상태가 변경되지 않습니다.어떤 부분이 문제일까요??react 버전은 18입니다
-
해결됨GSAP의 ScrollTrigger를 활용한 포트폴리오 제작
영상 오류 확인 요청 드립니다.
섹션 14 5차_업데이트(고정된 섹션에 하위 섹션 올라오는 인터렉티브)ScrollTrigger 실무활용_ScrollTrigger Script적용영상 오류 확인 요청 드립니다.4분 37초 정도 부터 30분 50초 정도 까지 블랙 화면(소리 X)으로 나옵니다.확인 후 회신 부탁 드립니다.
-
미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
궁금합니다
선생님 input 을 왜 display none을 해서 없애는 건가요?? 그리고 label span 안에 width: 100% height 2px background-color: #000 을 준 상태에서label span:nth-child(1){}label span:nth-child(2){}label span:nth-child(3){}각각 자식 span 안에 퍼센트만 쓰면 높이 2px 길이가 100% 인 검은색 이 들어가는건가요 ??
-
해결됨[코드캠프] 시작은 프리캠프
버튼이 안 눌려요
버튼이 눌리지가 않아요.그리고 game.js 코드부분에 Unknown word 맨 아래 선언 또는 문이 필요하다는 어떻게 해야하나요..?
-
미해결[코드캠프] 시작은 프리캠프
블록지정
이거 블록 지정 어떻게 하나요 자꾸 흰색만 또는 파란색만 떠서요 ㅠㅠㅠㅠㅠ 맥북입니다 ㅠㅠ...
-
미해결따라하며 배우는 HTML, CSS
css 질문 있습니다 !!
안녕하세요, 강사님유튜브 사이트 기본 구조 생성하기 파트에서 css를 작성할 때 margin: 0;margin-top: 0;margin-bottom: 0;과 같이 0값을 왜 따로 주시는 지 궁금합니다 !!
-
해결됨[코드캠프] 시작은 프리캠프
회원가입 과제 질문
* { justify-content: center; align-items: center; } .hr { width: 470px; height: 0.998px; flex-shrink: 0; background: #e6e6e6; } .bak { width: 670px; height: 960px; border-radius: 20px; border: 1px solid #aacdff; background: #fff; box-shadow: 7px 7px 39px 0px rgba(0, 104, 255, 0.25); } .h2 { width: 466px; color: #0068ff; font-family: Noto Sans CJK KR; font-size: 32px; font-style: normal; font-weight: 700; line-height: normal; } .email { width: 158px; height: 23.649px; flex-shrink: 0; color: #797979; font-family: Noto Sans CJK KR; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; } .name { width: 158px; height: 23.649px; } .pw { width: 158px; height: 23.649px; } .pw { border: 1px solid blue; } .button { border-radius: 10px; border: 1px solid #0068ff; background: #fff; width: 470px; height: 75px; flex-shrink: 0; } .check { color: #000; font-family: Noto Sans CJK KR; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } <!DOCTYPE html> <html lang="ko"> <head> <title>회원가입</title> <link href="./02-signup.css" rel="stylesheet" /> </head> <body> <div class="bak"> <h2 class="h2">회원 가입을 위해<br>정보를 입력해주세요</h2> <input class="email" type="text" placeholder="이메일" /><br /><br /> <input class="name" type="text" placeholder="이름" /><br /><br /> <input class="pw" type="password" placeholder="비밀번호" /><br /><br /> <input class="pw" type="password" placeholder="비밀번호 확인" /><br /><br /> <select> <option disabled="true" selected="true">지역을 선택하세요</option> <option>서울</option> <option>경기</option> <option>인천</option> </select> <br /><br /> <input class="radio" type="radio" name="gender" />여성 <input class="radio" type="radio" name="gender" />남성 <br /><br /> <input class="check" type="checkbox" /> 이용약관 개인정보 수집 및 동의 <hr class="hr"> <br> <br> <button class="button">가입하기</button> <!-- <input type="button" value="가입하기" /> --> </body> </div> </html> 코드 작성한 게 저렇게 화면이 보여지는데 가운데 정렬을 하려면 어떻게 해야될까여..... flex랑 just로 시작하는 속성을 넣으면 이상하게 되더라구요 너무 어렵네요 ㅠㅠ
-
미해결따라하며 배우는 HTML, CSS
자료 pdf 파일로 보내 주실수 있는지 질문드립니다.
제가 자료에 다가 필기를 하면서 공부를 하고 싶은데 pdf 로 파일이 다운이 안되는 파일들이 몇 있습니다. 혹시 보내주실수 있는지 질문드립니다. 이메일은 spiderspoder@naver.com
-
미해결GSAP의 ScrollTrigger를 활용한 포트폴리오 제작
Y축 섹션 고정스크롤애니메이션 강의중
Y축 섹션 고정스크롤애니메이션 강의에서 스크롤을 올리면 border-radius준 영역 밖으로 bg가 보이는데 어떻게 없애면 될까요??
-
해결됨애플 웹사이트 인터랙션 클론!
[#svg, #이미지프레임과 텍스트 싱크] 스크롤 값에 움직이는 svg path, 이미지프레임과 텍스트 싱크 맞추는 것, 2가지 질문이 있습니다.
안녕하세요,유익하고 좋은 강좌 만들어주셔서 감사드립니다! 덕분에 브라우저 스크롤 애니메이션에 대한 개념이해를 갖게 됐습니다!. 이런 내용을 바탕으로 '미려한' 애니메이션을 만들고 싶은 욕심이 생겼는데요,해당 강좌를 시청하며 2가지 문의사항이 있습니다.감사합니다! #질문1. svg의 path의 생성하는 법, 만들어주신 강좌 중 svg 강의를 보면 아이디어를 얻을 수 있을까요?보너스로 추가해주신 아이패드 강좌 부분을 보면서, svg의 path를 커스텀으로 만들고 싶은 생각이 들었습니다. 아직 svg 로딩 강좌 섹션은 보지 못했는데, 혹시 인터렉티브 로드맵 중 svg강좌를 들으면, path를 만들 수 있는 힌트를 얻을 수 있을까요? 예를 들어 '안녕하세요 반갑습니다' 라는 svg를 브라우저 스크롤 하면서 하나씩 그려내고 싶습니다.#질문2. 3번째 섹션, 이미지프레임과 fixed된 텍스트들을 서로 싱크를 맞추려면, 어떻게 한땀한땀 해야할까요?강좌에서 공부한 스크립트와 마크업/스타일을 바탕으로, 새로운 애니메이션을 만들때, 이미지/비디오 프레임과 fixed된 텍스트를 서로 싱크 맞추는 요령? 방법?이 무엇이 있을까요? 혹시 이미지 애니메이션을 완성하고, 수작업으로 텍스트의 fixed위치를 변경하면서, 수치를 정하는건가요?
-
해결됨[코드캠프] 시작은 프리캠프
복사붙여녛기가 끝인데
피그마 css에 나오는 부분을 복사붙여넣기 하면 끝인데 과제라는 의미가 있나요? 복붙만 하는 건데 도움이 되는 건가요?
