173만명의 커뮤니티!! 함께 토론해봐요.
미해결
타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
react 19 및 ESLint (exlint-plugin-react-compiler 또는 최신 react-hooks 규칙)에서 새로 추가된 규칙으로 발생하는 문제가 있습니다. useEffect(() => { setIsLoading(true); fetch("http://localhost:3000/posts") .then((reponse) => { return reponse.json(); }) .then((data) => setPosts(data)) .finally(() => { setIsLoading(true); }); }, []); useEffect 내부에서 조건 없이 동기적으로 setState를 호출하면 컴포넌트가 마운트되자마자 불필요한 리렌더링 연쇄가 일어나기 때문에 위와 같은 코드 작성을 금지한다고 하는데, 최신 문법에 맞는 방법은 어떻게 작성하면 좋을지 궁금합니다
react react-router redux-toolkit zustand react.js
5647kr
2026-08-15T05:36:25.413Z
댓글 2
좋아요 0
조회수 30
미해결
타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
초시계에서는 useEffect return 문이 왜 발생하는건가요 ? 그전강의에서는 컴포넌트가 삭제 될때 retrurn 문이 삭제되서 동작하는게 이해됐는데 지금 강의에서는 왜 리턴문이 실행이 되는건지,,?
react react-router redux-toolkit zustand react.js
jyl08840
2026-08-09T14:14:05.357Z
댓글 3
좋아요 0
조회수 44
미해결
React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지
안녕하세요 선생님 항상 좋은 강의 감사합니다. 자바스크립트 문법이 약해 종종 막힐 때가 있어 유튜브로 확인하고 있는데 11~21 내용이 현재 없는 것 같은데 따로 확인하는 방법 있을까요?
react React-Context react-router tailwindcss react-query
김지현
2026-08-03T12:50:23.734Z
댓글 1
좋아요 0
조회수 28
미해결
타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
뒤를 들어보지 않고 남겨서 죄송합니다. 이전 코딩 경험으로는 Todo에 있는 todo리스트와 컴포넌트를 전역변수로 만들어서(static)으로 만들어서 다른 모든 컴포넌트에서 참조하도록 하면 훨씬 쉬울 것이라고 예상되는데요. 리액트로 이러한 구조가 있나요?
react react-router redux-toolkit zustand react.js
양승근
2026-07-30T01:01:54.607Z
댓글 2
좋아요 0
조회수 39
미해결
타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
checkbox를 커스터마이징 했다는 뜻이 무엇일까요?
react react-router redux-toolkit zustand react.js
양승근
2026-07-29T06:32:48.377Z
댓글 2
좋아요 0
조회수 45
미해결
타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
몽고 DB 접속 중인데요 강의내용 같이 mongodb+srv://admin:qwe123!!@cluster0.ic4ilij.mongodb.net/react_blog?retryWrites=true&w=majority&appName=Cluster0 하고 Connection whit Conection String "Connect"를 누르면 Unable to connect: querySrv ENOTFOUND mongodb. tcp.cluster0.ic4ilij.mongodb.net 라는 메시지와 함께 접속이 안되고 있습니다. 원인과 해결 방안을 여쭤 봅니다. -- 감사합니다.
react react-router redux-toolkit zustand react.js
bluescreen
2026-07-27T12:55:13.659Z
댓글 3
좋아요 0
조회수 49
미해결
타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
제가 못 찾은건지 소스코드는 따로 제공되지 않을까요?
react react-router redux-toolkit zustand react.js
김성욱
2026-07-21T13:43:30.609Z
댓글 2
좋아요 0
조회수 61
미해결
React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지
저는 개발자 생활 초기에는 화면에서 받은 파라미터들을 받아 파라미터들을 이용하여 쿼리문을 작성하여 화면에 노출시키는 로직등을 많이 개발해 왔었어요. 그러다 보니 화면도 중요하지만 쿼리작성이 무엇보다 많이 중요했었거든요. 쿼리작성이 중요하다 보니, PL님 혹은 팀장님들 에게서 많이 교육 받은것 중 하나가 콤마를 앞으로 쓰는 겁니다. 그게 버릇이 되어 왔고 이쁘다고 생각했었어요 하지만 요즘 프론트엔드 개발자들 대부분은 콤마를 뒤에다가 선언을 하더라고요. 콤마를 앞이든 뒤이든 돌아가면 상관없긴 하지만, 왜 이렇게 콤마를 뒤에 두는 개발자들이 많이 생겼는지 궁금합니다. const [todos, dispatch] = useImmerReducer(todoReducer, [ { id : 0, text : 'HTML&CSS 공부하기', done : false }, { id : 1, text : '자바스크립트 공부하기', done : false } ]);
react React-Context react-router tailwindcss react-query 콤마 콤마뒤 콤마뒤싫어 콤마앞에가좋아
2026-07-21T13:13:01.351Z
댓글 1
좋아요 0
조회수 42
미해결
타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
안녕하세요 일반적으로 project를 생성하면 App.tsx 파일이 존재 하는데요 App.tsx 파일이 존재하지 않는 경우는 어떤 경우일까요? 안에 있는 내용을 다른 파일로 옮기는 건가요? 꼭 App.tsx 파일이 필요없는 것 같은데요 개발자가 만들기 나름인가요?
react react-router redux-toolkit zustand react.js
bluescreen
2026-07-20T05:53:11.381Z
댓글 2
좋아요 0
조회수 54
해결됨
React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지
안녕하세요 선생님, 궁금한 점이 있어서 문의드립니다. 현재 강의를 보면 react 버전이 18 인데, 혹시 19 로 버전업하실 계획 있으실까요?
react React-Context react-router tailwindcss react-query
식빵
2026-07-06T07:50:19.793Z
댓글 2
좋아요 0
조회수 51
미해결
리액트 기초 (Introduction to React)
[4. props를 통한 데이터 전달_해결문제 ]강의를 시작했는데, json파일을 제공했다고 언급되는데, 그 파일 어디서 다운받나요?
Jang Jaehoon
2026-07-03T06:40:17.730Z
댓글 1
좋아요 0
조회수 39
미해결
타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
강의를 막상 보면서 하는 건 쉬운데 미션에서 적용하는 것이 너무 어렵네요. 조금 빈 구멍이 생겨도 완강하는 것이 좋은 것인지, 구멍이 좀 생기지 않도록 끝까지 반복하면서 늦더라도 구멍이 생기지 않도록 하는 것이 좋은것인지 궁금합니다.
react react-router redux-toolkit zustand react.js
양승근
2026-06-21T14:23:55.732Z
댓글 2
좋아요 0
조회수 72
미해결
타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
책에서는 styled-components를 더이상 추천하지 않는다고 하셨는데요. 강의에서는 비교적 비중을 높게 두시고 강의하시는 것 같은데요. 처음하는 입장에서 공부 방향을 어떻게 잡고 가야 할까요?
react react-router redux-toolkit zustand react.js
양승근
2026-06-21T14:20:01.813Z
댓글 2
좋아요 0
조회수 53
미해결
타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
안녕하세요 위 제목 같이 import {} 중괄호 차이점 1: import useCounter from "../context/counter/useCounter"; 2: import {useCounter} from "../context/counter/useCounter"; 중괄호 할때와 안할때의 차이점을 알고 싶습니다. 문의 답변 부탁드립니다.
react react-router redux-toolkit zustand react.js
bluescreen
2026-05-27T13:38:43.518Z
댓글 2
좋아요 0
조회수 61
미해결
타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
후 connect 를 시도하면 아래와 같이 권한 문제로 접속이 안되고 있습니다. (source tree는 관리자 권한으로 실행 되고 있습니다.) 강사님~ 무엇이 문제인지요?
react react-router redux-toolkit zustand react.js
bluescreen
2026-05-26T01:22:46.383Z
댓글 2
좋아요 0
조회수 78
미해결
타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
제공되는 react_ code.zip 중에 .. D:\su\code\SECTION11\11-02 D:\su\code\SECTION11\11-03 안에 소스가 없네요. 당연히 제가 작성하면 되겠지만... 참조하는 차원에서.. ㅡㅡ;; 소스를 얻을 수 있을까요? 다른 폴더안에는 소스가 제공되고 있는데 말이줘 ..
react react-router redux-toolkit zustand react.js
bluescreen
2026-05-25T02:59:52.264Z
댓글 2
좋아요 0
조회수 78
미해결
타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
구입을 했는데 ... 아래 비활성화 된 강의 리스트는 뭔가요? 뒤 강의를 보고 싶거든요
react react-router redux-toolkit zustand react.js
bluescreen
2026-05-21T08:46:33.359Z
댓글 2
좋아요 0
조회수 67
미해결
타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
안녕하세요. 설명하시는 개념들이 매우 어렵게 느껴집니다. 굉장히 기본 개념을 설명하고 계신 것 같은데요. 강의를 어떤 자세로 수강해야 할까요? 부분 부분 계속 끊어져 있으니 이해가 안 됩니다. 책을 구매해서 보면 도움이 될까요?
react react-router redux-toolkit zustand react.js
2026-05-20T12:57:28.860Z
댓글 2
좋아요 0
조회수 74
미해결
타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
안녕하세요 강사님. 자바스크립트에 대한 기본을 어느 정도 공부하고 와야 할까요?
react react-router redux-toolkit zustand react.js
양승근
2026-05-10T11:27:02.444Z
댓글 1
좋아요 0
조회수 79
미해결
타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
// main.tsx import { StrictMode } from "react"; import { createRoot } from "react-dom/client"; import App from "./App.tsx"; import { ThemeProvider } from "styled-components"; const theme = { colors: { primary: "red", secondary: "#gray", }, fontSizes: { normal: "16px", large: "20px", }, }; createRoot(document.getElementById("root")!).render( <StrictMode> <ThemeProvider theme={theme}> <App /> </ThemeProvider> </StrictMode>, ); // App.tsx import styled, { keyframes, css } from "styled-components"; const boxShadowMixin = css` margin: 20px; box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.5); `; const fadeIn = keyframes` from { opacity: 0; } to { opacity: 1; } `; const Title = styled.h1<{ $color: string; $decoration: string }>` color: ${(props) => props.$color}; text-decoration: ${(props) => props.$decoration}; animation: ${fadeIn} 2s ease-in; `; const BigTitle = styled(Title)` font-size: 50px; `; const Wrapper = styled.section` padding: 2rem; border: 1px solid red; `; const BlueBorderWrapper = styled(Wrapper)<{ $shadow: boolean }>` border-color: ${(props) => props.theme.colors.primary}; ${(props) => props.$shadow && boxShadowMixin}; `; export default function App() { return ( <> <BlueBorderWrapper $shadow={true}> <Title $color="#00ff00" $decoration="line-through" as="p"> App Component </Title> <BigTitle $color="#0000ff" $decoration="underline"> App Component </BigTitle> </BlueBorderWrapper> </> ); } border-color: ${(props) => props.theme.colors.primary}; 적용하는 부분에서 에러가 발생합니다. Property 'colors' does not exist on type 'DefaultTheme'. 혹시 문제가 있는걸까요?
react react-router redux-toolkit zustand react.js
잠댕뭉
2026-05-05T13:34:57.970Z
댓글 1
좋아요 0
조회수 75
