타입스크립트 타입이 불일치하는데 에러가 안납니다.

안녕하세요.실제로 값을 전달받는 PrintValue.tsx 파일에서는 부모 컴포넌트로부터 boolean 타입의 값이 넘어올 것을 전제로 하고 있습니다. 따라서 해당 파일 내부에서 사용하는 변수들이 모두 boolean 타입으로 올바르게 처리되고 있다면, PrintValue.tsx 자체에서는 타입 에러가 발생하지 않습니다.예를 들어 props.booleanValue.toString()의 경우, boolean 타입에도 toString 메서드가 존재하기 때문에 에러가 발생하지 않습니다.반면, 에러는 PrintValue 컴포넌트에 값을 전달하는 App.tsx 파일에서 발생합니다. 첨부해주신 스크린샷을 보면 App.tsx 파일 탭이 빨간색으로 표시되어 있는데, 이는 해당 파일에 에러가 있다는 의미입니다. 즉, PrintValue 컴포넌트에 타입이 일치하지 않는 값을 전달하고 있기 때문에 에러가 발생한 것입니다.또한 부분을 보시면 props 영역에 빨간 밑줄이 그어져 있는 것도 확인하실 수 있습니다. 해당 부분에 마우스를 올리면 구체적인 타입 에러 메시지를 확인하실 수 있을 것입니다.정리하자면, 이번 타입 불일치 에러는 PrintValue 컴포넌트 내부가 아니라, 이 컴포넌트로 데이터를 전달하는 부모 컴포넌트(App.tsx) 에서 발생한 에러입니다.참고 부탁드리겠습니다!

default format >> prettier 이 실행이 안됩니다.

안녕하세요.첨부해주신 스크린샷을 보면 Vetur 관련 설정을 변경하신 것으로 보입니다.다만, 해당 문제가 해결되려면제가 안내드린 것처럼 Editor: Default Formatter 항목의 설정을 변경해주셔야 합니다.그리고 해당 강의영상 3분 22초쯤 나오는 Editor: Format on Save도 체크해주셔야 합니다.해당 부분을 다시 한 번 확인해 보시길 바랍니다.감사합니다.(사진) (사진)

윈도우 사용자입니다. homebrew 윈도우 설치법은 없나요?

안녕하세요.Windows 환경에서는 Chocolatey와 같은 패키지 관리자 도구를 사용하는 방법도 있지만,개인적으로는 권장하지 않는 편입니다.환경에 따라 예기치 않은 문제를 겪는 경우가 있어,가능하다면 필요한 도구를 하나씩 직접 다운로드하여 설치하는 방식을 추천드립니다.감사합니다!

리렌더링 관련 문의

안녕하세요.useCallback의 의존성 배열에 무엇을 넣어야 하는지는,해당 함수 안에서 어떤 방식으로 상태를 사용하는지에 따라 달라집니다.일반적으로 todos 상태를 의존성 배열에 그대로 넣게 되면,todos가 변경될 때마다 함수가 새로 생성되기 때문에useCallback을 사용하는 의미가 줄어들 수 있습니다.다만, 이는 함수 내부 로직에 따라 달라질 수 있는 부분이므로구체적으로 어떤 코드를 작성하려는지 알려주시면더 적절한 패턴과 함께 설명드릴 수 있을 것 같습니다.감사합니다.

공부 방향에 대해서

안녕하세요. 용기 내서 고민을 나눠주셔서 감사합니다.초보자 입장에서 느끼시는 불안은 정말 자연스러운 것이고, 저 역시 처음 공부할 때 같은 고민을 했었습니다.프로그래밍 공부에서 “메모를 하지 말라”는 말의 의미는 아무것도 기록하지 말라는 뜻이라기보다는,모든 개념을 암기하려고 애쓰지 않아도 된다는 의미에 가깝습니다.프로그래밍은 지식을 머릿속에 저장하는 공부라기보다,필요할 때 찾아보고, 사용하면서 익숙해지는 기술에 더 가깝습니다.그래서 공부할 때이해가 되는 흐름은 가볍게 이해하고 넘어가셔도 괜찮고나중에 다시 찾아볼 만한 핵심 키워드나 본인이 헷갈렸던 부분 정도만간단히 메모해 두셔도 충분합니다.예를 들어 바이트와 웹팩의 차이 같은 개념도지금 단계에서 완벽히 암기하려고 하기보다는“아, 이런 역할을 하는 도구구나” 정도로 이해하고 넘어가셔도 괜찮습니다.실제로 프로젝트를 하다 보면 다시 찾아보게 되고, 그 과정에서 자연스럽게 익혀지게 됩니다.또 “나중에 혼자서 만들 수 있을까?”라는 걱정도 많은 분들이 하시는 고민인데,지금 느끼는 불안은 오히려 성실하게 공부하고 있다는 증거라고 생각합니다.처음부터 혼자 다 만들 수 있는 사람은 거의 없고,계속 보고, 따라 해보고, 막히고, 다시 찾아보는 과정을 반복하면서어느 순간 이전보다 훨씬 많은 것을 혼자 할 수 있게 됩니다.지금은 “잊어먹지 않으려고 애쓰는 단계”보다자주 접하고, 익숙해지는 단계라고 생각하셔도 될 것 같습니다.천천히 가셔도 괜찮고, 지금 방식이 틀린 것도 아닙니다.지금처럼 꾸준히 하신다면 분명히 성장하실 거예요.응원하겠습니다.

form action 과 onSubmit

안녕하세요!강의에서 action과 onSubmit을 함께 사용한 이유는,하나의 애플리케이션을 만들어가는 과정에서 다양한 구현 방법이 존재한다는 점을 보여드리기 위함입니다.실제 애플리케이션을 개발하실 때는action만 사용하셔도 되고, onSubmit만 사용하셔도 됩니다. 😊

카카오로그인 에러

안녕하세요!제보해주신 내용을 바탕으로 새로운 강의를 추가해서 업로드 했습니다.258. 카카오 개발자 페이지 변경 내용 적용하기제보 감사합니다.좋은 하루 되세요 🙂

강의 내용 자료

안녕하세요, Lee HI님!타입스크립트 강의는 별도로 제공되는 강의 자료가 없습니다. ㅠㅠ강의 분량이 비교적 짧고, 많은 예제 코드가 필요한 구성은 아니라서 따로 자료를 제작하지 않았습니다.도움을 드리지 못해 죄송합니다.궁금한 점이 있으시면 언제든 편하게 문의해주세요!

몽고DB 연결이 안됩니다.

안녕하세요!MongoDB SRV 연결 방식(mongodb+srv://)에서는비밀번호에 포함된 특수문자(예: !, @, :, / 등) 를 반드시 URL 인코딩해줘야 합니다.작성자님의 비밀번호에 포함된 !! 또한 인코딩 대상이기 때문에,이 부분 때문에 연결이 실패한 것으로 보입니다.반면에 성공하신 일반 연결 방식(mongodb://)은@ 같은 일부 문자는 인코딩이 필요하지만! 는 인코딩 없이도 사용이 가능하기 때문에 문제가 없었던 것 같습니다.참고하시면 도움이 될 것 같습니다! 😊

섹션 19에 백엔드 부분 몽고DB 연결이 계속 끈깁니다.....

안녕하세요.첨부해주신 스크린샷으로 보아, 현재 발생하는 오류는 MongoDB Atlas의 IP 화이트리스트에 접속 중인 IP가 등록되어 있지 않아서 발생한 것으로 보입니다.일반적으로는 Network Access 메뉴에서 현재 IP를 추가하시거나, 개발 환경이라면 0.0.0.0/0을 등록해 주시면 해결됩니다. 이 부분은 강의에서도 한 번 다루고 있으니, 함께 참고해 주세요.이미 0.0.0.0/0을 등록하셨다면입력 형식이 잘못되었거나저장이 정상적으로 되지 않았을 가능성이 높습니다.번거로우시겠지만, 몽고DB 연결 설정 관련 강의 영상을 다시 한 번 천천히 따라 해 보시고, 중간에 놓친 단계가 없는지 확인해 보시면 도움이 될 것 같습니다.그럼에도 불구하고 문제가 계속된다면 언제든지 다시 문의 주세요.다른 해결 방법을 제안해드리도록 하겠습니다. 🙂감사합니다.