inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

173만명의 커뮤니티!! 함께 토론해봐요.

인라인 요소, 블록 요소

해결됨

따라하며 배우는 HTML, CSS

인라인 요소는 블록 요소를 포함하면 안된다고 알고 있습니다. 브라우저 종류 및 버전마다 특정 요소가 출력이 안되는 경우가 있다고 들었는데, 최근의 경우에는 대부분 정상적으로 출력되는 경우가 많다고 들었습니다. 이 부분에서 궁금한 점이 생겼습니다. 사용자가 어떤 브라우저를 사용할지 모르기 때문에, 유효성을 지켜야 된다고 생각해도 괜찮을까요? 정상적으로 출력되는 브라우저는 유효성을 어기더라도, 사용자의 편의상 출력을 허용하도록 하는걸까요?

  • HTML/CSS
kjon1018 댓글 1 좋아요 0 조회수 314

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>

  • HTML/CSS
  • javascript
  • 반응형-웹
rlawlsgus125 댓글 1 좋아요 0 조회수 480

welcome-heading 부분이 왜 저렇게 위치되는지 모르겠습니다.

미해결

반응형 웹사이트 포트폴리오(App Official Landing Website)

블록요소기 때문에 슬라이드 밑줄에 위치되어야 하는걸로 아는데 왜 슬라이드와 겹쳐서 저렇게 페이지 맨 상단 왼쪽에 위치되는지 모르겠습니다.

  • HTML/CSS
  • jquery
  • 반응형-웹
김지안 댓글 1 좋아요 1 조회수 363

gsap.set() vs gsap.default()

해결됨

웹 애니메이션을 위한 GSAP 가이드 Part.02

gsap.set(), gsap.default() 두 가지 모두 트윈의 값을 미리 셋팅하는 역할을 하는데 어떤 상황에서 어떤 것을 사용해야할지 감이 잡히지 않습니다.

  • HTML/CSS
  • javascript
  • 인터랙티브-웹
  • gsap
류지25 댓글 1 좋아요 1 조회수 384

dragger에서 #timeline이 드래그 되는 이유

해결됨

웹 애니메이션을 위한 GSAP 가이드 Part.02

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으로 할 경우 타임라인드래그로 플레이헤드가 제어되는데이렇게 수정하면 안되나요?

  • HTML/CSS
jay k 댓글 1 좋아요 1 조회수 254

video 크기

미해결

실전! 웹사이트제작! Step by Step! ('크루알라모드'_반응형웹 제작)

안녕하세요. 위 화면처럼 contents부분의 들어간 video가 옆에 세로 스크롤이 생깁니다. 처음엔 가로, 세로 스크롤이 다 생겨서 다시했더니 이번엔 세로 스크롤이 생기네요. 강의를 더 가면 object-fit: cover;로 맞추던데.. 그렇게 해도 스크롤은 사라지지 않아요. 지금은 우선 여기까지 진도를 나갔지만.. 처음 진도를 나갈땐 visual title의 font-size: 70px;도 먹지않아 글씨가 작았는데.... 왜 그럴까요?

  • HTML/CSS
  • jquery
  • 인터랙티브-웹
  • 반응형-웹
최은석 댓글 1 좋아요 0 조회수 286

아이콘 부분

해결됨

[코드캠프] 시작은 프리캠프

아이콘 부분이 너무 다닥다닥 붙어있는데 조금 띄우려면 어떻게 해야하나요ㅠㅠ

  • HTML/CSS
  • javascript
김서연 댓글 1 좋아요 0 조회수 284

9장 Conditional Rendering 실습 질문있습니다

해결됨

처음 만난 리액트(React)

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. [Toolbar.jsx] [LandingPage.jsx] [index.js] [결과창] 올려주신 영상과 동일하게 작업을 진행했다고 생각하는데 결과창에서 버튼을 선택해도 상태가 변경되지 않습니다. 어떤 부분이 문제일까요?? react 버전은 18입니다

  • HTML/CSS
  • javascript
  • react
이동훈 댓글 1 좋아요 1 조회수 419

영상 오류 확인 요청 드립니다.

해결됨

UIUX 디자이너 취업을 위한 웹 포트폴리오 제작 : 퍼스널 브랜딩 전략

섹션 14 5차_업데이트(고정된 섹션에 하위 섹션 올라오는 인터렉티브) ScrollTrigger 실무활용_ScrollTrigger Script적용 영상 오류 확인 요청 드립니다. 4분 37초 정도 부터 30분 50초 정도 까지 블랙 화면(소리 X)으로 나옵니다. 확인 후 회신 부탁 드립니다.

  • HTML/CSS
  • 포트폴리오
  • 반응형-웹
  • gsap
  • scrolltrigger
suda111 댓글 3 좋아요 1 조회수 392

궁금합니다

미해결

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% 인 검은색 이 들어가는건가요 ??

  • HTML/CSS
  • jquery
메모멍 댓글 1 좋아요 1 조회수 228

버튼이 안 눌려요

해결됨

[코드캠프] 시작은 프리캠프

버튼이 눌리지가 않아요. 그리고 game.js 코드부분에 Unknown word 맨 아래 선언 또는 문이 필요하다는 어떻게 해야하나요..?

  • HTML/CSS
  • javascript
superman9668 댓글 1 좋아요 0 조회수 235

선생님 (!morning) 부분 질문이 있습니다!

미해결

나도코딩의 자바 기본편 - 풀코스 (20시간)

boolean morningCoffee= false if(!morningCoffee){ sout(아이스아메리카노 +!) } sout(주문완료) 논리부정연산자로 !morningCoffee == true 가 되는데 morningCoffee가 false가 맞을때 라고 이해해도 될까요? 헷갈려서 질문남깁니다~!

  • java
가진빵다내놔 댓글 1 좋아요 0 조회수 247

블록지정

미해결

[코드캠프] 시작은 프리캠프

이거 블록 지정 어떻게 하나요 자꾸 흰색만 또는 파란색만 떠서요 ㅠㅠㅠㅠㅠ 맥북입니다 ㅠㅠ...

  • HTML/CSS
  • javascript
김서연 댓글 1 좋아요 0 조회수 241

쿠폰 발급을 api로 제공할 경우, client에서 쿠폰 발급 여부를 확인할 수 있는 방법 문의드립니다.

미해결

실습으로 배우는 선착순 이벤트 시스템

안녕하세요. 강의 잘 들었습니다. 강의 들으면서 궁금증이 생겼는데, 만약에 쿠폰 발급 기능을 API로 제공한다고 가정하면 client -> 쿠폰 발급 기능 API 호출이 이루어지고 쿠폰 발급 기능 API에서는 쿠폰 발급 여부를 확인하고 kafka로 produce하게 되는데, 이때는 실제로 쿠폰이 발급된 상태는 아닐 수도 있을 것으로 예상됩니다(실제 쿠폰이 발급되는 시점은 consumer에서 작업이 정상적으로 완료되어야하므로 트래픽이 많거나 하는 경우 시간차이가 더 심할 것으로 예상됩니다) 이러면 쿠폰 발급 기능 API에서 응답값은 어떤 값을 줘야할까요? 쿠폰 발급 여부에서 발급이 가능하다면 쿠폰 발급되는것은 확정이기 때문에 발급되었다는 정보? 쿠폰 발급 여부에서 발급이 가능하지만 추가적으로 polling해서 client 쪽에서 확인하도록 처리? 제가 생각했을땐 위의 2가지정도로 가능할 것 같은데 강사님 의견이 궁금합니다..! 감사합니다.

  • java
  • docker
  • spring-boot
  • kafka
  • redis
예예 댓글 2 좋아요 1 조회수 633

실무에서 @DynamicInsert, @DynamicUpdate 사용하나요?

미해결

실전! 스프링 데이터 JPA

안녕하세요! 좋은 강의 잘 들었습니다! 실무에서 JPA를 사용하면서 궁금한점이 있어서요 실무에서는 @DynamicInsert, @DynamicUpdate 사용하고 있는데 영한님은 한번도 안쓰시더라구요..! 실무에서는 어떻게 사용하시는지 궁금합니다! @DynamicInsert, @DynamicUpdate 사용하지 않으면 어떻게 사용하는지도 궁금합니다.

  • java
  • spring
  • spring-boot
  • jpa
ILoveBackEnd 댓글 2 좋아요 0 조회수 3640

css 질문 있습니다 !!

미해결

따라하며 배우는 HTML, CSS

안녕하세요, 강사님 유튜브 사이트 기본 구조 생성하기 파트에서 css를 작성할 때 margin: 0; margin-top: 0; margin-bottom: 0; 과 같이 0값을 왜 따로 주시는 지 궁금합니다 !!

  • HTML/CSS
kmj06030 댓글 1 좋아요 0 조회수 292

회원가입 과제 질문

해결됨

[코드캠프] 시작은 프리캠프

* { 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
  • javascript
김서연 댓글 1 좋아요 0 조회수 302

자료 pdf 파일로 보내 주실수 있는지 질문드립니다.

미해결

따라하며 배우는 HTML, CSS

제가 자료에 다가 필기를 하면서 공부를 하고 싶은데 pdf 로 파일이 다운이 안되는 파일들이 몇 있습니다. 혹시 보내주실수 있는지 질문드립니다. 이메일은 spiderspoder@naver.com

  • HTML/CSS
java먹자 댓글 1 좋아요 0 조회수 365

Y축 섹션 고정스크롤애니메이션 강의중

미해결

UIUX 디자이너 취업을 위한 웹 포트폴리오 제작 : 퍼스널 브랜딩 전략

Y축 섹션 고정스크롤애니메이션 강의에서 스크롤을 올리면 border-radius준 영역 밖으로 bg가 보이는데 어떻게 없애면 될까요??

  • HTML/CSS
  • 포트폴리오
  • 반응형-웹
  • gsap
  • scrolltrigger
withme1004v 댓글 1 좋아요 0 조회수 309

[#svg, #이미지프레임과 텍스트 싱크] 스크롤 값에 움직이는 svg path, 이미지프레임과 텍스트 싱크 맞추는 것, 2가지 질문이 있습니다.

해결됨

애플 웹사이트 인터랙션 클론!

안녕하세요, 유익하고 좋은 강좌 만들어주셔서 감사드립니다! 덕분에 브라우저 스크롤 애니메이션에 대한 개념이해를 갖게 됐습니다!. 이런 내용을 바탕으로 '미려한' 애니메이션을 만들고 싶은 욕심이 생겼는데요, 해당 강좌를 시청하며 2가지 문의사항이 있습니다. 감사합니다! #질문1. svg의 path의 생성하는 법, 만들어주신 강좌 중 svg 강의를 보면 아이디어를 얻을 수 있을까요? 보너스로 추가해주신 아이패드 강좌 부분을 보면서, svg의 path를 커스텀으로 만들고 싶은 생각이 들었습니다. 아직 svg 로딩 강좌 섹션은 보지 못했는데, 혹시 인터렉티브 로드맵 중 svg강좌를 들으면, path를 만들 수 있는 힌트를 얻을 수 있을까요? 예를 들어 '안녕하세요 반갑습니다' 라는 svg를 브라우저 스크롤 하면서 하나씩 그려내고 싶습니다. #질문2. 3번째 섹션, 이미지프레임과 fixed된 텍스트들을 서로 싱크를 맞추려면, 어떻게 한땀한땀 해야할까요? 강좌에서 공부한 스크립트와 마크업/스타일을 바탕으로, 새로운 애니메이션을 만들때, 이미지/비디오 프레임과 fixed된 텍스트를 서로 싱크 맞추는 요령? 방법?이 무엇이 있을까요? 혹시 이미지 애니메이션을 완성하고, 수작업으로 텍스트의 fixed위치를 변경하면서, 수치를 정하는건가요?

  • HTML/CSS
  • javascript
  • 웹-디자인
  • svg
  • 인터랙티브-웹
  • 클론코딩
프린이 댓글 2 좋아요 0 조회수 480

인기 태그

인프런 TOP Writers

주간 인기글