inflearn logo
Course

Course
Instructor

sucoding's Posts

sucoding sucoding

@sucoding

Students
5,586
Reviews
369
Course Rating
4.9

Posts 192

Q&A

강의자료 있나요

안녕하세요. 본 강의는 별도의 PDF가 제공되지 않습니다. !!

Likes
0
Comments
2
Viewcount
17

Q&A

mission12-01 guide.md파일 누락

안녕하세요! 해당 강의자료는 확인하여 업데이트 하도록 하겠습니다. 제보 감사합니다!

Likes
0
Comments
2
Viewcount
62

Q&A

ThemeProvider를 이용해서 NextThemeProvider를 따로 생성하여 Layout.tsx에 적용하는 이유는 뭘까요?

안녕하세요! next-themes 의 ThemeProvider 는 React Context API와 브라우저 API를 사용하므로 클라이언트 컴포넌트 에서만 동작합니다. 반면, Next.js App Router의 layout.tsx 는 서버 컴포넌트 로 유지하는 것이 권장됩니다. layout.tsx 에 직접 'use client' 를 선언하면 하위의 모든 페이지와 컴포넌트가 클라이언트 경계(Client Boundary)에 포함되어 서버 컴포넌트의 장점을 잃게 되기 때문입니다. 따라서 별도의 Wrapper 컴포넌트(예: NextThemeProvider )를 생성하여 상단에 'use client' 를 붙여주고, layout.tsx 에서는 이를 불러와 감싸는 방식으로 서버/클라이언트 컴포넌트 경계를 명확히 분리 해 주는 것입니다. 학습에 도움이 되셨기를 바랍니다. 추가로 궁금한 점이 있으시면 편하게 질문해 주세요!

Likes
0
Comments
1
Viewcount
149

Q&A

mission 09-01 을 수행할 수 없어요

안녕하세요! 작성하신 코드를 sucoding@naver.com으로 압축해서 보내주시면 확인 후 피드백 드리겠습니다. 감사합니다!

Likes
0
Comments
1
Viewcount
55

Q&A

스니펫이 이상해요

안녕하세요. 제공해드린 스니펫을 정확하게 입력하셨는지 한 번 확인 부탁드리겠습니다. 인프런 인턴 답변처럼 ' 스니펫의 함수명 부분이나 변수 치환 설정이 잘못 등록된 경우 발생할 수 있습니다' 감사합니다.

Likes
0
Comments
2
Viewcount
65

Q&A

react-fetch -2 (loading) 에러

안녕하세요. 해당 오류는 말씀하신 것처럼 useEffect 내부에서 조건 없이 동기적으로 setState 를 호출할 경우, 컴포넌트가 마운트되자마자 불필요한 리렌더링이 연쇄적으로 발생하기 때문 입니다. 따라서 동기적으로 setState 를 호출하지 않도록 처리하면 됩니다. 가장 간단한 우회 방법으로는 window.setTimeout(() => {}, 0) 과 같은 패턴을 사용해 비동기적으로 상태를 변경하는 방법이 있습니다. 다만 위 코드에서는 fetch 자체가 이미 비동기적으로 동작하기 때문에, 별도로 setTimeout 을 사용할 필요는 없습니다. 초기 isLoading 상태를 true 로 설정한 뒤, fetch 가 완료되었을 때 상태를 변경하는 방식 으로 처리할 수 있습니다. const [isLoading, setIsLoading] = useState(true); useEffect(() => { fetch("http://localhost:3000/posts") .then((response) => { return response.json(); }) .then((data) => setPosts(data)) .finally(() => { setIsLoading(false); }); }, []); 이렇게 하면 컴포넌트가 처음 렌더링될 때는 isLoading 이 true 이고, fetch 가 완료된 이후 false 로 변경되므로 불필요한 동기적 상태 변경을 피할 수 있습니다. 추가로 궁금한 점이 있으시면 언제든지 다시 질문해주세요. 감사합니다.

Likes
0
Comments
2
Viewcount
74

Q&A

useEffect return문

안녕하세요! 해결 되셨다니 다행입니다 :) 좋은 하루 되세요!

Likes
0
Comments
3
Viewcount
82

Q&A

할 일 수정 질문

안녕하세요 양승근님. 아쉽지만 말씀하시는 것과 같은 기능 및 구조는 리액트에서 제공하지 않습니다. 참고 부탁드립니다!

Likes
0
Comments
2
Viewcount
75