inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

scss 히스토리 파일

미해결

SCSS(SASS)+FLEX 실전 반응형 웹 프로젝트 with Figma

style.scss가 사진처럼 여러 파일로 히스토리가 남게 저장됩니다. 삭제를 해도 watch css를 하면 다시 파일이 만들어지는데.. 아예 히스토리 안남게 하는 방법이 있을까요 ?

  • HTML/CSS
  • javascript
  • sass
  • jquery
  • scss
김수미 댓글 2 좋아요 1 조회수 476

인라인 요소, 블록 요소

해결됨

따라하며 배우는 HTML, CSS

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

  • HTML/CSS
김주원 댓글 1 좋아요 0 조회수 313

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 조회수 383

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

시트 이름 지정하려는데 title 명령이 안 먹혀요

미해결

파이썬 무료 강의 (활용편4) - 업무자동화 (RPA)

기본 명령어인 것 같은데 어째서 title만 어트리뷰트가 없다고 에러 뜰까요? 프로그램을 껐다 켜봐도 이렇습니다.. 파이선 3.8.6 버전 쓰고 있고 비주얼 스튜디오 코드는 1.83.1 버전 쓰고 있는 것 같네요

  • rpa
  • 파이썬
  • openpyxl
  • python
  • python3
이예린 댓글 1 좋아요 0 조회수 409

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 조회수 391

궁금합니다

미해결

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 조회수 234

블록지정

미해결

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

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

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

css 질문 있습니다 !!

미해결

따라하며 배우는 HTML, CSS

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

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

회원가입 과제 질문

해결됨

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

* { 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 조회수 363

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 조회수 479

apply axis 관련 질문

해결됨

[리뉴얼] 처음하는 파이썬 데이터 분석 (쉽게! 전처리, pandas, 시각화 전과정 익히기) [데이터분석/과학 Part1]

섹션7-2 5분 2초 apply부분에 apply(func, axis = 0)으로 하면 왜 '영어' 행이 하나 더 생기나요?

  • python
  • pandas
tjswn0125 댓글 1 좋아요 0 조회수 315

인기 태그

인프런 TOP Writers

주간 인기글