inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

강의에 사용하는 예제 코드 자료 있나요?

미해결

프로그래밍 시작하기 : 웹 입문 (Inflearn Original)

안녕하세요. 강의에 사용하는 예제 코드 자료 있나요? PPT( https://www.inflearn.com/course/lecture?courseSlug=%EC%9B%B9%EA%B0%9C%EB%B0%9C-%EC%9E%85%EB%AC%B8-%EC%9D%B8%ED%94%84%EB%9F%B0-%EC%98%A4%EB%A6%AC%EC%A7%80%EB%84%90&unitId=51363 )자료만 있는 게 맞나요? 감사합니다.

  • HTML/CSS
  • javascript
defoogle 댓글 1 좋아요 0 조회수 415

코드 작성 순서

미해결

인터랙티브 웹 개발 제대로 시작하기

안녕하세요 선생님~ 수업 잘 듣구있습니다 ㅎㅎㅎ door-opened 클래스를 add하고 remove하는 순서로 생각했는데 코드 작성 흐름이 거꾸로 역순으로 가는 이유가 있을까요...?^^;;;

  • HTML/CSS
  • 인터랙티브-웹
  • javascript
Hyeyeon Kim 댓글 1 좋아요 0 조회수 299

a태그한 것들이 라이브화면에서 일자로 배치가 안되요

미해결

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)

이미지파일이랑 텍스트랑 다같이 해보고 싶어서 이렇게 만들었는데 강의처럼 일렬로 예쁘게 배치가 안되고 유투브는 아래로 내려가 있습니다. 혹시 어떤게 잘못된걸까요??

  • HTML/CSS
  • jquery
부드러운 종다리 댓글 5 좋아요 1 조회수 443

JSX인지 어떻게 알 수 있나요?

미해결

처음 만난 리액트(React)

JavaScript 코드와 XML/HTML 코드가 결합된 JSX라는걸 어떻게 알 수 있나요? 자료형이나 변수를 통해 할 수 있는건가요?

  • HTML/CSS
  • javascript
  • react
윤하 댓글 1 좋아요 0 조회수 397

100vw 관련 질문

미해결

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

모던 웹을 위한 모던 CSS 단위 이해 및 정리 14:10에서 100vw를 하면 전체가 차지 되야 하는데 흰색 테두리가 있는 걸로 보아 100%꽉 채우지 않은 것 같아서요. 제가 예전에 어디서 배운 것 같기는 한데 정확하게 개념이 기억이 안나서 설명 부탁드립니다...!

  • HTML/CSS
  • javascript
  • es6
temp12312 댓글 2 좋아요 0 조회수 372

값에 0대신 입력을 안해도 문제없나요?

미해결

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)

border: 2px solid blue; box-shadow: inset 0 0 100px #000 이렇게 여러 값 한번에 쓰는 속성에서 기본정보를 사용할때 0이나 black같은거는 입력안해도 라이브화면에서 원하는대로 보이는데 나중에 오류가 나거나 그러지않으면 아예 안적어도 되나요?

  • HTML/CSS
  • jquery
부드러운 종다리 댓글 1 좋아요 1 조회수 179

node js 설치 문의

미해결

처음 만난 리액트(React)

node js 설치 후 파워쉘에서 검색하면 이렇게 나와요. 파워쉘 최신 버전 설치하라는 글씨도 보이는데, 파워쉘 최신 버전을 설치해야하나요?

  • HTML/CSS
  • javascript
  • react
이진화 댓글 1 좋아요 1 조회수 261

camera.lookAt이 원래 이런건가요?

미해결

떠먹는 Three.js

camera.lookAt부분에서 0, 0, 0으로 설정 되어 있어서 살짝 윗방향을 볼순 없나 싶어서 질문드려요 0, 0, 0말고 다른값을 넣어도 계속 0, 0, 0만 보더라고요 위 처럼 길쭉한 아바타를 불러 왔을때 시선이 자꾸 발쪽에 즉 0, 0, 0 쪽에 맞춰줘 있어서 그부분을 좀 고치고 싶은데 방법이 없을까요?

  • HTML/CSS
  • javascript
  • three.js
anyas1398 댓글 1 좋아요 0 조회수 288

JSX의 장점 및 사용법 강의 영상 중 오타가 있습니다.

미해결

처음 만난 리액트(React)

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 코드 중 formatUser(user)가 formatName(user)인 거 같아요.

  • HTML/CSS
  • javascript
  • react
leey99 댓글 1 좋아요 1 조회수 264

프론트 페이지 빠꼼이 슬라이더 마지막 부분 문의 드립니다.

미해결

모바일 웹 퍼블리싱 포트폴리오 with Figma

추천상품 슬라이더 마지막 요소까지 당겼을 때도 마지막 요소가 빠꼼이로 반만 보이는데 슬라이더의 마지막 item은 온전히 다 보이게 하려면 어떻게 해야 할까요?

  • HTML/CSS
  • jquery
  • 모바일-디자인
  • figma
  • 포트폴리오
d111 댓글 1 좋아요 1 조회수 267

duration과 stagger

해결됨

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

안녕하세요 선생님! 수업 즐겁게 잘 듣고 있습니다! 문득 duration과 stagger 사이의 궁금증이 생겨 문의드립니다. 제가 이해한 바로는 duration = 애니메이션 진행시간의 총량 stagger = 애니메이션 진행시 아이템간의 간격 이렇게 이해하고 있습니다. 그런데 만약 duration 1초, stagger 0.5초, item * 8 (item) 0.5 (item) 0.5 (item) 0.5 (item) 0.5 ... duration이 설정한 1초를 아득히 넘어가게 되는데 GSDevTools로 확인해보니 stagger로 인해 초과되는 시간만큼 늘어나는 것으로 확인이 됩니다. 그렇다면 duration보다 stagger의 총합 길이가 더 우선이 되니 stagger의 총합 길이가 초과할 시 duration은 필요 없겠다라고 생각이 들었습니다. 그런데 GSDevTools로 확인해본 결과 duration 1초 적용시 4.5초 / 미적용시 4초 라는 결과값 을 확인했습니다. 어떤 상관이 있는지 궁금하여 질문 남깁니다..!

  • HTML/CSS
  • javascript
  • 인터랙티브-웹
  • gsap
eljsh95 댓글 1 좋아요 1 조회수 270

회원가입 폼 검증하기 실행이 안됩니다.

미해결

프로그래밍 시작하기 : 웹 입문 (Inflearn Original)

alert 메세지가 숨겨지는 코드까지는 실행이 되는데 그 이후 코드들이 실행되지 않는 것 같습니다. 콘솔에도 값들이 뜨지 않고 제출하면 새로고침 되는 현상이 발생해서 혹시 보지 못한 오타가 있나 검수 해보고 강의 코드와 비교도 해봤는데 실행되지 않는 이유를 잘 모르겠어서 질문 남겨봅니다..!

  • HTML/CSS
  • javascript
daonplace 댓글 1 좋아요 0 조회수 297

CRUD에서 CR만 배우는건가요

해결됨

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

수정 삭제는 sqlite로 직접 만져야되나요

  • HTML/CSS
  • javascript
  • react
  • node.js
  • react-native
  • 머신러닝
  • express
  • tensorflow
조현성 댓글 2 좋아요 1 조회수 297

동일답안 (C2, C3유형) 수정부탁드립니다.

미해결

웹디자인개발기능사 [2025년] 실기전체 (카톡질문가능)

안녕하세요? 강사님. 다름이 아니라 C2와 C3 유형이 C3 답안으로 두개 동일 답안으로 업로드 되어져 있습니다. C2유형 답안 업로드 부탁드립니다.

  • HTML/CSS
  • jquery
sy4562 댓글 2 좋아요 0 조회수 230

header_logo

미해결

따라하며 배우는 HTML, CSS

header.css 에서 header_logo class 에 margin-top: 5px를 해줬는데 html에서 header_logo클래스는 보이지 않아서요..어디 있는거죠?

  • HTML/CSS
qowldud23 댓글 1 좋아요 0 조회수 186

css 안먹어요

미해결

1. 웹개발 기초 [HTML, CSS]

main에 잘 적어줬는데 css가 먹질 않아요..링크도 몇번이나 확인했는데 잘 먹지를 않아요

  • HTML/CSS
mins199600 댓글 1 좋아요 0 조회수 180

문법관련 질문입니다

해결됨

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

수업내용에 let classmates = ["철수", "영희", "훈이"] 여기서 classmates.push("맹구")를 넣으면 마지막에 추가기능있는것을 배웠습니다. 그런데 여기서 궁금한게 마지막이 아닌 철수와 영희 사이 또는 영희와 훈이 사이에 넣을수 있는 문법(?)기능이 있을까요? 아 또 pop기능에서는 마지막값 삭제인데 그것말고 원하는 값을 삭제하는 기능이 있을까요?

  • HTML/CSS
  • javascript
히응 댓글 2 좋아요 0 조회수 292

폼테그 안에 메소드

미해결

1. 웹개발 기초 [HTML, CSS]

메소드를 적어서 요청을 보내면 index2 화면으로 넘어가져야 하는데 안되어서 메소드를 지우니까 화면이 index2로 넘어가지던데 혹시 메소드 없이 넘어가져도 괜찮은걸까요?

  • HTML/CSS
mins199600 댓글 1 좋아요 0 조회수 216

화면 출력에서 이상해요

미해결

떠먹는 Three.js

화면 출력 부분 강의에서 window.addEventListener('resize', () => { // 카메라의 종횡비 camera.aspect = window.innerWidth / window.innerHeight; camera.updateProjectionMatrix(); // 렌더러의 크기 renderer.setSize(window.innerWidth, widow.innerHeight); }); 이 코드에서 창 크기를 바꿀시 box의 크기가 줄어드는 것이 아닌 box가 늘어나는 현상이 발생합니다 별의 별짓을 다해도 못고칠것 같아서 질문드려요 <canvas id="result" style="border:1px solid red; width: 100%; height: 100vh"></canvas> 혹시몰라 html코드도 첨부합니다

  • HTML/CSS
  • javascript
  • three.js
anyas1398 댓글 2 좋아요 1 조회수 360

설명 감사합니다!

미해결

[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드

■ 질문 남기실 때 꼭! 참고해주세요. - 먼저 유사한 질문이 있었는지 검색해주세요. - 궁금한 부분이 있으시면 해당 강의의 타임라인 부분을 표시해주시면 좋습니다. - HTML, CSS, JQUERY 코드 소스를 텍스트 형태로 첨부해주시고 스크린샷도 첨부해주세요. - 다운로드가 필요한 파일은 해당 강의의 마지막 섹션에 모두 있습니다. 질문 하실 때 어떤 유형인지 말씀해주세요. ex) A1 작업하는데 ???이 안됩니다.

  • HTML/CSS
  • jquery
  • 웹-디자인
upward070 댓글 1 좋아요 1 조회수 178

인기 태그

인프런 TOP Writers

주간 인기글