묻고 답해요
141만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결풀스택을 위한 탄탄한 프런트엔드 부트캠프 (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
-
미해결인터랙티브 웹 개발 제대로 시작하기
Css작성순서에 대해
Css를 작성할때, position, width, height,background,overflow 등 보기편하게 or 정해진 작성하는 순서가 혹시 있을까요? .stage{ position:relative; width:100vw; height:75vw; background:#ddd; overflow:hidden; }
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기
MainImage 내의 스타일링 사라지는 문제
(이미지 올리려고 5번 새로 썼는데 안되서 글로만 남깁니다) 안녕하세요 선생님! 강의 정말 잘 듣고 있습니다. LandingPage에서 MainImage로 볼 수 있는 영화 포스터 이미지는 처음 로딩됐을 때 창을 줄이면 같이 줄어들고, width 안에 꽉 차 있습니다 더 보기 버튼을 눌러 새로운 영화 목록을 받아오거나, Detail 페이지로 넘어가면 이미지가 창을 줄여도 너비가 고정되고, 바둑판식으로 반복됩니다 확인해보니 CSS의 스타일링이 사라지는 문제인데, 원인이 무엇인지, 어떻게 해결할 수 있는지 궁금합니다! <처음 MainImage의 스타일링> <div style="background: linear-gradient(rgba(0, 0, 0, 0) 39%, rgba(0, 0, 0, 0) 41%, rgba(0, 0, 0, 0.65) 100%) center center / 100% no-repeat, url("https://image.tmdb.org/t/p/w1280/8s4h9friP6Ci3adRGahHARVd76E.jpg") center center / cover, rgb(28, 28, 28); width: 100%; height: 500px; position: relative;"> <더 보기 버튼을 누르거나 Detail 페이지로 이동했을 때 MainImage의 스타일링> <div style="background: linear-gradient(rgba(0, 0, 0, 0) 39%, rgba(0, 0, 0, 0) 41%, rgba(0, 0, 0, 0.65) 100%), url("https://image.tmdb.org/t/p/w1280/3OwaKVZf3A2NdnarqKbwzFEhKir.jpg"), rgb(28, 28, 28); width: 100%; height: 500px; position: relative;> 감사합니다.
-
미해결애플 웹사이트 인터랙션 클론!
질문 드립니다.
안녕하세요~ 매일 한걸음 한걸음 강의들으면 공부하고 있는 수강생 입니다ㅎㅎ '완전히 빠져들게~~ 세라믹' 이 문장을 중간에 오게 하기 위해서 main-message의 스타일에 top: 35vh; 를 추가해주셨는데 왜 화면의 중간에 위치하려면 35%로 적어주는 걸까요? 대략 그정도 되어보여서 임의로 정하신 건지 아니라면 통상적으로 그렇게 사용하는 건지 만약 텍스트가 2줄 이상이라면 수치는 변경되야 하는건지 잘 모르겠습니다ㅎㅎ
-
미해결CSS 기본부터 활용까지
css수업-flex 4:holy grail layout
<!-- section의 세 개: navigation, main, aside를 수평으로 layout --> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> .container{ display:flex; flex-direction:column; } header{ border-bottom:1px solid gray; } footer{ border-top:1px solid gray; } .content{ display:flex; } .content nav{ border-right:1px solid gray; } .content aside{ border-left:1px solid gray; } nav,aside{ fles-basis:150px; } </style> </head> <body> <div class="container"> <header> <h1>생활코딩</h1></header> <section class="content"> <nav> <ul> <li>html</li> <li>css</li> <li>javascript</li> </ul> </nav> <main> 생활코딩은 일반인을 위한 코딩 수업 </main> <aside> /* 광고부분 */ AD </aside></section> <footer> <a href="https://opentutorials.org/course/1">홈페이지</a></footer> </div> </body> </html> Q. nav,aside{}부분은 왜 .content nav 이런식이 아닌 이유가 무엇인지 궁금합니다.
-
해결됨HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
CSS 맨 윗줄에
안녕하세요. css 맨 윗줄에 charset "UTF-8"; 안넣어도되나요? 실무에서 작업할때요?
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
css 적용 문제
안녕하세요. 그랩마켓 css 적용하다가 궁금한 점이 있어서 문의 드립니다. 리액트 자체에 이런 문제? 현상?이 있는 것 같은데. 폴더별로 index.js와 index.css를 생성 후 js에서 css를 import해서 사용하고 있습니다. 근데 a의 폴더에서 index.css파일에 div에 효과를 주면 b의 폴더의 css 또한 div에 효과가 적용됩니다. 저는 a의 폴더의 index.js div에만 효과를 적용하고 싶은데요... 해결할 수 있는 방법이 있나요???
-
미해결면접과 취업을 부르는 '퍼블리셔 개인 포트폴리오 홈페이지' 제작
CSS에서 tag와 class를 결합하여 작성하는 것에 대한 질문이 있습니다.
안녕하세요? 포트폴리오를 만들다가 문득 의문이 생겨서 질문 드립니다. CSS를 작성할 때 선택자를 최소화 하는것이 좋다고 들었는데 section.welcome 또는 a.btn.start 이런식으로 태그선택자와 클래스선택자를 결합하여 작성하는 것에 이점이 있나요? 어쩔 수 없는 경우를 제외하고는 되도록 클래스만 선택하여 스타일을 주는것이 좋은 방향이 맞나요?
-
미해결[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기
질문과 버튼 사이에 사진을 추가하고 싶습니다.
문제 사진 버튼 이런 구성으로 만들고 싶은데 어떻게 하는지 궁금합니다. 질문과 버튼의 글씨가 바뀌는 것처럼 사진도 질문마다 바뀌고 페이드인/아웃 효과도 주고 싶습니다.
-
미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
css 궁금한 점이 있습니다.
외부스타일과 내부스타일이 로딩속도(성능) 차이가 있는가요?
-
미해결
Vs Code live server 오류
vscode 코드를 작성하고 라이브 서버로 실행 시키면 사진처럼 나오는데 뭐가 문제인건가요 ?
-
미해결애플 웹사이트 인터랙션 클론!
선색님 혹시 id는 body말고 container에 줘도 괜찮을까요?
선생님 안녕하세요 :)여러 페이지를 만들때 body에 무엇을 할당할경우 영향을 최소화 하기위해(물론 영향은 없을것같습니다만.. ㅠㅠ) container에 show-scene-0같은 아이디를 줘도 괜찮을까요?
-
미해결
django login template 질문
django 공부 중인 학생입니다. 웹사이트 로그인 예제를 다음과 같이 다른 디자인으로 바꾸고 싶은데 어려움을 느껴 질문 올립니다. <div class="form-group row"> {{ form.username|add_label_class:"col-form-label col-sm-2 ml-3 font-weight-bold" }} <div class="col-sm-5"> {{ form.username|add_class:"form-control"|attr:"autofocus" }} </div> </div> <div class="form-group row"> {{ form.password|add_label_class:"col-form-label col-sm-2 ml-3 font-weight-bold" }} <div class="col-sm-5"> {{ form.password|add_class:"form-control" }} </div> </div> <!-- Email --> <input type="text" id="defaultLoginFormEmail" class="form-control mb-4" placeholder="E-mail"> <!-- Password --> <input type="password" id="defaultLoginFormPassword" class="form-control mb-4" placeholder="Password"> 위에 디자인을 아래 디자인으로 바꾸고 싶습니다. widget_tweaks 사용하고 있습니다. 감사합니다.
-
미해결<M.B.I.T> 테스트 페이지 만들기! with Django
CSS적용
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. INDEX에서는 CSS가 적용이 됬었는데 FORM에서는 CSS가 적용이 안되요ㅠㅠ 다 똑같이 했는데 왜 적용이 계속 안될까요? 인터넷에서 쿠키 삭제하면 된다그래서 쿠키삭제도 했는데 계속 적용이 안됩니다....
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
[그랩마켓] Javascript 적용하기 - 1 강의 내용 중 App.css 관련 질문
Javascript 적용하기 과정에서 App.css를 모두 날리고 아래와 같이 App.css를 수정하였습니다. [App.css 코드] html, body, #root, #root > div { height: 100%; } 그런데 브라우져 화면에서 보면 height 100%가 적용되어 있지 않은 것 같은 화면으로 확인 되고 있습니다. [화면 이미지] 위와 같이 height가 적용되지 않은 것 과 같은 모습으로 보입니다. 개발자 도구에서 height 적용을 확인 해 보면 모두 100%로 되어 있습니다. [html 100% height] [body 에서 height 100%로 설정된 이미지] [root와 첫 번재 div에 height 적용된 이미지] 어디가 잘못 되었는지 가르쳐 주시면 감사하겠습니다. 혹시 몰라서 index.js, App.js, App.css 코드를 아래에 적어놓겠습니다. [index.js] import "./index.css"; function MainPage() { return ( <div> <div id="header"> <div id="header-area"> <img src="images/icons/logo.png" /> </div> </div> <div id="body"> <div id="banner"> <img src="images/banners/banner1.png" /> </div> <h1>판매되는 상품들</h1> <div id="product-list"></div> </div> <div id="footer"></div> </div> ); } export default MainPage; [App.js] import "./App.css"; import MainPageComponent from "./main/index.js"; import "./index.css"; //index.css는 export 객체가 없다 그래서 그냥 ./index.css를 하면 된다 function App() { return ( <div> <MainPageComponent></MainPageComponent> </div> ); } export default App; [App.css] html, body, #root, #root > div { height: 100%; } 감사합니다.
-
미해결
png파일 관련
안녕하세요 html과 css를 시작한지 얼마 안되 왕초보입니다. 동영상 강의를 들으면서 따라하는 중인데 css에서 png파일이 적용이 안돼서 질문 남깁니다ㅜ 이 png 파일이 스프라이트 형식으로 되어있어서 이미지가 여러 개 있는데 처음 로고에 적용할 때는 투명 배경이 적용돼서 잘 적용했습니다. 두 번째에 같은 이미지의 다른 부분(검색 아이콘)을 넣으려고 했더니 같은 png파일임에도 불구하고 회색 배경?이 같이 들어가더라고요ㅠㅠ 여기서부터 강의를 못듣고 있습니다. 혹시 문제를 아시는 분 답변 부탁드립니다ㅠㅠㅠ
-
미해결<1만 시간의 법칙> 웹 페이지 제작하기
컨텐츠 영역의 높이 차이
검은색 줄이 쳐져 있는 모습을 보면 알 수 있듯이 공유하기 버튼과 훈련하기 go go 버튼의 높이가 차이가 납니다. 제 오류인가 싶어 fianl 코드로 실행을 해보아도 똑같았습니다. <div class=share> 부분에만 따로 덜 넣거나 더 넣은 것도 아니고 같은 buttons 의 css를 따르고 다른 것은 배경화면의 색과 왼쪽의 마진을 넣은 것 뿐입니다. 제 컴퓨터의 에러로 이런 것인가요? 아니면 따로 해결방법이 있을까요?
