묻고 답해요
161만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨처음 만난 리액트(React)
(실습) 섭씨온도와 화씨온도 표시하기 관련
왜 화씨, 섭씨가 바뀌면 서로 서로 영향을 주면서 같이 바뀌는지 그 흐름이 정확히 이해가 안되네요.. console.log로 도배해서 파악한 바로는 아래와 같습니다.[섭씨를 바꾼다는 가정]TemperatureInput 컴포넌트의 value가 바뀜TemperatureInput 컴포넌트의 props.onTemperatureChange(event.target.value); 호출Calculator 컴포넌트의 handleCelsiusChange 호출setTemperature(temprature)와 setScale('c') 호출하여 temprature, scale의 state가 바뀜state가 바뀌었으니 Calculator 컴포넌트가 재생성(?)Calculator 컴포넌트의 return에 TemperatureInput temperature props에 celsius, fahrenheit가 업데이트 된채로 TemperatureInput 컴포넌트 재생성(?)TemperatureInput 컴포넌트의 input은 props.temperature를 value로 보여주고 있으니 각각 바뀜위 가정의 흐름이 대충 맞는건지 궁금합니다! 뭔가 어거지로 끼워맞춘건지 제대로 파악하고 있는지 애매하네요...
-
미해결CSS 기본부터 활용까지
쌤은 body에 높이값을 안주셨는데 어떻게 align-items가 적용이 되셨나요?
저는 그게 안되서 찾아보니까 높이값이 필요하다고 하더라구요.쌤은 높이값을 안주신것 같은데 어떻게 그게 되셨나요?
-
미해결<M.B.I.T> 테스트 페이지 만들기! with Django
장고 ORM 깃허브 업로드 관련 질문입니다.
강의 내용을 응용해서 비슷한 프로젝트를 하고 있습니다.프로젝트 내용을 깃허브 레포에 업로드하는 과정에서 gitignore에 db파일은 올라가지 않도록 되어 있는데 깃허브에서 받은 파일이 완성된 페이지를 보여주도록 하려면 어떻게 해야하나요?이 이슈로 인해서 깃허브에서 다운받은 파일에서는 Question, Choice 등 데이터가 반영이 되지 않습니다.
-
미해결[웹 퍼블리싱 실습] 웹 표준 사이트 만들기
layout 5번 영상이 안나오네요
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.재밌게 듣고있습니다. 5번영상은 유튜브로 보고있어요 인프런에는 안나옵니다. 그리고 디비컷을 어디가서 봐야할지; 선생님 홈페이지에서도 못찾았습니다 ㅜ
-
미해결그리드(Grid) 핵심이론 및 실전 활용
안녕하세요 두 가지 고민이 있어서 질문 합니다^^
브라켓츠 문제.VS를 쓰다가 오랜만에 브라켓츠를 써보았는데요.라이브뷰를 보려고 하니까 이런 창이 뜹니다.그래서 크롬에서 해결방법을 찾아 보려고 했더니 정확한 방법을 못 찾았습니다.혹시 이런 경우에 어떻게 해야 할지 아시면 좀 알려주세요. (새로 인스톨 하면 된다는데 확장기능까지 설치 하려니까 귀찮아서요. ㅎㅎ) 코딩관련pc 버전에서는 가로 1200px 여서 표가 잘 출력이 되는데요.모바일에서는 잘리게 되는 경우가 있습니다.그럴때 위 샘플 이미지의 붉은 색으로 표시된것 처럼 가로 스크롤로 밀어서 볼 수 있도록 하는 방법을 알고 싶습니다.이미지를 가로 스크롤 하는 방법도 있던데요.코딩 된 table 자체를 가로로 스크롤 할 수 있는 방법이나 소스를 알려 주시면 감사하겠습니다.실무를 해 보려니까 여러가지 어려움이 많습니다. 도와 주세요! ㅜㅜ
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
질문있어요.
setting.jason이 그냥 비어있던데 강사님처럼 똑같이 타이핑 후 3줄을 적어야하나요? 아니면 3줄만 입력하면 되나요?강사님처럼 똑같이 입력해야한다면, 3줄 중 마지막 한줄이 중복되는데 어떻게 하나요?
-
미해결[웹 개발 풀스택 코스] HTML&CSS 기초
개인적인 질문이요
자바와 스프링부트로 만든 웹사이트랑자바스크립타와 노드로 만든 웹사이트랑스팩적인 차이가 있나요??
-
해결됨모바일 웹 퍼블리싱 포트폴리오 with Figma
깃허브 배포시
안녕하세요~강의 너무 유익하게 잘들었습니다!다 만든 작업물을 깃허브에 배포해서 실제 사이트처럼 보려고 하는데릴리즈페이지 들어가면 404page에러가 뜨네요ㅠ혹시나 제 파일에 오타가 있을까봐 완성본 다운받은 걸 그대로 올렸는데도 똑같은 에러가 뜹니다왜 이런걸까요??(혹시 파일에 절대주소로만 url 적은게 관련있을까요?)실제 입사지원서 넣을 때 깃허브 말고 다른 방법으로 페이지를 보여줄 수 있는 방법이 있나요? 감사합니다.
-
해결됨처음 만난 리액트(React)
훅 실습문제
setCount((count) => count + 1) 여기에서 콜백함수로 집어넣은 매개변수 count는 prevState인거 같은데 이 prevState라는 개념이 실습문제 하기전에 책에서 어디쪽에 나오는 개념인가요?그리고 useCounter 커스텀 훅 내부에 있는 increaseCount 함수와 decreaseCount 함수는 위 사진처럼 연결 되는건가요? 이건 무슨 개념인가요? 구조 분해 할당인가요?구조분해할당은 배열기반과 객체기반으로 나뉘어질텐데 저건 뭔가요?
-
미해결처음 만난 리액트(React)
chapter_04 시계만들기
시간 부분이 안뜨네요.. Clock.jsximport React from "react"; function Clock(props){ return( <div> <h1>안녕, 리액트!</h1> <h2>현재 시간 : {new Date().toLocaleDateString()}</h2> </div> ); } export default Clock; index.jsimport React from 'react'; import ReactDOM from 'react-dom/client'; import './index.css'; import App from './App'; import reportWebVitals from './reportWebVitals'; import Clock from './chapter_04/Clock'; const root = ReactDOM.createRoot(document.getElementById('root')); setInterval(() => { root.render( <React.StrictMode> <Clock /> </React.StrictMode> ); },1000); reportWebVitals();
-
해결됨비전공자를 위한 진짜 입문 올인원 개발 부트캠프
섹션1~12 중에 객체지향 개념이 쓰인 적이 있나요?
간단히라도 알려주시면 감사하겠습니다
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
http://localhost:8080/products적용 시 상품목안뜨는분들 참고하세요
.get("http://localhost:8080/products")로 바꾸고 새로고침하면 상품목록이 안 받아오는데이유가server.js에서 app.use(express.json()); app.use(cors());가 지워졌기 때문이네요.노션에 올라와 있는 코드에 조금 안 맞는 부분이 있어서 카피해서 쓸 경우 제대로 처리하지 못하는거같아요깃헙 소스보니까 아래와 같이 되어 있는걸 보고 알았네요app.use(express.json()); app.use(cors()); app.get("/products", (req, res) => { res.send({ products: [ ..... 결론 깃헙소스와 노션소스가 조금 달라서 전부카피하면 안된다는!깃헙소스가 맞고노션소스가 틀리므로 노션 수정하면 좋겠다는 생각!
-
해결됨비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지
카카오맵 API, 윈포윈도우 디폴트값 해제 방법
안녕하세요. 재미있게 수업 수강하고 있습니다.현재 [섹션 5. 카카오맵에 여러개의 맛집 위치를 찍는 방법]을 수강하고 있는데요. 카카오맵에서 인포윈도우를 설정하면 기본으로 div를 생성하고 border에 회색 테두리를 생성하는 것 같습니다. 수업에서 만드는 infowindow 뒤쪽으로, 회색 테두리가 하나 더 보여서요.우리가 만드는 infowindow만 표시되도록 할 수 있는 방법이 있을까요? 카카오에서 생성하는 인포윈도우를 제거하거나, 혹은 해당 css를 제어할 수 있는지 궁금합니다.(저는 테두리가 없이 box-shadow로 표현하려고 시도하고 있습니다.)
-
미해결비전공자를 위한 풀스택 맛집지도 만들기 프로젝트!: Front, Back-end 그리고 배포까지
workbench에서 접속이 안되고있습니다.
안녕하세요. 금일 메일로도 문의드렸던 학생입니다.mail 첨부이미지대로 설정을 다 했는데도 불구하고 인스턴스 규칙 추가bind address 주석처리root도 %로 IP대역 변경또한 sudo를 넣어 관리자권한으로 mysql restart까지 완료했습니다.하지만 여전히 workbench에서 test connection fail팝업창이 나와서 진도가 더이상 진행되지 않고있네요..구글링하여도 답을 찾을 수 없어 문의 다시 드립니다.
-
미해결[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드
푸터 로고 변경 문의
D. Footer ❍ 로고를 (무채색)로 변경이면검정색, 흰색, 회색으로 변경하면 되는 건가요?
-
미해결[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기
이미지버전에서 부트스트랩 이미지하고 텍스트도 이용하고 싶어요
부트스트랩의 그리드 카드 텍스트도 이용하고 싶어서그리드카드의 코드를 복사해서 텍스틀 추가하고나서왼쪽 이미와 오른쪽 이미지의 텍스트를 따로따로 넣고싶어서start.js 에서 function goText(qidx){ var l = document.querySelector('.card-body left'); var r = document.querySelector('.card-body right'); l.innerHTML = qnaList[qIdx].a.answerleft; r.innerHTML = qnaList[qIdx].a.answerright; for(let i in qnaList[qIdx].a.answerleft){ addAnswer(qnaList[qIdx].a[i].answerleft, qIdx, i); } for(let i in qnaList[qIdx].a.answerright){ addAnswer(qnaList[qIdx].a[i].answerright, qIdx, i); } } 이런식으로 추가하고 data.js 에는 q: '1. 질문?', a: [ { answerleft: 'a. 답', type: [1, 2, 4, 9] }, { answerright: 'b. 답', type: [0, 3, 6, 5, 10, 8] }, ] 이런식으로 만들었습니다.모르겠어서 ㅜㅜ 어떻게 풀어가야할까요 settimeout도 만들어야하나요?
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
조건설정 질문입니다
2번째 문제에서 else if의 조건에else if (1 =< product.length =< 4)혹은else if (product.length =< 4 && product.length > 0)는 왜 오류가 나는지 궁금합니다
-
미해결[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드
css 작성 위치
.items{ display : flex; } .items > div{ border: 1px solid green; height : 200px; }강의에서는 위와 같이 스타일을 주셨는데,.items > div에 들어갈 내용을 .item에 넣어도 레이아웃이 똑같이 잡히더라구요. 혹시 .items > div에 작성한 border 과 height를 .items에 넣어도 괜찮은지 궁금합니다.■ 질문 남기실 때 꼭! 참고해주세요.- 먼저 유사한 질문이 있었는지 검색해주세요.- 궁금한 부분이 있으시면 해당 강의의 타임라인 부분을 표시해주시면 좋습니다.- HTML, CSS, JQUERY 코드 소스를 텍스트 형태로 첨부해주시고 스크린샷도 첨부해주세요.- 다운로드가 필요한 파일은 해당 강의의 마지막 섹션에 모두 있습니다.
-
해결됨비전공자를 위한 진짜 입문 올인원 개발 부트캠프
main의 index.js export default가 Mainpage인데 app.js에서는
mainpagecomponent로 쓰던데uploadpage나 productpage는 component가 따로 안붙고 쓰던데 mainpage만 이렇게 써야되는 규칙인가요?
-
미해결[웹 개발 풀스택 코스] HTML&CSS 기초
HTML Snippets 을 검색해도 안나오네요
geyao걸로 검색해봐도 안 나오네요 뭘 설치해야 하나용?