묻고 답해요
130만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결
slick slider 오류
위처럼 제가 만드려는 사이트에 슬릭 슬라이더를 적용하니 원래 크기는 320px인데 394px 이나 늘어났습니다 ㅠㅠ 검색해보니 슬릭 슬라이더 고유 style이 먹히는 바람에 저렇게 된 것 같은데 제가 커스텀한 css로 슬라이더 적용하는 방법 찾고 싶습니다... 버튼도 설정한 적 없는데 가운데로 와서 수정도 잘 안 돼 도움 남겨봐요... + 수정 위의 상황을 고치면 이런식으로 화살표 오류는 여전한 채 slidesToShow 가 안 먹힙니다ㅠㅠ 반응형인 responsive도 전혀 안 먹히고 있어요,,,
-
해결됨인터랙티브 웹 개발 제대로 시작하기
강의 중 overflow:hidden;에 관한 질문드립니다.
3개의 문2 강의 8:13에 .door-back 에 overflow: hidden;을 작성하셨는데요. 이미지가 해당 영역 밖으로 나갔을 때, 보이지 않게 하게 하기 위해서였죠. 그런데, 여기서 position: absolute;을 안 주면, 다음과 같은 상황이 발생하는데요. 아마, 제 생각에는 door-back 상위의 영역 ( 부모나 조부모 영역 )으로 넘어가면, overflow: hidden;이 더이상 적용이 안 되서 이런 현상이 발생하는 거 아닌가 하는 추측을 해봅니다. 그런데, 이 상황을 position: absolute;를 넣어주면, 완벽하게 해결이 되네요. 어떻게, absolute가 이 현상을 방지하는지 궁금합니다. 혼자 이해해보려고 했지만, 도저히 모르겠어서 질문드립니다. 감사합니다.
-
미해결UX/UI 시작하기 : Figma 입문 (Inflearn Original)
기본 폰트 설정
피그마에 모든 페이지에 일관성 있는 기본 스타일값을 주고 css 처럼 기본 스타일 초기값 설정 못하나요?
-
해결됨인터랙티브 웹 개발 제대로 시작하기
CSS로 이미지를 삽입하는 것과 HTML에서 이미지를 삽입하는 것의 차이점이 무엇인가요??
안녕하세요~ 1분 코딩님 이미지를 삽입할 때, 2가지 방법이 있는데요. "CSS 에서 background 속성으로 이미지를 삽입하는 것"과 "HTML에서 img 태그를 이미지를 삽입하는 방식" 이 2가지 방식을 언제 사용하면 좋다거나, 언제는 사용하면 안 되는 상황이 있나요?? 예를 들어, 어느 상황에서는 CSS에 이미지를 집어넣는 게 컨트롤 하기 더 유리한 케이스라든지 혹은 HTML의 img 태그는 중요한 이미지들을 삽입하는 데 쓴다는 등 ... CSS에서 이미지를 넣는 방식과 HTML에서 이미지를 넣는 방식 구지 2가지 방식을 만들어 놓은 이유가 있을 것같아서 질문드립니다. 감사합니다.
-
미해결<1만 시간의 법칙> 웹 페이지 제작하기
.title_img img css 작성 문의 드립니다.
.title_img img{ width:100%; height:auto; } 이렇게 height:auto 를 주셨는데 height값은 어떻게 설정 되는건가요? width는 부모 요소의 100% 라 564px 인걸로 알고 있습니다 ㅠㅠ
-
미해결[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
css외부링크시 실시간미리보기 적용이 안됩니다.
■ 질문 남기실 때 꼭! 참고해주세요.- 먼저 유사한 질문이 있었는지 검색해주세요.- 궁금한 부분이 있으시면 해당 강의의 타임라인 부분을 표시해주시면 좋습니다.- HTML, CSS, JQUERY 코드 소스를 텍스트 형태로 첨부해주시고 스크린샷도 첨부해주세요.- 다운로드가 필요한 파일은 해당 강의의 마지막 섹션에 모두 있습니다.
-
미해결
매개변수 문자열 없는 url 링크 구별 방법
안녕하세요 현재 개인 프로젝트 웹 사이트를 제작하다가 일주일동안 정말 해결 안 되는 난제가 있어서 질문 드립니다.. 도와주세요 ㅠㅠ a 태그를 이용해서 해당 링크로 이동하는 부분을 작업하고 있는데 그 url이 매개변수 변화가 없어서 어떻게 작업을 해야 될 지 모르겠습니다. 해당 url은 https://www.g2b.go.kr:8092/sm/ma/mn/SMMAMnF.do 나라장터 종합쇼핑몰 링크인데요, 검색해보시면 확인하실 수 있겠지만 검색결과에 따라 url이 변화되지 않고 쭉 저 url 그대로입니다.. 저는 (예를들어) 간판이 검색 결과로 뜨는 url로 바로 이동할 수 있게 하고 싶은데 매개변수 변화가 없다보니 저 url 그대로 a 태그에 넣게 되니까 페이지 이동하면 간판 검색 결과 페이지가 아닌 나라장터 종합쇼핑몰 메인 화면이 나오더라고요.. 어떻게 해야 제가 원하는 값을 검색하여 결과가 나온 페이지로 나올 수 있게 url을 작업할 수 있을까요 url에 어떤 파라미터, 매개변수 코딩을 해야 되는지 알려주세요 ㅠㅠ + location.search해도 빈 문자열이 나옵니다.
-
미해결[2024 개정판] 이것이 진짜 크롤링이다 - 기본편
시스템에 부착된 장치가 작동하지 않습니다 오류(?)
웹사이트 열기까지는 실행이 잘 되는데, 그 다음 명령어 browser.find_elements_by_css_selector('a.nav.shop').click() 작동하지 않습니다... ㅠㅠ 터미널을 보면 사진과 같이 시스템에 부착된 장치가 작동하지 않습니다 라는데, 어떻게 해야하나요 ? 유료강의 수강직전 복습중인데 여기서 막혀서 진도가 안나갑니다. 도와주세요!
-
미해결인터랙티브 웹 개발 제대로 시작하기
가로 세로 모두 있는 경우
안녕하세요. 세로만 있는 경우는 다른 질문에도 답변을 달아주셨듯이 y값 옮기면 될 것 같습니다. 그런데 가로 세로 모두 있는 경우 ex) 0번 1번 2번 3번 4번 5번 6번 7번 8번 의 경우 animation을 줄 때 2->3으로 이동할 때 이미지 자체가 이동해서 중간과정이 이상하던데 혹시 이러한 경우는 안되는 것일까요?
-
미해결CSS 기본부터 활용까지
p태그끼리 마진을 주지 않았는데 사이 간격
4:27초쯤에 p태그끼리 마진을 아직 주지 않은 상태인데 왜 사이에 간격이 있나요?
-
해결됨쉽게 배우고, 포트폴리오로 만드는 반응형 웹! #설화수
[header] navigation script 작성하기 8분짜리 강의 추가 설명 부탁
[header] navigation script 작성하기 8분짜리 강의를 듣다 갑자기 nav.js파일안에 //nav const gnb=$('.gnb');//Active const gnb_menu_list=$('.nav_d1.d1_Over');//selector const sub_menu=$('.sub_menu');//On const sub_menu_list=$('.sub_menu>ul>li');//현재 순서값에 Over 추가가 되어있으시더라고요. [header] navigation menu layout css 작성하기 12분짜리 강의에는 설명이 전혀 안되있다가 갑자기 그 다음 강의에 들어가 있고 그거에 대한 언급은 안되어있네요. 설명 부탁드릴수 있을런지요. 그리고 클래스명이 복잡하게 되어있어 내용이해하는 흐름이 강의 들으면서 계속 중간중간 힘드네요.ㅠㅠ 그리고 순서값이 안나오는 이유는 무엇일까요? ㅠㅠ 제이쿼리를 몰라서요~ 많이 질문하게 되네요
-
미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
z-index속성에 대해 질문드립니다.
항상 고생하십니다. 다름이 아니고 이번에 z-index에 대해 궁금한 점이 생겼습니다. 1) z-index 속성은 position 선언 이후이에 사용이 가능한 속성인지 궁금합니다. 2)예제에서 modal-gnb에 가려진 컨텐츠들을 올리기 위해 z-index속성을 ".trigger"에 주었습니다. 제 생각은 z-index를 active클래스에 주지 않고 .trigger에 주었으니 active가 없어도 .modal-gnb보다 .trigger가 밑에 있으면 안된다고 생각합니다. 하지만 active를 추가 하지 않은 .trigger는 z-index속성이 100임에도 불구하고 modal-gnb에 가려지게 되는데 이러한 이유가 궁금합니다. 항상 감사합니다. 연말 잘 마무리 하셨으면 좋겠습니다.
-
미해결<M.B.I.T> 테스트 페이지 만들기! with Django
display: flex 오류
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.\ 안녕하세요 선생님 ㅠ css적용하는데 display: flex; 적용하자마자 이 난리가 납니다... 왜그럴까요? #main_contents { display: flex; justify-content: center; margin-top: 100px; width: 100%; height: 100%; }
-
미해결[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문
flex 관련해서 질문 있습니다.
안녕하세요. 제로초님 제로초님 하고 같이 진행한 미니 프로젝트들 더 예쁘게 만들어보고 싶어서 html하고 CSS을 추가 작업하고 있는데요. 현재 이런 틀을 만들려고 합니다. 그리고 다 완성도 했는데... 작업 도중에 이해가 안 되는 부분 2가지가 발생해서 질문드립니다. 질문 코드 링크입니다. => https://codepen.io/uscgil0127/pen/bGobxxq 해당 코드를 확인해보시면, CSS 부분에 Q1. max-height를 설정해줬는데, 왜 내부의 박스들이 overflow해도 height가 max 값만큼 늘어나지 않나요?? => 제 생각에는 내부 박스들이 외부 박스를 삐져나오면, max-height가 발동해서 늘어날 수 있는만큼 늘어날 거라고 생각했는데, 늘어나지를 않네요;;;;;; max 값만큼 height가 늘어나지 않으면, max-height의 유용성을 잘 모르겠습니다... --------------------------- Q2. CSS 부분에서 .h20 .h40 .h80 에서 flex: 4 0 40%; 를 적용해주면 margin 값인 0.5rem이 포함되서, container 박스를 overflow한 것같은데, 왜 그냥 height: 20%를 설정해줬을 때는 박스를 overflow하지 않는 걸까요?? ---------------------------- 어떻게든 구글링해서 이해해보려고 했는데, 도저히 이해가 안되서 부득이하게 질문드립니다. 감사합니다.
-
미해결[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)
브라우저에 아무것도 보이지 않습니다.
안녕하세요. 강의 보면서 연습하는 중에 차례로 잘 따라하다가 CSS 컨테이너에 red라인을 넣었는데도 브라우저에서 아무것도 보이지가 않습니다. 잘못 입력된건 없는 것 같은데 뭐가 원인인지 도저히 모르겠어서 문의 드렸습니다. - 인터넷에 CSS 링크 연결 오류와 관련해 검색 해보고 크롬 캐시도 삭제 해보고 HTML에 연결된 CSS 링크에 ?ver=1, ?afer를 붙이는 등 여러 방법을 썼는데 계속 안보입니다. 제가 뭘 잘못한건지... - 평소 연습 할 때 '[다운로드] 이론학습 및 모듈제작 실습 폴더' 열어서 연습하는데 이번에는 바탕화면에 폴더를 새로 만들고 시작을 했습니다. 그 과정에서 뭔가 잘못된건지... 답답한 마음에 질문 드립니다. <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>HTML5 시멘틱 태그로 CSS 레이아웃</title> <link rel="stylesheet" href="style.css?ver=1"> </head> <body> <div class="container"> <header> <article></article> <article></article> </header> <section class="box1"></section> <section class="box2"> <article></article> <article></article> <article></article> </section> <footer></footer> </div> </body> </html> ------------------------------------------------ .container { border: 1px solid red; width: 1200px; } header {} header article {} .box1 {} .box2 {} .box2 article {} footer {} <폴더위치> <브라우저>
-
미해결
css 정리할때 이렇게 해도 괜찮을까요?
.text-layout { color: #333 } .text-layout:hover { color: #666; background: #eee } .text-layout:active { color: #555; background: #ddd } .text-layout:focus { color: #333; background: #aaa } .col-left { width: 30% } .col-right { width: 70% } 한줄코딩을 자제하는 게 좋은 건 알고 있는데 이렇게 비슷한 스타일이나 속성이 하나만 들어가는 스타일을 한줄로 작성하는 것도 권장되지 않는 방식인가요? 하나하나 엔터치기엔 너무 어지러워지는 것 같고... 또 저런 것만 붙여놓자니 일관성이 없어보이네요ㅜㅜ
-
미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
overflow: none 값
강의 내용 중 overflow의 속성을 "none"으로 설정하신 부분이 있는데정확하게 "none" 값이 overflow 속성에서는 무엇을 의미하는지 궁금해서 검색해보니 관련자료가 없어서요mdn에서도 overflow에 "none"이라는 값을 찾지 못했는데, 혹시 어떤 것을 의미하는 값인지 알 수 있을까요
-
미해결Vue.js 시작하기 - Age of Vue.js
vue에서 공통 css 관리
안녕하세요 기초 강의 완강하고 실제 프로젝트에 투입하려고 하는데 공통 css 파일은 컴포넌트 단위로 관리하는 vue에서 권장하지 않는 방식일까요? 유지보수 측면에서 각 컴포넌트에서도 재사용성이 높은 스타일은 하나의 파일에서 한번에 관리하고 싶은데 기초강의에서나 기존 다른 프로젝트 파일을 열어보아도 그렇게 관리가 되어 있지 않은 거 같아 문의드립니다. 혹시 공통 css 파일로 관리하는 방법이 따로 있거나 다른 강의에서 다루고 있을까요? 답변 부탁드립니다.
-
미해결코로나맵 개발자와 함께하는 지도서비스 만들기 2
infowindow_wrap부터 css가 적용이 안돼요
안녕하세요 강사님 infowindow_wrap부터 css가 적용이 안돼요 밑에 하단까지 적용이 안되어서 투명창 그대로 구현이 되는데 제가 잘못한 부분을 찾을 수가 없네요. 코드 보시고 잘못된 부분 찾아주시면 감사드리겠습니다. - 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
-
미해결리액트로 나만의 블로그 만들기(MERN Stack)
CSS, Server -state, 비밀번호 수정
혼자 고민하다가 도저히 안되서 질문드려요.,.ㅠㅠ 1.CSS 부분 강사님 소스와 똑같이 정의해도 몇몇은 다르게 보입니다. 대표적으로 카테고리 부분에서 반응형이 작동하지 않고 잘려서 나옵니다. (이유를 모르겠습니다.) flex를 적용해제하거나 colum 설정시, 카테고리 버튼이 쭉 아래로 ( 예를들어 react, vsocde, tt 형태로) 나열이 됩니다. 2. server 부분 auth 라우터 부분에서 states(401)을 삭제후 res.json 만 보낼 경우 메인화면에서 로그인하지도 않았는데 AppNavbar.js - authLink가 자꾸 출력이 됩니다. 그래서 확인해본 결과 인정여부를 확인하는 isAuthenticated가 자꾸 true로 바뀌더군요 states를 다시 작성하니 작동이 됩니다. 전 states가 시스템에 문제를 일으키지 않고 메세지 같이 명시만 해주는걸로 알았는데 아닌건가요? 3. 프로필 수정 ( 비밀번호 수정) 로그인 직후 비밀번호 수정 버튼을 클릭 시 페이지가 이동하지 않고, 포스트 수가 증가 합니다. (예를 들어 메인화면에서 포스터수:12개, 노출되어있는 포스터: 6개, 숨겨진 포스트 6개 일시 버튼클릭 시 노출되어 있는 포스터 수(6개) 만큼 포스터수가 증가합니다. 예시대로 하면 최종적으로 12+6 =18 개가 되고있습니다). 그러나 페이지 새로고침 후 비밀번호 수정버튼을 누를시에는 정상적으로 페이지가 이동하여 작동합니다. 원인을 도저히 모르겠네요..) 깃주소 남깁니다. https://github.com/dnjsvltm201311681/cookblog