묻고 답해요
141만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결웹 애니메이션의 새로운 표준, Web Animations API
2:20분 이해가 가지 않습니다.
<!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 이라고만 했는데....이해가 가지 않습니다.
-
미해결비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지
service nginx restart 에러
우분투 파일 경로를 바꾸기 전까지는 ip주소로 접근했을 때 Welcon to nignx! 까지는 잘 뜨는데이렇게 경로를 바꾸고 service nginx restart 명령어를 입력하면이런 메세지가 뜨면서 다시 ip주소로 접속하려 하면이렇게 사이트에 연결할 수 없다는 메세지가 나옵니다 어떻게 해야할까요...하
-
미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
슬라이더 버튼 checked 할 때, 버튼 색깔이 리셋되지 않아요
안녕하세요. 강사님. 강의를 보고 첨부해주신 html파일 그대로 복습해보다가 아래 이미지처럼 완성본이 나와서요.tab버튼이 클릭되어 바뀐 색상 그대로 멈추고 다시 돌아오지 않습니다.다음 버튼을 클릭했을 때, 나머지 다른 버튼들이 gray색상으로 돌아오게 하려면 어떻게 해야 하나요?
-
미해결[웹 개발 풀스택 코스] HTML&CSS 기초
Html 작성시 주석태그 단축키 문의
Html 작성시 style 태그 내에서 “ctrl + /“ 를 누르면 <!— —> 가 나오던데 /* */ 가 나오게 할 수 있는지 궁금합니다. Body 태그내에서는 <!— —> 가 style 내에서는 /* */ 가 나오게 하는 방법이 따로 있을까요?
-
미해결[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
이미지 사이즈설정
현재 나와잇는영상에서 이미지포샵하는게 a버전인데 d,e유형 유동형슬라이드이미지들은 대략 몇사이즈로 편집하나요? 사이즈 그냥 대충설정해야하나요?
-
해결됨백엔드 개발자에 의한, 백엔드 개발자들을 위한 프론트엔드 강의 - 기본편
FOO님!! 강의 설명 중 질문있습니다.
FOO님! 안녕하세요!강의 섹션1의 첫번째 파트인 '백엔드와 프론트엔드'에서 0:58초에 HTML이라고 말해야할 부분을 HTTP라고 잘못 말하신게 맞을까요? 물론 별거 아니지만 궁금해서요
-
해결됨[코드캠프] 시작은 프리캠프
잔디 질문입니다.
저는 강사님이 알려주신대로 했는데, git 명령어를 칠 때자동완성이 되지도 않고, 엔터쳐도 밑에 촤라락 펼쳐지는 코드들이 뜨지 않습니다. 그리고 맨 마지막 코드를 입력했을 때는 에러 메세지가 뜨는데 어떻게 해야하나요?
-
해결됨[코드캠프] 시작은 프리캠프
폰번호 넘어가는거 질문있습니다 (js)
3자리 번호를 입력하면 다음 칸으로 넘어가는 폰번호 js 파트에서 chang2를 그냥 chang에 한번에 입력해도 잘 작동하던데 수업 때 chang 1 chang2로 나눠서 하신 이유가 따로 있으실까요? 한번에 하면 오류같은게 있는건지 궁금합니다!
-
해결됨[코드캠프] 시작은 프리캠프
game.js 질문입니다!
js코드 부분에서 document.getElementById("myword")쪽 질문입니다. document.getElementById("myword").value를 document.getElementById("myword").innerText로 바꾸니까 실행이 안되던데 document.getElementById("myword").innerText를 쓰면 안되는건가요? input 태그의 id를 끌어올 때는 value를 쓰는건지궁금합니다!
-
미해결부트스트랩 5(Bootstrap 5) - 기초부터 웹 프로젝트 만들기
프로젝트1 번의 Navigation 강의부에서 질문입니다.
slick.min.js 에서 JQuery is not defined 에러가 발생합니다.개발자 도구를 통해 확인해 보니 나타납니다.slick.min.js 는 1.8.1 CDN 을 링크했습니다.부트스트랩5 에서는 바닐라js 를 쓴다고 하셨었는데.. JQuery 도 사용하나요? - 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
-
해결됨비전공자를 위한 진짜 입문 올인원 개발 부트캠프
노션링크
강의에 나오는 노션 링크는 어디에서 확인할 수 있나요?
-
미해결따라하며 배우는 HTML, CSS
유튜브 사이드바 생성할때 bottom 0
코드에서는Position : fixed;Left : 0;Bottom : 0; 으로 주셨는데, 저는 이렇게 하니까 사이드바가 아래에 붙어요.Bottom 0을 삭제하니까 강의처럼 위쪽에 붙어있어요.선생님 강의에서는 bottom 0을 줬는데 어떻게 위에 있는거죠? 그리고 색상코드는 6자리 알파벳, 숫자로만 나타낸다고 알고 있는데 212121FF는 뭔가요? 그냥 212121과 다른 점이 뭔지 궁금합니다.
-
미해결초보자도 만들 수 있는 스크롤 인터렉션. 1편 자바스크립트
날짜 카운트를 활용하여 시간으로 적용해볼 수 있나요?
안녕하세요 선생님,같은 방식으로 날짜 대신 오늘 시간까지 "시간"이 롤링되며 카운팅되는 효과로 적용해볼 수 있을까요??
-
미해결비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지
섹션10 배포하기 unbuntu에서 root경로가 안뜹니다ㅠㅠ
터미널에 이렇게만 뜨는데 어떻게 해야할까요?화면에 잘린 하단에도 특별한건 없습니다
-
미해결비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지
선생님 추가적으로 새로운 페이지를 만드려고 하는데요...
지금은 마커만 눌르면 해당 정보만 보이는데,마커를 눌렀을때 html안에 해당 음식점의 상세 페이지 정보를 만들어보려고 하는데..너무 막막해서요.. 이럴때는 어찌해야 할지 조금 말씀 부탁드려도 될까요?
-
해결됨[코드캠프] 시작은 프리캠프
싸이월드 5탄 곡명 질문입니다.
피그마에서는 번호와 곡명이 붙어 있어 밑에 노래 제목들이 깔끔하게 정렬되어있는데 수업시간에서는 곡명과 번호를 붙이지 않더라구요 이부분은 어떻게 해야 할까요? 강의에서 보면 따로 th부분을 제어하지 않던데, 4개의 열이 차지하는 공간은 어떻게 지정이 되는건지 원리가 궁금합니다!
-
해결됨처음 만난 리액트(React)
chapter_03 Book, Library.jsx 진행시 한글 깨짐 문의드립니다.
안녕하세요 선생님현재 chapter_03 진행 중인데요,jsx 실습 진행중인데,제 코드는 이렇구요, jsx는 이렇게 작성하였습니다. 그리고 npm start로 react-app 실행 시 요렇게 한글이 깨지는데요 혹시 해결 방안을 알 수 있을까요?
-
미해결[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
B유형 슬라이드 오류
B유형 세로슬라이드 실습중에 오류가 있어 문의 드립니다.마크업은 다 맞는 것 같은데 아예 움직이지를 않아요...오늘 시험인데 갑자기 안되서 너무 속상합니다ㅠㅠ<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>웹디자인기능사(유형B)</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="container"> <div class="header-inner"> <header> <div class="header-logo"></div> <div class="navi"></div> </header> </div> <div class="content-inner"> <div class="slide"> <div class="slide-items"> <a class="slide-item" href="#none"><img src="images/slide-01.jpg" alt="slide-01"></a> <a class="slide-item" href="#none"><img src="images/slide-02.jpg" alt="slide-02"></a> <a class="slide-item" href="#none"><img src="images/slide-03.jpg" alt="slide-03"></a> </div> </div> <div class="items"> <div class="news"></div> <div class="banner"></div> <div class="shortcut"></div> </div> </div> <div class="footer-inner"> <footer> <div class="footer-logo"></div> <div class="copyright"></div> <div class="sns"></div> </footer> </div> </div> </body> </html>@charset "utf-8"; body { margin: 0; } .container {} .header-inner { background-color: #eee; display: flex; justify-content: center; } header { border: 1px solid #000; width: 1200px; display: flex; justify-content: space-between; } header > div { border: 1px solid #000; height: 100px; } .header-logo { width: 200px; } .navi { width: 600px; } .content-inner {} .slide { width: 1200px; margin: auto; } .slide > div { border: 1px solid #000; height: 300px; } .items { width: 1200px; display: flex; margin: auto; } .items > div { border: 1px solid #000; height: 200px; } .news { width: 500px; } .banner { width: 350px; } .shortcut { width: 350px; } .footer-inner { background-color: #ddd; display: flex; justify-content: center; } footer { width: 1200px; display: flex; } footer > div { border: 1px solid #000; height: 100px; } .footer-logo { width: 200px; } .copyright { width: 1000px; } .sns { width: 200px; } /* Slide */ .slide { position: relative; height: 300px; font-size: 0; } .slide-items { position: absolute; top: 0; left: 0; } .slide-item {}/* Slide */ // setInterval(콜백함수, 시간) // animate({속성값}, 콜백함수) setInterval(function(){ $('.slide-items').animate({top: '-300px'}, function(){ $('.slide-items').css({top: 0}) $('.slide-item:first-child').appendTo('.slide-items') }) }, 3000)
-
해결됨[코드캠프] 시작은 프리캠프
game.js 질문입니다.
선생님과 똑같이 코드를 입력했는데 계속해서 정의되지 않은 단어라고 뜨면서 코드가 실행되지 않습니다. 이부분에서 뭐가 문제인지 잘 모르겠는데 알려주시면 감사하겠습니다
-
미해결비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지
코드 질문 드립니다!
const {studentName} = req.query; const {studentIdx} = req.params;여기서req.query와 req.params의 차이가뭔가요?
