inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

Scroll Reveal Animation 적용이 안되요

미해결

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

아래 처럼 css 적용하고 html도 강의데로 넣어줬는데... 왜 애니메이션이 적용되지 않을까요 .ltr { animation: ltr o.5s linear both; } .rtl { animation: rtl o.5s linear both; } .utd { animation: utd o.5s linear both; } @keyframes ltr { 0% { transform: translateX(-100px); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @keyframes rtl { 0% { transform: translateX(100px); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @keyframes utd { 0% { transform: translateY(-100px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } }

  • HTML/CSS
  • jquery
  • 반응형-웹
taylorkimjw1 댓글 1 좋아요 1 조회수 380

git 질문입니다

해결됨

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

이게 뜨면 어떡하나요?

  • HTML/CSS
  • javascript
지 민 댓글 1 좋아요 0 조회수 233

transition질문있습니다~

해결됨

[코드캠프] 강력한 CSS

1.css를 설정해줄 때 display: flex; 를 하지 않으면 트렌지션이 적용이 안되던데 이유가 뭔가요? 같은 .button1에 .transition: width 0.3s ease랑 transition: color 0.3s ease를 사용하면 계속해서 오류 메세지가 뜨던데 같이 못 쓰는건가요? 답변 부탁드립니다!

  • HTML/CSS
지 민 댓글 1 좋아요 0 조회수 369

완성 후 각 섹션 display:none 주석 시 문제

미해결

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

각 섹션별 모두 완성하였습니다. Section Display의 각 섹션을 하나씩 풀어서 볼 때는 문제가 없습니다. 하지만 모두 주석 처리하여 볼 때 문제가 있습니다. .faq 섹션의 accordian이 작동하지 않습니다. 위 각 항목 눌러지지 않아요. .guide 섹션에서 close modal이 작동하지 않습니다. 위 X버튼이 작동하지를 않아요.

  • HTML/CSS
  • jquery
  • 반응형-웹
taylorkimjw1 댓글 3 좋아요 1 조회수 432

강사님 vscode 폰트와 색상이 뭔가요

미해결

웹 애니메이션의 새로운 표준, Web Animations API

폰트와 폰트 색상이 예뻐서 그러는데 어떤거 사용 하나요? 그리고 vscode 다크모드에서도 폰트 색상이 동일하게 적용 되나요? 키보드 정보도 알고 싶습니다

  • HTML/CSS
  • javascript
  • 인터랙티브-웹
  • frontend
  • web-animations-api
ㅌㅇ 댓글 2 좋아요 0 조회수 681

아무리 찾아봐도 피그마 링크가 보이질 않습니다.

해결됨

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

좋은 강의 들려주셔서 항상 감사합니다 선생님. 다름이 아니라 아무리 강의를 뒤져봐도 피그마 링크가 보이질 않는데.. 혹시 링크가 어디에 있는지 알려주실 수 있나요?

  • HTML/CSS
  • javascript
minchoi9979 댓글 1 좋아요 0 조회수 330

제출버튼 클릭하면 오류 발생

미해결

<M.B.I.T> 테스트 페이지 만들기! with Django

마지막 단계에서 제출버튼 클릭하니 위와 같은 오류가 발생합니다. 어떻게 해결해야해 하나요 ?

  • HTML/CSS
  • javascript
  • django
김주희 댓글 1 좋아요 0 조회수 259

axios 이후 마커 오류

미해결

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

axios로 dataSet을 받아오는 과정에서 undefined오류가 뜨는데 무엇이 문제인가요? 사진은 개발자도구에서 콘솔창에 뜨는 오류랑 오류가 발생했다고 하는 98줄의 코드입니다

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

position:absolute에 대해

미해결

[웹 개발 풀스택 코스] HTML&CSS 기초

안녕하세요. 24:14언저리의 수업을 보면 absolute함수가 부모요소중 relative로 설정된 부모요소에 대한 상대적위치라고 하시면서 relative요소를 움직이시면서 보여주는데 보면 그 안에있는 general 함수가 적용된 일반요소도 같이 움직이는것이 보입니다. 부모요소가 커다란 집합체로 부모요소가 움직이면 그안에 속해있는 자식요소들도 원래 같이 움직이는거아닌가요??

  • HTML/CSS
  • position
  • absolute
김민영 댓글 1 좋아요 1 조회수 338

'[섹션 8. Connection & Hook] Postgres 컨테이너 올리기' 강의에서 sudo docker compose up 명령어가 제대로 실행되지 않습니다.

미해결

Airflow 마스터 클래스

이전까지는 도커 서비스를 잘 수행이 됐었습니다. 이번 강의에서 docker-compose.yaml파일을 수정 후 서비스를 내렸다가 다시 올리려고 하니 사진처럼 해당 로그까지만 찍힌 후에 더 이상 진행이 되지 않고 있습니다. 계속 기다려봐도 상태가 그대로인 것을 보아하니 어딘가 문제가 생긴 것 같습니다. yaml파일은 올려주신 파일과 비교해봤을 때 오타나 다른 문제는 없는 것 같습니다. 원래의 docker-compose.yaml로 교체하면 잘 실행이 되는 상태입니다. 뭐가 문제일까요?

  • python
  • 데이터-엔지니어링
  • airflow
재윤 댓글 2 좋아요 0 조회수 464

2:20분 이해가 가지 않습니다.

미해결

웹 애니메이션의 새로운 표준, Web Animations API

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> .box { width: 100px; height: 100px; background: coral; transition: 1s; } body { margin: 0; } .box-action { transform: translateX(300px); background: blue; } </style> </head> <body> <div class="box"></div> <script> const box = document.querySelector(".box"); box.addEventListener("click", () => { box.classList.toggle("box-action"); }); </script> </body> </html> 안녕하세요 강사님. toggle 해서 클릭 하면 상자가 300px 인 곳으로 이동하는 건 이해 하였는데, 다시 클릭 하면 왜 기존의 위치로 가는건가요? css에서는 가로 세로 100px 이라고만 했는데.... 이해가 가지 않습니다.

  • HTML/CSS
  • javascript
  • 인터랙티브-웹
  • frontend
  • web-animations-api
ㅌㅇ 댓글 1 좋아요 0 조회수 303

service nginx restart 에러

미해결

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

우분투 파일 경로를 바꾸기 전까지는 ip주소로 접근했을 때 Welcon to nignx! 까지는 잘 뜨는데 이렇게 경로를 바꾸고 service nginx restart 명령어를 입력하면 이런 메세지가 뜨면서 다시 ip주소로 접속하려 하면 이렇게 사이트에 연결할 수 없다는 메세지가 나옵니다 어떻게 해야할까요...하

  • HTML/CSS
  • javascript
  • aws
  • git
  • mysql
  • rest-api
  • github
밍ㅇ밍 댓글 1 좋아요 0 조회수 738

슬라이더 버튼 checked 할 때, 버튼 색깔이 리셋되지 않아요

미해결

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

안녕하세요. 강사님. 강의를 보고 첨부해주신 html파일 그대로 복습해보다가 아래 이미지처럼 완성본이 나와서요. tab버튼이 클릭되어 바뀐 색상 그대로 멈추고 다시 돌아오지 않습니다. 다음 버튼을 클릭했을 때, 나머지 다른 버튼들이 gray색상으로 돌아오게 하려면 어떻게 해야 하나요?

  • HTML/CSS
  • jquery
댓글 1 좋아요 1 조회수 325

wilcoxon 검정에 대한 질문입니다!

해결됨

[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)

이전 단일 표본 검정에서 정규성 검증을 진행할 때 willcoxon 코드를 알려주실 때stats.wilcoxon(df[’무게‘]-120, alternative=’less’)와 같이 알려주셨는데 이번 대응표본 검정에서 정규성 검증을 진행할 때 willcoxon는 stats.wilcoxon(df[‘after’] ,df[‘before’], alternative = ‘greater’)와 같이 알려주셨습니다.또한 강의에서도 after와 before의 값을 빼서 넣은 값인 df['diff']를 그대로 사용해도 된다고 말씀하셨습니다.그래서 아래 사진과 같이 임의로 df[‘after’] - df[‘before’]를 넣어서 실행해봤는데 결과값이 똑같이 나왔습니다. 그럼 단일 표본 검정에서 알려주신대로 df[’무게‘]-120와 같이 df[‘after’] - df[‘before’]로 생각하고 넣어줘도 무방한 것인가요?

  • python
  • 머신러닝
  • 빅데이터
  • pandas
  • 빅데이터분석기사
김건우 댓글 1 좋아요 0 조회수 314

4-2 type 1 4 번 문제

해결됨

[퇴근후딴짓] 빅데이터 분석기사 실기 (작업형1,2,3)

형별로 합하기 위해 df = df.T 를 쓰셨는데 print(sum(df.sum(axis=1) > 3000)) 를 쓰면 안 될까요 ? 해보니 답은 동일 했습니다.

  • python
  • 머신러닝
  • 빅데이터
  • pandas
  • 빅데이터분석기사
paul1142 댓글 3 좋아요 1 조회수 400

Html 작성시 주석태그 단축키 문의

미해결

[웹 개발 풀스택 코스] HTML&CSS 기초

Html 작성시 style 태그 내에서 “ctrl + /“ 를 누르면 <!— —> 가 나오던데 /* */ 가 나오게 할 수 있는지 궁금합니다. Body 태그내에서는 <!— —> 가 style 내에서는 /* */ 가 나오게 하는 방법이 따로 있을까요?

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

이미지 사이즈설정

미해결

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

현재 나와잇는영상에서 이미지포샵하는게 a버전인데 d,e유형 유동형슬라이드이미지들은 대략 몇사이즈로 편집하나요? 사이즈 그냥 대충설정해야하나요?

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

FOO님!! 강의 설명 중 질문있습니다.

해결됨

백엔드 개발자에 의한, 백엔드 개발자들을 위한 프론트엔드 강의 - 기본편

FOO님! 안녕하세요! 강의 섹션1의 첫번째 파트인 '백엔드와 프론트엔드'에서 0:58초에 HTML이라고 말해야할 부분을 HTTP라고 잘못 말하신게 맞을까요? 물론 별거 아니지만 궁금해서요

  • HTML/CSS
  • javascript
  • bootstrap
asd 댓글 2 좋아요 1 조회수 356

잔디 질문입니다.

해결됨

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

저는 강사님이 알려주신대로 했는데, git 명령어를 칠 때 자동완성이 되지도 않고, 엔터쳐도 밑에 촤라락 펼쳐지는 코드들이 뜨지 않습니다. 그리고 맨 마지막 코드를 입력했을 때는 에러 메세지가 뜨는데 어떻게 해야하나요?

  • HTML/CSS
  • javascript
지 민 댓글 1 좋아요 0 조회수 253

폰번호 넘어가는거 질문있습니다 (js)

해결됨

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

3자리 번호를 입력하면 다음 칸으로 넘어가는 폰번호 js 파트에서 chang2를 그냥 chang에 한번에 입력해도 잘 작동하던데 수업 때 chang 1 chang2로 나눠서 하신 이유가 따로 있으실까요? 한번에 하면 오류같은게 있는건지 궁금합니다!

  • HTML/CSS
  • javascript
지 민 댓글 1 좋아요 0 조회수 293

인기 태그

인프런 TOP Writers

주간 인기글