inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

크로스브라우징-크롬

미해결

반응형 웹사이트 포트폴리오(Architecture Agency)

선생님 안녕하세요. 서브페이지 모바일로 변환하기를 마치고 마지막으로 크로스 브라우징을 하는 과정에서 크롬으로 서버를 바꿔서 해봤는데 엣지로 했을 때 보다 웹페이지가 엄청 확대되어서 나옵니다. 어떻게 해야 하나요? 제가 일일이 수정 해야 하나요? (저는 평소 엣지가 편해서 서버를 엣지로 설정하고 연습했어요. ) 선생님! 그리로 서버를 크롬으로 설정하고 연습하는게 오히려 낫나요? 그리고 마지막 질문이요! 포토폴리오 만들 때 웹사이트를 해외사이트로만 만들면 별로 보기 안 좋나요??

  • HTML/CSS
  • jquery
  • 웹-디자인
  • 크롬
  • 엣지
  • 크로스브라우징
김연재 댓글 2 좋아요 1 조회수 316

섹션6 질문입니다

미해결

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

스크롤 내렸을 때는 문제가없는데 스크롤 올릴 시 .con02의 .worklist와 .title이 높이 올라갔다가 다시 원위치되는 현상이 발생합니다.

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

reset.css 와 style.css 에 넣을 문장들 구분하기 질문드립니다.

미해결

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

강의에서 h1, h2, h3 의 폰트사이즈는 reset.css 파일에 들어가고 body의 폰트사이즈는 style.css 파일에 들어가고 *의 box-sizing: border-box 는 reset.css 파일에 들어가는데 body의 margin 0은 style.css에 들어가는데 body의 폰트사이즈나 margin:0도 reset.css 파일에 넣어도 되나요? 개인별로 스스로 편한대로 넣어도 되는지 아니면 혹시 body에 주는 css들은 style.css에 넣는게 권장되는건지 궁금합니다.

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

궁금한 부분들 질문 드립니다.

미해결

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

선생님. 궁금한 점이 있어 글을 남기게 되었습니다. f유형 강의 업로드 시기가 어떻게 되는지 궁금합니다. 각 유형별 디자인 영상이 있던데 시험 합격과는 무관한 것이 맞나요~? 그리고 이건 요청 사항인데요. 실습 자료로 실습을 하면 되긴 하겠지만, 유형별 문제 답안이 없어 공부하기 조금 불편한 부분이 있습니다. 답안도 같이 업로드 해주시면 감사 하겠습니다. 니

  • HTML/CSS
  • jquery
  • 웹디자인기능사
sy4562 댓글 4 좋아요 0 조회수 334

프로젝트3의 툴팁에서

미해결

부트스트랩 5(Bootstrap 5) - 기초부터 웹 프로젝트 만들기

프로젝트3의 툴팁부분 main.js을 bsComponent.js파일로 나눌때 <script type="module" src="assets/js/main.js"></srcipt> 에 type="module"을 넣게되면 나중에 wordpress로 만드는 작업을 하면서 function.php파일에 이 모듈부분을 어떻게 넣을수 있는지 잘 모르겠네요. 모듈부분때문인지 정상적으로 tooltip부분이 정상적으로 나오질 않습니다.ㅠㅠ 즉, wordpress에서는 모듈화를 어떻게 처리해야할까요?

  • HTML/CSS
  • javascript
  • bootstrap
  • 웹-디자인
MJ JI 댓글 2 좋아요 1 조회수 351

Chapter 5 (실습) 댓글 컴포넌트 만들기

미해결

처음 만난 리액트(React)

npm start를 하면, chapter 5의 내용이 아니라 이전 실습에서 했던 시계가 창으로 나옵니다. chapter5와 관련된 질문을 찾아도 해결방안을 모르겠습니다ㅠㅠ

  • HTML/CSS
  • javascript
  • react
jiwanpgm 댓글 1 좋아요 1 조회수 573

settings.jason 3가지

해결됨

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

settings.json 을 검색하면 3가지가 뜹니다. user workspace default 이렇게 3가지 뜨는데, 제가 다 눌러보니 어떤건 영어문장이이 막 나오고, 어떤건 비어있는걸로 나오는데 user 로 하면 될까요?

  • HTML/CSS
  • javascript
  • react
  • node.js
  • react-native
  • 머신러닝
  • express
  • tensorflow
와니_여희 댓글 2 좋아요 0 조회수 434

이미지가 없는데 첨부파일을 다운 받는 방법이 있나요??

해결됨

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

해당 강의를 진행하기 위해서 스프라이트 이미지를 다운받으려고 하는데 제공되는 이미지가 없는 것 같아서요! 따로 다운 받을 수 있는 링크가 있나요??

  • HTML/CSS
  • javascript
  • 인터랙티브-웹
서재완 댓글 1 좋아요 1 조회수 416

26분50초에 세로줄 어떻게 해요 ..? ㅎㅎㅎ

해결됨

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

26분50초에 세로줄 어떻게 해요 ..? ㅎㅎㅎ 저는 일단 영어 소문자 l 로 했어요 ..ㅎㅎ

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

강의 첨부 파일은 어떻게 받나요??

미해결

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

제 메일은 rkddus3177@naver.com 입니다

  • HTML/CSS
  • 포트폴리오
  • 반응형-웹
  • gsap
  • scrolltrigger
김강연 댓글 2 좋아요 0 조회수 313

VS CODE html:5 <tab>기능이 안됩니다

미해결

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

강의수강을 이제 막 시작했습니다 VS CODE 1.88.1을 사용중인데 html:5 <tab>기능이 안됩니다 setting-Extensions-Emmet-Trigger Expansion On Tab을 체크 하였는데도 안되네요ㅜㅜ 감사합니다

  • HTML/CSS
  • javascript
  • es6
BM CODI 댓글 1 좋아요 0 조회수 395

궁금한게 있습니다~!

미해결

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

안녕하세요~! ScrollTrigger 실무 활용_visual영역 제작하기 강의를 보던중 궁금한게 생겨서 여쭤봅니다! 8분 25초쯤보면 html,css 작업까지만 했을때 img_1의 높이만큼 스크롤이 생겼는데, 10분 47초에 scrollTrigger를 적용해주니까 높이값이 많이 늘어나있던데 혹시 왜 늘어나는지 알수있을까요?? 스크롤트리거를 사용하려면 스크롤이 되어야하는건 알겠지만 따로 높이값을 지정하지 않았는데 어떤것을 기준으로 늘어난건지 궁금해서 여쭤봅니다!

  • HTML/CSS
  • 포트폴리오
  • 반응형-웹
  • gsap
  • scrolltrigger
넴모 댓글 2 좋아요 0 조회수 296

p태그가 계속 보여요

해결됨

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

쌤이 해주신대로 따라했는데 라이브서버로 켰을 때 p태그가 계속 보여요 ㅠㅠ 무슨 문제일까요? 그리고 원래 쓰던 제이쿼리를 들어가보니 이렇게 나오는데 이것때문에 제이쿼리가 실행이 안되는걸까요?

  • HTML/CSS
  • jquery
망고19 댓글 3 좋아요 1 조회수 300

이미지 관련 사이트 문의드립니다.

해결됨

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

안녕하세요~! gsap part2 수강생입니다. 토이스토리 처럼 타임라인 방식으로 다른 이미지를 활용해서 새로 만들어보고싶은데요. 무료 다운가능한 이미지 사이트가 있을까요? 있다면 공유 부탁드릴게요.ㅠ

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

CSS 적용 안되는 현상

해결됨

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

위와 같이 코드를 작성하였습니다만, body 부분의 css가 적용이 안됩니다. 여기서 제가 궁금한 것은 .html 파일 위의 <!DOCTYPE html>을 삭제하면 body값이 100%에 맞게 보여지는데, 왜 이렇게 적용 되는지 잘 모르겠습니다.. <!DOCTYPE html>의 태그 같은 경우는 문서 형식을 선언하는것으로 알고있는데.. 해당 코드의 존재 유무에 따라 CSS 적용이 되다 안되다가 하는지 잘 모르겠습니다.. 답변 주시면 감사드리겠습니다!!

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

미디어 쿼리 작동

미해결

[웹 퍼블리싱 실습] 웹 표준 사이트 만들기

미디어쿼리 적용해 보려고 하는데 스크롤이 자꾸 움직여요ㅠㅠ 어떻게 해야할까요? http://seulg2.dothome.co.kr/prac/index01.html 웹페이지 구성은 똑같고 이미지랑 컬러만 다르게 해봤어요.

  • HTML/CSS
숑숑 댓글 3 좋아요 0 조회수 430

css 적용 중 강의대로 적용되지 않아 질문 드립니다

미해결

비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지

맛집 지도 뼈대 잡고 반응형 처리하기 -> 파트를 들으며 수강 중이었는데요, 버튼들이 이렇게 4,4개로 정렬되지 않아서 질문 드립니다. width: 25% 를 했을 땐 위와 같이 정렬되고 (모든 너비에서 똑같습니다) 24%를 하면 4개 4개로 되긴 하는데 너무 찝찝해서요.. 분명 똑같이 따라 친 것 같은데 강의를 다시 돌려보아도 찾기가 힘드네요.. 아래에 제 css와 html 코드를 올려두겠습니다 ㅠㅠ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>맛집지도</title> <meta name="author" content="동네코딩" /> <meta name="description" content="맛집지도 서비스" /> <meta name="keywords" content="동네코딩, 맛집지도, 유튜버맛집, 맛집유튜버" /> <link rel="stylesheet" href="style.css" /> </head> <body> <nav> <div class="inner"> <div class="nav-container"> <h1 class="nav-title">맛집지도</h1> <button class="nav-contact">Contact</button> </div> </div> </nav> <main> <section id="category"> <div class="inner"> <div class="category-container"> <h2 class="category-title">맛집지도 카테고리를 선택해보세요</h2> <div class="category-list"> <button class="category-item">한식</button> <button class="category-item">중식</button> <button class="category-item">일식</button> <button class="category-item">양식</button> <button class="category-item">분식</button> <button class="category-item">구이</button> <button class="category-item">회/초밥</button> <button class="category-item">기타</button> </div> </div> <!-- 카테고리 --> </div> </section> <div id="map"> <!-- 카카오지도 --> </div> </main> </body> </html> @font-face { font-family: "KyoboHandwriting2020A"; src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2112@1.0/KyoboHandwriting2020A.woff") format("woff"); font-weight: normal; font-style: normal; } * { padding: 0; margin: 0; box-sizing: border-box; } html { font-size: 10px; font-family: "KyoboHandwriting2020A"; } nav { background-color: rgb(212, 210, 210); } .nav-container { padding: 1rem 0; display: flex; flex-direction: row; /* row로 결정되어있는데 가시적으로 적어줌 */ justify-content: space-between; align-items: center; } .nav-title { font-size: 3rem; } .nav-contact { font-size: 2.5rem; border: 0; background: none; cursor: pointer; font-family: inherit; } .category-title { font-size: 3.5rem; } .category-item { width: 25%; height: 5rem; background:none; border:none; font-family: inherit; font-size: 1.6rem; } .inner { padding: 0 1.5rem; } @media all and (min-width: 1024px) { .inner { max-width: 1024px; margin: 0 auto; } }

  • HTML/CSS
  • javascript
  • aws
  • git
  • mysql
  • rest-api
  • github
ryucream612 댓글 2 좋아요 0 조회수 379

비디오 상세페이지

미해결

리액트(React.js)를 이용한 나만의 유튜브 사이트 만들기 프로젝트

Cannot read properties of undefined (reading '0') TypeError: Cannot read properties of undefined (reading '0') at http://localhost:3000/static/js/src_pages_Video_tsx.chunk.js:40:31 선생님 이런 에러가 나옵니다 값을 읽어오지 못하는거 같은데 어떻게 해야 할까요? 코드는 선생님꺼 복붙해서 했습니다 이전 강의까지는 잘 됐는데 이번 강의에서 이런 에러를 만났습니다 확인부탁드립니다 console.log(videoId)는 undefind 나옵니다 그리고 주소창에는 http://localhost:3000/video/[object%20Object] 이렇게 나옵니다

  • HTML/CSS
  • javascript
  • react
  • youtube-api
김강연 댓글 1 좋아요 0 조회수 288

인기 태그

인프런 TOP Writers

주간 인기글