Material Theme - Deprecated

안녕하세요.Material Theme가 Deprecated 되었다면Night Owl 같은 익스텐션을 사용하시는 것을 권장드립니다.단, 결국 테마를 위한 익스텐션이므로 내가 원하는 테마 아무거나 사용하셔도 됩니다 :)감사합니다!

상태(State) 가 "시간이 지남~" 에 대해 질문 있습니다.

안녕하세요 limit-a님!답변을 해드리려고 보니까 인프런 AI 인턴이 더 빨랐네요.인프런 AI 인턴의 답변이 정확합니다.그대로 읽고 참고해보시면 좋을 것 같습니다.감사합니다!

import {} 중괄호 차이점

안녕하세요 bluescreen님!답변을 해드리려고 봤더니, 인프런 AI 인턴의 답변이 정확하게 달렸네요.참고해주시면 될 것 같습니다.감사합니다 😀

[ 문의]몽고DB connect 의 건

안녕하세요 bluescreen님.인프런 AI 인턴이 꽤 자세하게 답변을 해주었는데요.제 생각도 인프런 AI 인턴 답변과 같습니다.“bad auth : authentication failed”는 사용자 인증 정보에 문제가 있을 때 발생합니다.실제로 제가 제공해드린 강의를 보고 저의 서브 컴퓨터에서 똑같이 시도해봤을 때정상적으로 잘 되는 것을 확인했습니다.제공해드린 강의에서 몽고 디비 연결 영상을 다시 한 번 보시고 누락된 과정이나 잘못된 정보를 입력하지 않았는지 확인해보시면 좋겠습니다.지속적으로 연결이 실패하셔서 강의 진행이 불가능하시면다시 질문해주세요.

제공되는 react_code.zip 중에 ..

안녕하세요. 4장 '수업 예제 코드 다운로드 및 참고하는 법' 에서 다시 자료를 다운 받으시면누락된 자료가 포함되어 있습니다.불편을 드려서 죄송합니다.

강의 듣는 순서가 어떻게 되나요?

안녕하세요!제가 오픈한 강의 기준으로 말씀드리면권장하는 수강 순서는 자바스크립트 -> 타입스크립트 -> 리액트 -> Next.JS 순서로 들으시면 됩니다.감사합니다!

커리큘럼 비활성화

안녕하세요.질문의 의도를 파악하지 못했습니다.제가 인위적으로 비활성화한 강의는 없습니다.인프런 고객센터에 문의해보셔야 할 것 같습니다 😀

설명하시는 개념들을 잘 모르겠습니다.

안녕하세요.인프런 AI가 답변해준 내용을 참고해보시면 좋으실 것 같습니다.한가지 첨언을 드리자면, 자바스크립트와 타입스크립트에 대한 기본 지식은 가지고 계셔야 합니다 😀

이해가 절반 정도 되는데요.

안녕하세요. 😀자바스크립트를 아주 깊게 알고 계실 필요는 없지만, 기본 문법 정도는 익히고 오시는 것을 권장드립니다.예를 들어:변수와 함수조건문 / 반복문배열과 객체함수 표현식, 화살표 함수비동기(async / await)map, filter 같은 배열 메서드정도는 한 번이라도 사용해보셨다면 강의를 따라오시는 데 큰 문제는 없습니다.다만 이 강의는 리액트와 타입스크립트 자체에 집중하는 강의이다 보니, 자바스크립트나 타입스크립트 문법 자체를 처음부터 하나하나 설명하는 형태의 강의는 아닙니다.그래서 자바스크립트 기초가 전혀 없는 상태라면 리액트보다 문법 자체가 더 어렵게 느껴질 수 있어서, 입문 수준의 자바스크립트(타입스크립트) 강의를 먼저 가볍게 학습하고 오시는 것을 추천드립니다. 🙂

styled-components(전역)

안녕하세요. styled-components의 DefaultTheme은 기본적으로 빈 인터페이스({})로 정의되어 있어서, 커스텀 theme 객체의 타입을 자동으로 인식하지 못합니다.따라서 props.theme.colors에 접근하려 하면 TypeScript가 해당 프로퍼티가 없다고 에러를 냅니다.해결 방법DefaultTheme을 모듈 선언(Declaration Merging) 으로 확장해야 합니다.1. styled.d.ts 파일 생성// src/styled.d.ts import "styled-components"; declare module "styled-components" { export interface DefaultTheme { colors: { primary: string; secondary: string; }; fontSizes: { normal: string; large: string; }; } } 2. (선택) theme 객체에 타입 명시main.tsx에서 theme 객체가 DefaultTheme을 만족하는지 컴파일 타임에 검증하고 싶다면 타입을 직접 지정할 수도 있습니다.// main.tsx import { DefaultTheme } from "styled-components"; const theme: DefaultTheme = { colors: { primary: "red", secondary: "gray", // ← "#gray"도 오타이니 이 기회에 수정 }, fontSizes: { normal: "16px", large: "20px", }, }; styled.d.ts 파일 하나만 추가하면 프로젝트 전체에서 props.theme.colors, props.theme.fontSizes 타입 추론이 정상적으로 동작합니다.