안녕하세요. 10분28초쯤 일기 수정 중에 useEffect에서 isEdit과 originData를 배열에 넣어주는데요   isEdit과 originData는 바뀌지 않는 값인데 추가하는 이유가 있을까요?

다른기능들은 모두 정상적으로 작동을하는데 새로고침시 Localstorage에 저장된 값을 불러오지 못합니다. 정상적으로 Localstorage에 저장되는것으로 보여지는데 id값의 문제인지 date의 문제인지 아님 리스트렌더링 문제인지 아무리보아도 어떤부분에서 문제가 발생하는지 찾지 못하겠어서 질문남깁니다.   https://codesandbox.io/s/currying-bash-b45zku?file=/src/App.js 코드샌드박스 링크 첨부합니다. (Edit페이지의 emotion이 깨지는 문제는 VScode에서는 발생하지 않는문제입니다. 무시해주세요)   정말 좋은강의 만들어 주셔서 감사합니다.

제가 실무에서 2년간 일할땐 블록스코프 내에서 펑션을 만들어서 쓰는경우가 한 번 도 없었는데, 이 강의를 보고나서 이렇게 코드를 짜는 경우도 있나 궁금해서 질문드립니다!

안녕하세요, 판교님 질문있어서 들어왔습니다. JS가 그 동안 역사적으로 OOP를 구현하기 위해서 여러가지 시도를 많이 한 것 같습니다. 판교님 코드를 보니 다시 한번 이해가 되었는데요, ES5에서 많이 했었던 모듈패턴의 IIFE패턴을 소개해 주셨는데, 이번에 MDN사이트가 개편됐습니다, 확인이 늦어서 그런지 모르겠네요. 아무튼 판교님께서 소개해주신 IIFE 코드가 있었고, 더 아래에 생성자 함수를 통해서 reactivity 를 구현하려는 코드가 더 있더라구요, 그래서 이제 판교님 생각에 둘의 어떤 특별한 차이가 있는지 궁금했습니다, 깊게 생각하지 않지만, 판교님께서는 이러한 부분에 대해서 어떻게 생각하시는지 궁금합니다.   

이전 쿵쿵따나 끝말잇기에서 $button.addEventListener('click', onClickButton); 도 리턴값이 없어 undefined 를 반환하는데 왜 버튼을 누르면 실행이 되는지 궁금합니다. $document.queyrSelector(#num-0).addEventListener('click', onClickNumber('0')); 여기서는 매개변수를 썼기 때문에 함수 자체를 쓴 게 아니라 함수 반환값을 쓴 것인가요??   이전 쿵쿵따, 끝말잇기 addEventListener 코드와 이번 코드의 다른 점이 무엇인지 궁금합니다..ㅠㅠ     만약 위처럼 이해한 게 맞다면, 자바스크립트에서는 함수에 매개변수가 있어야 할 경우 모두 함수를 반환하는 고차함수로 작성해야 하나요??

자바스크립트 배열은 길이가 가변적인데 그럼 Dynamic Array 라고 볼 수 있겠죠? 근데 자바스크립트 배열에서 rezise 는 어떻게 이뤄질까요? doubling 되나요? 그럼 Dynamic Array 의 단점을 가지고 있는건가요?

안녕하세요! Form 컴포넌트 내부를 작성해보다 실수로 아래와 같이 작성하였는데요 function handleFormSubmit(event) {    event.preventDefault();    console.log('submit');    setCounter(100);    console.log(counter); } 이런식으로 작성을 했더니 처음 submit 시에는 console 에 1이 찍히고 그 다음에 100이 찍혔습니다. 이 동작이 잘 이해가 되지 않는데 이유를 알 수 있을까요?!

안녕하세요 vscode 설정 관련 질문입니다. 지금 막 vscode를 설치했는데 js파일에서 오타 검사가 안되는데 그 이유를 알 수 있을까요???  

안녕하세요. 좋은 강의 항상 잘 듣고 있습니다.   함수형 프로그래밍에 익숙하지 않는 상태로 여기까지 듣고 의문점이 하나 생겨서 질문 남깁니다.   지금까지의 강의 내용으로 보면 효율성등에서 항상 느긋한 계산 좋아보이는데 굳이 map과 filter등을 구현하는데 있어 'L.'을 붙여 굳이 메소드를 나눈 이유는 무엇인가요?   엄격한 계산과 느긋한 계산이 각각 트레이드오프를 가지고 있으며 경우에 따라 선택해서 써야하는 것인가요?   아니면 느긋한 계산이 좋다는 것을 보여주기 위한 비교를 위해 엄격한 계산도 보여주는 것인가요?

. 안녕하세요 다름이 아니라 예제파일을 다운받아서 강의를 보면서 같이 진행을 하고있는데요, 예제 파일이 정상적으로 로그창에 출력이 안되는데.. 혹시 이유가 뭔지 알수있을까요?   비주얼 스튜디오 코드를 사용하고있습니다!

안녕하세요! 다름이 아니라 제네레이터 함수가 작동하지 않아서 질문드립니다..! 강의를 보면 선생님같은경우는 함수명앞에 * 별표가 잘 붙어있는데 저같은경우는 보면 * 별표가 function 옆으로 붙어버립니다. 함수명 옆에 별표를 붙여도 저장누르는 순간 펑션옆으로 별이 이동합니다.. 그리고, 콘솔로그도 나오질 않습니다. 아마 제네레이터 함수가 정상적으로 작동되질 않는것같은데, 이유가 뭔지 알수있을까요?

안녕하세요. 강의를 따라가고 있는데 일기를 새로 작성하기를 해도 왜 일기 리스트에는 업데이트가 안 되는 지 궁금합니다.     https://codesandbox.io/s/determined-cartwright-oep0ii?file=/public/index.html    

안녕하세요 3:45에 fetch then대신  try catch로 바꿔 봤는데 이렇게 사용하면 될까요? const getData = async () => { try { const response = await (await fetch(`https://jsonplaceholder.typicode.com/comments`)).json(); console.log(response); } catch (err) { console.log(err); } };

안녕하세요. 선생님 덕분에 알고리즘 공부 너무 재미있게 하고 있습니다 :) 인접리스트가 인접행렬에 비해 속도의 장점이 있는데, 인접리스트로만 경로탐색 문제를 풀어도 무방한가요?

안녕하세요! 우선 좋은 강의 제공해주셔서 감사해요.   다름이 아니라, 강의 영상 28:47 부분과 같이 다이어리 리스트가 화면에 떠야 하는데 뜨지 않는 에러가 발생했고, 스스로 해결이 안 돼서 도움을 요청하려고 글을 쓰게 되었어요.   개발자도구 요소 탭에서도 리스트가 뜨지 않더라구요. 코드 마지막 부분 즉 export default DiaryList; 바로 앞 부분에 console.log(diaryList);도 입력해 보았는데 콘솔 창에는 undefined라고 출력이 되었어요. 코딩 공부가 처음이다보니 에러를 해결하기 위해 무엇부터 손을 대야 할 지도 모르겠고 질문조차 어떻게 해야 할 지 모르겠네요..ㅎㅎ  

너무나 좋은 강의로 함수형 프로그래밍 에 대해서 조금씩 감을 잡아 나가는 방향입니다. 함수의 비즈니스 로직을 숨기고 함수의 표현식들을 드러내서 이 과정에 사이드 이펙트를 없애고 직관적으로 읽기 좋은 형태 를 지니게 되는 것 같습니다. 다만, OOP 에서의 메서드 와의 다른 점으로는 내외부 함수의 교류가 없다 정도인 것 같습니다.   다만 여기까지가 주요한 맥락이라면 아래 코드가 결국은... const sum = (func, iter) => go( iter, map(func), reduce(add) ); 이러한 코드 와의 별다른 차별점은 없는 것으로 해석되지 않을까요? const sum = (func, iter) => iter.map(func).reduce(add); 이렇게 이해 하였는데 맞는 것일까요?

안녕하세요. 강의를 잘 듣고 있습니다. 6:49 부모 컴포넌트에서 데이터를 자식 컴포넌트로 이동하는데 만일  자식끼리 데이터를 useState로 해야 한다면 redux를 이용하면 될까요?

강의 내용과 조금 떨어진 질문입니다. 크롬 개발자 툴에 컴포넌트를 보여주는것과 프롭스,훅스 등을 보여주는 창이 가로로 나뉘어져 보여지고 있는데, 이걸 윈터루드님처럼 위아래로 나뉘어지게 하려면 어떻게 해야하나요?

ㅜ,ㅜ 안녕하세요. 수업 내용중에 타입 제한을 쓰는 이유가 잘 이해가 안가는데요.  제네릭의 장점과 타입 추론에서의 이점 수업에서.. function logText<T>(text: T): T{   console.log(text);   return text; } const str = logText<string>('abc'); str.split(''); const login = logText<boolean>(true); 이렇게 하면 str은 string, login은 boolean타입이 되어 각각 원하는 API나 관련 타입으로 이용이 가능하다고 하셨는데요. 그렇다면 아래 처럼 이렇게 하면 파라미터 반환값 모두 string형태인걸 자스도 알고 있는데 왜 length를 사용할 수 없나요? 자스에서 string에  string.length 속성이 있으니 사용할 수 있어야 하지 않나요?   그리고 타입 제한 수업 끝 부분에 function logTextLength<T>(text: T): T {   console.log(text.length);   return text; } logTextLength('hi'); string을 자스가 알지 못하니 파라미터와 반환값에 배열을 넣어 타입 힌트를 주는게 타입 제한이라고 하셨는데요. 우리가 호출하고 싶은건 logTextLength('hi'); hi라는 string인데 왜 배열을 힌트로 알려주나요? 힌트를 줄거면 string이라고 힌트를 줘야 하지 않나요? string글자가 char의 array형태이기 때문에 배열 힌트를 준건가요?   미리 감사합니다. 선생님!!!

liveServer 익스텐션을 지우고 깔아봤는데도502(Bad Gateway) 오류가 계속해서 발생하는데해당 고양이 사진 서버 오류 같은데 오류 해결방법은 따로 없나요? ㅠㅠ.