*{ box-sizing: border-box; margin: 0px; } .background{ width: 1024px; height: 600px; background-image: url("../images/background.png"); padding: 20px 0px 0px 20px; } .outerbox{ width: 808px; height: 544px; background-image: url("../images/outerbox.png"); } .wrapper { display: flex; flex-direction: row; padding: 32px 0px 0px 32px; } .wrapper__left { width: 208px; height: 472px; display: flex; flex-direction: column; } .wrapper__left__header { width: 100%; height: 30px; display: flex; flex-direction: row; justify-content: center; } .today { font-size: 9px; } .wrapper__left body { width: 100%; height: 100%; } .wrapper__right { width: 524px; height: 472px; background-color: violet; }지금 29분 10초 현재상황입니다 여기서 갑자기 justify-content: center; << 하는데 여기서부터 저장하기해도 홈페이지 변경이 안되네요 왜그런걸까요? ㅠㅠ

indexqnastart위에처럼 스테이터스가 qna박스에 먹힙니다.

 여기서 뭘잘못했을까요 제가? ㅠㅠ 사이트에 아무것도 안뜨네요 ㅠ

안녕하세요! 리액트를 처음접하고 공부하고 있는 사람입니다..강의 해주신 내용이 너무 깔끔하고 좋아서 강의보면서 실습해보고, 복습개념으로 블로그에 글을 정리하려고 하는데 괜찮을까요?? 출처는 당연히 남기고, 광고나 이런거는 전혀없고 그냥 개인 공부하는 블로그입니다..!!

 쌤 css정렬 강의에 12분40초에 클래스pb할때 그거 뭐눌러야되요?? 쩜 눌러야되요? 뭘누른건지 모르겠어요 ㅠㅠ

안녕하세요.5번 문제를 풀면서 검색을 하다가...연산자(??)를 이용하면 배열의 가장 작은 수를 알 수 있다고 하더라고요.이렇게해도 무방할까요??function findSmallestElement(arr){ if(arr.length != 0) { return Math.min(...arr); } else if(arr.length == 0) { return 0; } } console.log(findSmallestElement([12,50, 1, 4]))

미디어 쿼리 관련하여 질문이 있습니다.SCSS 에서 미디어 쿼리 작성시 화면 사이즈가 큰것 부터 작성해야 한다고 전 강의에서 이야기 하셨는데이번 강의에서는 index.scss 에서 호출시@include mq('phone'){ border: none;}@include mq('tablet-land'){ border: 2px solid $border-color;}@include mq('desktop-big'){ border: 10px solid $border-color;} 의 순서로 해서 호출을 하여도 잘 작동을 하는것 같습니다.(작은 사이즈 화면 부터 호출이 되는것 같은데, 작동을 잘되어서 작동되는 이유를 알수 싶습니다.)원리를 알수가 있을까요? 

■ 질문 남기실 때 꼭! 참고해주세요.- 먼저 유사한 질문이 있었는지 검색해주세요.- 궁금한 부분이 있으시면 해당 강의의 타임라인 부분을 표시해주시면 좋습니다d유형과 e유형 내용에서여기 아래 컨텐츠는 html 코딩으로 작성해야 하며, 이미지로 삽입하면 안된다 부분이 말하는게 배너나 갤러리에 들어가는 이미지에 텍스트를 넣을때 포토샵으로 텍스트를 넣으면 안된다는 걸까요? 슬라이드에선 강의하신대로 포토샵으로 텍스트를 넣었는데 저기에선 저 문구가 좀 걸리긴하네요.- HTML, CSS, JQUERY 코드 소스를 텍스트 형태로 첨부해주시고 스크린샷도 첨부해주세요.- 다운로드가 필요한 파일은 해당 강의의 마지막 섹션에 모두 있습니다.

왜 화씨, 섭씨가 바뀌면 서로 서로 영향을 주면서 같이 바뀌는지 그 흐름이 정확히 이해가 안되네요.. 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로 보여주고 있으니 각각 바뀜위 가정의 흐름이 대충 맞는건지 궁금합니다! 뭔가 어거지로 끼워맞춘건지 제대로 파악하고 있는지 애매하네요...  

저는 그게 안되서 찾아보니까 높이값이 필요하다고 하더라구요.쌤은 높이값을 안주신것 같은데 어떻게 그게 되셨나요?

강의 내용을 응용해서 비슷한 프로젝트를 하고 있습니다.프로젝트 내용을 깃허브 레포에 업로드하는 과정에서 gitignore에 db파일은 올라가지 않도록 되어 있는데 깃허브에서 받은 파일이 완성된 페이지를 보여주도록 하려면 어떻게 해야하나요?이 이슈로 인해서 깃허브에서 다운받은 파일에서는 Question, Choice 등 데이터가 반영이 되지 않습니다. 

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.재밌게 듣고있습니다. 5번영상은 유튜브로 보고있어요 인프런에는 안나옵니다. 그리고 디비컷을 어디가서 봐야할지; 선생님 홈페이지에서도 못찾았습니다 ㅜ

브라켓츠 문제.VS를 쓰다가 오랜만에 브라켓츠를 써보았는데요.라이브뷰를 보려고 하니까 이런 창이 뜹니다.그래서 크롬에서 해결방법을 찾아 보려고 했더니 정확한 방법을 못 찾았습니다.혹시 이런 경우에 어떻게 해야 할지 아시면 좀 알려주세요. (새로 인스톨 하면 된다는데 확장기능까지 설치 하려니까 귀찮아서요. ㅎㅎ) 코딩관련pc 버전에서는 가로 1200px 여서 표가 잘 출력이 되는데요.모바일에서는 잘리게 되는 경우가 있습니다.그럴때 위 샘플 이미지의 붉은 색으로 표시된것 처럼 가로 스크롤로 밀어서 볼 수 있도록 하는 방법을 알고 싶습니다.이미지를 가로 스크롤 하는 방법도 있던데요.코딩 된 table 자체를 가로로 스크롤 할 수 있는 방법이나 소스를 알려 주시면 감사하겠습니다.실무를 해 보려니까 여러가지 어려움이 많습니다. 도와 주세요! ㅜㅜ

setting.jason이 그냥 비어있던데 강사님처럼 똑같이 타이핑 후 3줄을 적어야하나요? 아니면 3줄만 입력하면 되나요?강사님처럼 똑같이 입력해야한다면, 3줄 중 마지막 한줄이 중복되는데 어떻게 하나요?

자바와 스프링부트로 만든 웹사이트랑자바스크립타와 노드로 만든 웹사이트랑스팩적인 차이가 있나요??

안녕하세요~강의 너무 유익하게 잘들었습니다!다 만든 작업물을 깃허브에 배포해서 실제 사이트처럼 보려고 하는데릴리즈페이지 들어가면 404page에러가 뜨네요ㅠ혹시나 제 파일에 오타가 있을까봐 완성본 다운받은 걸 그대로 올렸는데도 똑같은 에러가 뜹니다왜 이런걸까요??(혹시 파일에 절대주소로만 url 적은게 관련있을까요?)실제 입사지원서 넣을 때 깃허브 말고 다른 방법으로 페이지를 보여줄 수 있는 방법이 있나요? 감사합니다. 

setCount((count) => count + 1) 여기에서 콜백함수로 집어넣은 매개변수 count는 prevState인거 같은데 이 prevState라는 개념이 실습문제 하기전에 책에서 어디쪽에 나오는 개념인가요?그리고 useCounter 커스텀 훅 내부에 있는 increaseCount 함수와 decreaseCount 함수는 위 사진처럼 연결 되는건가요? 이건 무슨 개념인가요? 구조 분해 할당인가요?구조분해할당은 배열기반과 객체기반으로 나뉘어질텐데 저건 뭔가요?

시간 부분이 안뜨네요.. 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();   

간단히라도 알려주시면 감사하겠습니다

.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: [ ..... 결론 깃헙소스와 노션소스가 조금 달라서 전부카피하면 안된다는!깃헙소스가 맞고노션소스가 틀리므로 노션 수정하면 좋겠다는 생각!