강의 잘 보고 있습니다. 질문이 있는데요, useEffect()로 Mount 를 구현하였고, 콘솔에 로그를 Mount를 출력하였습니다. 그런데, 이상하게, Mount 로그가 두번씩 출력됩니다. 동작은 이상없지만, 두번 출력되는게 이상해서요~ 제가 무엇을 잘못했는지 궁금합니다. useEffect(()=>{   console.log("Mouint!"); }, []); 즐거운 하루 보내세요.

■ 질문 남기실 때 꼭! 참고해주세요. 플렉스 교육내용을 듣고있는데요 교재 어느파일에 이 플렉스 내용이 들어있는지요?

react-redux에서 발생하는 오류인듯 한데 구글링 해보니 수업 코드와 너무 달라지는데 어떻게 해결해야 할까요? 코드일부 import { useDispatch } from 'react-redux'; import {loginUser} from '../../../_actions/user_action'; function LoginPage() {   const dispatch = useDispatch(); 깃:https://github.com/kim-seungmin/boiler_plate

function lazyWithPreload(importFunction) { const Component = lazy(importFunction); Component.preload = importFunction; return Component; } const LazyImageModal = lazyWithPreload(() => import("./components/ImageModal")); 이 부분에 대해서 여러번 생각을 해봐도 코드의 동작 방식이 잘 이해가 되지 않는데요, importFunction에 의해서 lazy하게 로딩되는 Component를 반환하는 것은 알겠는데, preload를 통해서 importFunction을 다시 넣어주고 그 함수를 useEffect에서 다시 호출을 해준다는 개념이 좀 어색합니다.  preload를 호출함으로써 importFunction이 호출되는데, 그 결과가 Component에 담기는 거라면 const Component = lazy(importFunction) 이 하는 역할이 뭘까요..? 개념이 잘 이해가 안되다보니까 질문도 굉장히 중언부언하게 되네요...  저 팩토리 패턴에 대해서 조금 더 자세하게 설명해주실 수 있을까요?

sudo npx pm2 start yarn -- start 명령어 치고나서  sudo npx pm2 monit을 해보니 찍혀야 할 로그가 찍히지도 않고, 계속 사이트는 연결이 되지 않습니다. ( 아래그림 참고 ) 혹시나 해서 sudo npx pm2 logs로 해서 로그 찍어보니      문제가 딱히 없어보입니다.   혹시나 443포트랑 80포트가 개방이 되지 않아서 그런걸까 싶어서  $ sudo iptables -I INPUT -p tcp --dport 80 -j ACCEPT $ sudo iptables -I OUTPUT -p tcp --sport 80 -j ACCEPT   $ sudo iptables -I INPUT -p tcp --dport 443 -j ACCEPT $ sudo iptables -I OUTPUT -p tcp --sport 443 -j ACCEPT   위와 같은 명령어도 실행했습니다. 그 결과 현재 Listen하고 있는 포트를 조회해보니    이렇게 나오더라고요. tcp 하나가 established상태인데 이거는 완료 후 서버까지 연결된 상태인 거로 알고 잇는데, 대체 왜 사이트에 연결이 되지 않는걸까요? ㅠㅠㅠㅠㅠㅠ      

선생님 안녕하세요! flex-basis:0의 의미가 아이템이 기본적으로 점유하는 크기가 0이 된다라고 이해하고있습니다. 선생님 강의를 듣던중 flex: 1  => flex-grow:1 / flex-shrink:1 / flex-basis:0 flex: 3  => flex-grow:3 / flex-shrink:1 / flex-basis:0 flex: 1  => flex-grow:1 / flex-shrink:1 / flex-basis:0 이런식으로 나오게 되는데 이렇게되면 basis가 0 즉 아이템이 점유하는 기본크기가  0 이므로 컨테이너의 전체 넓이를 1:3:1로 가져가는 것으로 이해를 했습니다! 하지만 개발자 도구화면가서 div들의 width 값을 보게 되면 정확히 1:3:1 의 비율이 나오지 않더군요 ㅠㅠ 제가 잘못 이해하는 부분이 있을까요? 

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.       encparam의 해쉬값(?)은 잘 가져와지는데  이 값을 정규표현식으로 재무제표 데이터를 가져오는데 자꾸 실패하고 있습니다.  뭔가를 잘 못하고 있는 것 같은데 해결이 안 되네요. 잘못된 부분이 어디인지 알려주시면 감사하겠습니다.       

안녕하세요 const post = draft.mainPosts.find(v => console.log(v)) 를 했을 때 console에 proxy라는 객체들이 뜨고 draft.mainPosts 배열안에 객체들은 안보여주더군요 proxy가 데이터를 감춰주는 역할을 하는건가요?

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.     강의 내에서 Organization > Project > Cluster 로 들어가는 것으로 보였는데, 제가 확인한 바로는 Organization > Project > Database Deployments 로 나와서 강의와 다른 부분이 있습니다. 강의 내용에서 MongoDB Project 변경이 있어 글 남깁니다! -> 다만 강의를 따라가는데, 내용이 일치하여 문제는 없습니다!  

다른 질문 들도 보다가 궁금한 점이 생겨 여쭤봅니다. 프로젝트에서 내에서 상태관리를 redux로 하고 server에서 데이터 패칭하는 부분을 (공부해 보니 server state라고 부르더군요) react-query(또는 swr)로 사용하려는 경우 설정을 어떻게 해야하나 궁금해서 검색해봤는데 마땅한 자료가 없어서 질문드려요 CRA기준으로 index.js에 import React from "react"; import ReactDOM from "react-dom"; import App from "./App"; import reducer from "./reducer"; import { Provider } from "react-redux"; import { configureStore } from "@reduxjs/toolkit"; import { Global } from "@emotion/react"; import { GlobalStyle } from "./index.style"; import { QueryClientProvider, QueryClient } from "react-query"; const store = configureStore({ reducer }); const queryClient = new QueryClient(); ReactDOM.render(   <Provider store={store}>     <QueryClientProvider client={queryClient}>       <App />       <Global styles={GlobalStyle} />     </QueryClientProvider>   </Provider>,   document.getElementById("root") ); 이런식으로 사용해서 reducer 함수 정의하고 각 컴포넌트에서 queryClient를 import해서 사용하는 건가요? 제로초님 강의 들으면서 react-query를 이제 막 공부하고 있는데 react-query가 내부적으로 contextAPI 사용한다고 알고있는데 redux랑 contextAPI를 같이 쓴다는게 정확히 감이 안잡히네요  제가 잘못알고 있는 부분이나 공부해야할 키워드를 알려주시면 감사하겠습니다.

안녕하세요 update를 활용하지 않고 case 만으로 해당문제를 풀 수 있는지 문의드립니다.   -- select id, name, case when sex = 'f' then 'm' else 'm' end as sex , salary from salary; --

Tool 제작법은 따로 강좌가 없는건가요?

안녕하세요. sql에서 count를 했을 때 값이 0인 경우는 NULL값이기 때문에 출력이 안되는데 혹시 count가 0인 값도 출력하려면 어떤 방식을 이용해야할까요?

- 인프런 아이디: akffkeh@naver.com - 인프런 이메일: akffkeh@naver.com - 깃헙 아이디: htpy123@naver.com - 깃헙 Username: htpy123

      안녕하세요!  강의내용에서 clean_필드이름명으로 함수를 구현했는데 화면처럼 빈 문자열이 되버리네요ㅜㅜ models.py에서 Post 모델필드에 message필드에다가 blank=True를 두니 처리는 되는데 영어만 사라지는게 아니라 문자열 전체가 사라지는 것 같은데 왜그러는걸까요?

1. input에서 name, id, value 들이 의미하는게 뭔지 궁금합니다. 어떻게 사용하고 관리되는지도 궁금합니다. 강의에서 <input type="submit" value="제출">에서는 value에 적힌 값이 화면에 보이게 되고<option value="apple">과일1</option> 같은 코드에서는 value가 사용이 안되고 과일1이 화면에 보여지게 되고 value가 서버로 넘어가는 값인가요? 기준이 궁금합니다. 2. hidden 사용법이 와닿지 않는데 어떻게 안 보이게 해서 값을 넣고 서버 단에서 받아서 꺼내고 쓰는지 궁금합니다!

인프런 아이디 : toop20인프런 이메일 : toop20@naver.com깃헙 아이디 : toop20@naver.com깃헙 Username : 201511011

확인했습니다~ 감사합니다!

프론트엔드 기술을 본격적으로 배우려고 하는 학부생입니다. 다름이 아니라 이번에 강의를 수강하면서 초반에는 기초문법 후반부에는 웹게임 만들기 실습이 있는 것으로 알고 있습니다. 웹게임 만드는 강의에서 문제를 받고 제가 먼저 코딩을 해본 후 강의에서 배운 내용으로 수정을 한 코드를 제 깃허브에 올려도 문제가 없을까요?  공부 기록 형식으로 코드를 올리고 싶은데 만약 저작권 등의 문제가 있다면 올리지 않도록 하겠습니다. 감사합니다!!

선생님 방식으로도 연습해보고 다른 방식으로도 풀 수 있는지 연습하고 있는데요아래 방식처럼 이중포문으로 돌리는 방식으로 풀어봤는데물론 효율성면에서는 재귀보다 떨어지겠지만, 아래 풀이도 유효한 풀이인가요? function solution(time,arr) {       console.log(arr)       let answer = null;       for(let i = 0; i < arr.length; i++) {         let t = 0;         let sum = 0;         for(let j =i; j < arr.length; j++) {           t+=arr[j][1];           if(t > time) {             t-=arr[j][1];             continue;           }           else {             sum += arr[j][0];             answer = Math.max(answer,sum);           }         }       }             return answer;     }     let params = [       [10,5],[25,12],[15,8],[6,3],[7,4]     ]     console.log(solution(20,params))