안녕하세요. 책에서 OuterEnvironmentReference는 현재 함수가 선언될 당시의 외부 LexicalEnvironment를 참조한다고 하였는데 이는 VariableEnvironment와 같은디 궁금합니다.그리고 LexicalEnvironment의 environmentRcord는 선언된 식별자를 포함해 let과 const 등까지 포함하는지 궁금합니다..또 ThisBinding이 variableEnvironment나 LexicalEnvironment의 environmentRecord에 속해 있는 게 아니라 따로 떨어져있는게 맞는지가 궁금합니다

강의를 따라서 simplediary 코드를 작성해보는데 첫번째 일기 id가 계속 20으로 떠서 제가 코드를 잘못 적은 부분이 있나, 싶어 codesandbox에 올려주신 코드를 붙여넣기 해도 제 브라우저에서는 계속 id가 20 - 39로 생성이 되더라구요.그래서 뭐가 문젠가 싶어서 봤는데 강의 버전의 npm은 프로젝트 생성시 index.js 코드가 ReactDOM.render( <React.StrictMode> <App /> </React.StrictMode>, document.getElementById("root") );이렇게 생성이 되는데 제가 설치한 8.19.3 npm 버전에서는const root = ReactDOM.createRoot(document.getElementById('root')); root.render( <React.StrictMode> <App /> </React.StrictMode> );이렇게 생성이 됩니다.src에 App.js와 컴포넌트 코드들만 수정했다가 index 코드도 강의 버전대로 수정을 하니 해결이 되던데, 제가 보기엔 두 코드가 그렇게 다르지 않은 것 같은데 왜 다른 결과가 나오는지 궁금합니다. 

바로 이전 강의인 useReduce까지는 모두 작동이 잘 되었습니다.이번 강의에서 일기 생성과 삭제는 잘 이루어지는데 수정에서만 오류가 발생하고 있습니다.강의를 세 번 돌려봤는데 무슨 문제인지 모르겠습니다ㅠhttps://codesandbox.io/s/gallant-kilby-4l2tr7?file=/src/App.js

this.$route.push('/main');과this.$router.push('/main')의 차이점이 궁급합니다.라우터 설정에서 VueRouter를 import하고 플러그인으로 사용한다고 선언한다음Vue의 $router라는 속성에 VueRouter값을 넣어서 그런건가요??

"PM2를 활용한 무중단 배포"까지 진행하고 인스턴스는 현재 실행 중입니다.이 상태를 모르고 로컬에서 VSCode로 node index.js명령을 실행했습니다.그 후에 인스턴스를 중지할려고 WinSCP를 접속할려고 하는데 연결이 계속 거부되고 있습니다.. 서브에 연결할 수 있는 다른 방법은 없을까요?일시적인 현상인 줄 알고 몇 일 기다렸다가 다시 시도해도 연결이 안됩니다,, 

안녕하세요 캡틴판교님-SignupForm.vue위의 vue에서는 data.username으로 바로 받아왔는데 -LoginForm.vue위의 vue에서는 data.user.username으로 받아오던데 F12눌렀을때 한번더 감싸있어서 그런거같은데 왜 감싸지는걸까요? 그리고 위아래 차이점은 왜 생기는건지 궁금해요

function solution(need, plan) { let answer = 'YES'; let queue = []; for (let x of plan) { if (need.includes(x)) queue.push(x); } if (need !== queue.join('')) return 'NO'; return answer; } let a = 'CBA'; let b = 'CBDAGE'; console.log(solution(a, b)); 큐로 접근해서 문제풀이하고 싶었으나 비효율적(?)으로 풀어버렸습니다 😂 혹시 이렇게 풀이해도 괜찮은걸까요 ? 리뷰 부탁드립니다 !

안녕하세요 캡틴판교님강의를 듣고 모듈화 관련 정리문서를 보다가 의문이 생겨서 질문드려요1번째 질문은js에서 모듈화를 이용한 export import는 {변수 or 함수명} 이런형태로 사용한다고 배웠는데<로그인 폼 컴포넌트 생성 및 마크업>강의 내용에서import LoginForm from 이렇게 { } 없이 사용하더라구요사용 유무의 차이가 무엇인지 궁금합니다.그리고 2번째 질문은 <template>안에 아래에서 import받은 component를 테그로 사용하려고하면 위와같이 소문자로login-form으로 권유가 되는데 강의처럼 <LoginForm>으로 사용하는거랑 차이가 있는지 궁금합니다. 사용하는 이의 차이인가요??

안녕하세요 🙋‍♂️import DiaryItem from "./DiaryItem"; const DiaryList = ({ diaryList }) => { return ( <div className="DiaryList"> <h2>일기 테스트</h2> <h4>{diaryList.length}개의 일기가 있습니다.</h4> <div> {diaryList.map((it) => ( <DiaryItem key={it.id} {...it} /> ))} </div> </div> ); // 컴포넌트 이름과 동일하게 만들기 }; DiaryList.defaultProps = { diaryList: [], }; export default DiaryList; // es 모듈 내보내기{diaryList.map((it) => ( <DiaryItem key={it.id} {...it} /> ))}맨 밑에 부분을 보면 diayList가 부모한테 받은 리스트를 map으로 하나씩 찾은 it 객체 까지는 이해가 됩니다. 그리고 아이템 컴포넌트한테 id까지 전달 하는것도 이해됩니다.이해가 조금 안 된 부분을 말씀 드릴게요1. {...it}이 아이템 컴포넌트한테 보내는 prop인데 이전까지의 prop은 name={name} 이렇게 앞에 변수명이 있었는데 왜 이건 없이 보내는데아이템에서 저렇게 받을 수 있나요?const DiaryItem = ({ author, content, emotion, created_date }) => {2. 여기서 it이라는 것은 내가 쓴 일기 하나하나 객체인데 일기리스트 state를 하나씩 map으로 접근해서 it 객체를 얻어내고 있는데 {...it} 이것은 스프리드 연산자로 전체 보내는 거 아닌가요? {it} 으로 보내도 되는지 확인해봤는데 에러가 뜨네요 map으로 돌면서 얻은 객체 it을 보내는데 왜 스프리드 연산자를 사용하는지 궁금합니다. it 안에 어떤 리스트의 하나의 일기 객체가 있을 텐데요 {diaryList.map((it) => ( <DiaryItem key={it.id} {...it} /> ))} console.log(it) 해봤는데 아래와 같은 객체를 그냥 뿌리면 되는데 {...it}을 왜 사용하는지 궁금합니다. it 자체에 정보가 다 있지 않나요??  

소스코드 좀 보고싶은데요.없나요...? 

권한이.. 아직 안된거 같아요.. 다시한번 부탁 드립니다.인프런 아이디 : sky9844인프런 이메일 : sky9844@gmail.com깃헙 아이디 : dndn8988@gmail.com깃헙 Username : @Pang15101

package.json 파일까지 추가해서 해봤는데도 실행이 안되네요 해결방법 알고싶습니다

제가 axios 설치 이후 npm start에서 지속적으로 오류가 나길래 stackflow를 보고 -i npm ~... 무엇을 터미널에서 진행시키고.node_modules 폴더와 package.json & lock.json 파일 삭제후 npm start 다시 했는데 아래와 같이모듈 오류가 지속적으로 뜨네요.모듈 파일명들이 전에는 @로 시작하는 파일들이 다 날라간 것 같구요.모듈 중 Axios 폴더에서 index.d.ts 파일에서 오류가 발견되고 있는 상황입니다.그랩님 조금만 도와주실 수 있을까요

안녕하세요 캡틴 판교님 제가 강의를 따라서 진행을 하던중 오류를 만나서 해결이 안되서 질문 드립니다. 뭐가 문제일까요? 

안녕하세요 캡틴판교님 강의를 열심히 듣고있는중입니다.그러던 중, node버전을 미리말씀해주셔서 10.16.3 으로 맞춰서 하고있는데제가 소스분석용으로 받아놓은 소스가 있는데 package.json에 들어가도노드 버전에 대한건 없는거같은데 알아볼수있는 방법이 있을까요??그리고 node버전이 달라도 호환이 되는 정도는 어떻게 알수있을까요??

main.js 파일의 import 부분에서 오류가 납니다. 이미 사전에 동일한 질문이 있길래 똑같이 적용시켜보려했지만 윈도우 10 환경이라 그런지저에게는 우측하단에 ESLint를 변경하는 버튼이 없더라고요.. 어떻게 해결해야 할까요..?

인풋에 입력한 값이 dataFormMaker()의 결과로 나온다는것 까진 알겠는데 이리저리 썼다지웠다 수를 써봐도 기준일자로 화면에 표현해내질 못하고있습니다...ㅠㅠ 알려주실수 있나요..? 타이머 아래에 기준일자를 나오게 하고싶어서 html은 만들어놓았습니다ㅠ

const {comments} = props; 의미? {} 안에는 어떤 것을 넣는 것인지요? 각 항을 설명해 주세요 {comments.map((comments, index)=>{ return <CommentListitem key={comment.id} comment={comment} />; 리액트 진짜 어렵네요   CommentList.jsx 일부 입니다 function CommentList(props){ const {comments} = props; return( <Wrapper> {comments.map((comments, index)=>{ return <CommentListitem key={comment.id} comment={comment} />; })}</Wrapper> ); }

const Wrapper =styled.div 이게 무슨의미인지요? 또 문법이 괄호도 없고 빽틱으로만? & >*{ :not(:last-child){ margin-bottom:16px; } 이건 또 무슨의미인지요 CommentList.jsx 의 일부 입니다 const Wrapper =styled.div` display:flex; flex-direction : column; align-items:flex-start; justify-content : center; & >*{ :not(:last-child){ margin-bottom:16px; } } `; 

Gist 주소에 댓글 남겼는데 확인 부탁드립니다.