묻고 답해요
167만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결React 마스터 클래스: Part 3 - 실무 핵심 라이브러리 정복 (TypeScript, Zustand, React Hook Form, TanStack Query)
문의관련 문의
다른분들이 이미 80강 내용없음 및 중복인 부분들 문의를 올렸는데 왜 개선되는게 하나도 없나요????최소한 모가 어떻다는 내용은 전달해 주셔야 하는거 아닌가요??
-
미해결Next.js 마스터 클래스: Part 3 - 실전 아키텍처 완성 (서버-클라이언트 동기화, 극한의 최적화, 풀스택 보안)
next.js 를 2대이상 실행하는 경우 제공하는 cache 기능들은 어떻게 되나요?
MSA 에서 BFF 로 활용하는 경우 클라우드 환경에서 성능과 관련하여 2~3대 이상 실행하는 경우 관련 기능들은 어떻게 동작하나요?part2 렌더링 패러다임의 전환: 캐싱 혁명 (Caching Revolution)part3 Next.js 16 서버 캐시와 TanStack Query의 동기화또 이와 다른 주의 할 점이나 고려해야 하는 부분이 있나요?
-
미해결Next.js 마스터 클래스: Part 3 - 실전 아키텍처 완성 (서버-클라이언트 동기화, 극한의 최적화, 풀스택 보안)
76. 전문성 더하기: 놓치면 아쉬운 관련 기술들 수업 자료가 없어요.
수업 자료가 없어요.
-
해결됨DOM에서 픽셀까지, 브라우저 렌더링과 CRP 완전 정복 - [DOM 완전 정복 Part 3]
렌더링 차단 리소스 javascript 실행에 관련해서 질문 있습니다.
안녕하세요? 수업을 듣다 질문이 있어서 남기게 됐습니다!브라우저가 렌더링 과정이 DOM & CSSOM -> Render Tree -> layout 단계 -> Paint -> Compositing 단계 순서로 이해하고 있습니다.이번 수업에서는 <script src="url"></script>를 발견하면 DOM 파싱을 멈추고 script 파일을 다운 후에 script가 먼저 실행한 다음 DOM을 다시 파싱 하는 걸로 이해했습니다.여기서 궁금한게 생겼는데요. <body> 끝에 script 태그가 있고, script 코드 내용에서 DOM에 접근해서 한 요소의 widht, height, background를 변경하는 코드가 있어 먼저 실행 되었다면 브라우저 렌더링 어느 부분에 영향을 미치는지 궁금합니다.제가 생각하기에는 script가 먼저 실행되고 나머지 파싱이 되는거라는 수업 내용에 따르면 DOM & CSSOM에서 적용이 된 후 다음 단계들을 따를 것 같습니다.이 수업을 듣기 전에는 리플로우, 리페인트 과정이 있을 거라고 생각했으나 리플로우, 리페인트 과정이 없겠다는 생각이 들어 질문하게 되었습니다.감사합니다.
-
해결됨DOM에서 픽셀까지, 브라우저 렌더링과 CRP 완전 정복 - [DOM 완전 정복 Part 3]
렌더링 차단 리소스 관련해서 CSS 질문이 있습니다.
안녕하세요? 수업 잘 듣고 있습니다.막연하게 알고 있던 렌더링에 대해서 자세히 알 수 있어서 정말 많은 도움이 되고 있습니다.수업을 듣다 보니 궁금한 것이 생겨서 문의 드립니다.수업 내용중에 CSS를 <head> 태그 안에 위치 하고 최적화 전력으로 불필요한 CSS는 media속성, loadCSS, 동적으로 분리 한다고 하셨는데요.CSS는 media속성 즉 media query를 말씀 하신 걸까요?loadCSS와 동적으로 분리 한다고 하셨는데 이 부분들이 감이 잡히지 않아 질문 드립니다.감사합니다.
-
해결됨Next.js 마스터 클래스: Part 2 - 풀스택 아키텍처와 프레임워크 심화 (Server Actions, 캐시 혁명, 고급 라우팅)
22강 강의 영상 문의 드립니다.
안녕하세요.해당 섹션을 보니 강의 영상이 올라갈 자리로 보이나 빈 화면이 나와서요.확인 부탁드립니다 :)
-
해결됨Next.js 마스터 클래스: Part 2 - 풀스택 아키텍처와 프레임워크 심화 (Server Actions, 캐시 혁명, 고급 라우팅)
아래 위치에 동영상이 보이지 않습니다.
아래 위치에 동영상이 보이지 않습니다.36. 18강. [Next.js 실전] redirect() 함수로 구현하는 완벽한 동선 제어
-
해결됨Next.js 마스터 클래스: Part 1 미션으로 배우는 App Router의 본질과 렌더링 설계
Vercel 사용법
26강 마지막에 다음에 Vercel 사용법 알려준다고 되어 있는데 Next.js 마스터 클래스: Part 2 에 Vercel 사용법이 나오는 건가요?26강. generateMetadata: 검색 엔진(SEO)의 마음과 소셜 미디어 공유를 지배하는 동적 메타데이터 다음에 Vercel 사용법이 않나오네요?
-
해결됨Next.js 마스터 클래스: Part 2 - 풀스택 아키텍처와 프레임워크 심화 (Server Actions, 캐시 혁명, 고급 라우팅)
강의자료가 않보입니다.
아래 위치에 강의자료가 않보입니다.[강의 노트] 07강. [CS 아키텍처] 이벤트 기반 아키텍처(EDA)와 웹훅(Webhook)
-
해결됨React 마스터 클래스: Part 3 - 실무 핵심 라이브러리 정복 (TypeScript, Zustand, React Hook Form, TanStack Query)
[실습] 80강 없음
[실습] 80강. 테스팅과 MSW: 서버 없이도 완벽하게 동작하는 프론트엔드 유닛 테스트 내용이 없어요.vitest 테스트 환경과 설명이 추가되었으면 좋겠네요
-
해결됨프론트엔드 개발을 위한 모든 지식 (개념편)
29강 업로드 일정 문의드립니다.
안녕하세요 해여님.강의 잘 들었습니다!혹시 29강 및 추가 강의는 언제 업로드 될까요?일정 안내 부탁드립니다.
-
해결됨Next.js 마스터 클래스: Part 2 - 풀스택 아키텍처와 프레임워크 심화 (Server Actions, 캐시 혁명, 고급 라우팅)
자료파일 압축이 안풀립니다
확인부탁드립니다
-
미해결프론트엔드 개발을 위한 모든 지식 (개념편)
학습 자료는 언제 업로드 되나요?
강의 소개에 학습 자료는 노션 링크를 통해 제공된다고 나와있는데요.아직은 링크가 없는 것 같아서요. 자료는 언제 받을 수 있을까요?추가로 백엔드 강의는 현재 수강 불가던데 강의 개편 중이신건가요? 언제 재오픈 예정인가요?
-
해결됨React 마스터 클래스: Part 3 - 실무 핵심 라이브러리 정복 (TypeScript, Zustand, React Hook Form, TanStack Query)
63,65 중복
탄스택쿼리 파트를 먼저 수강중에 중복되는 자료가 있어 말씀드려요. 63,65강의 자료가 동일합니다.추가적으로, 65강 처음에 나오는 코드는 useEffect가 아닌 useQuery를 통한 분기처리인데, 이 경우 race condition위험이 없지 않나요?
-
해결됨프론트엔드 개발을 위한 모든 지식 (개념편)
강의 음성과 영상 속도 불일치 문제
안녕하세요. 해여님!강의 정말 잘 듣고 있습니다!좋은 강의 제작해주셔서 감사합니다. 19강 Form 강좌에서 전반적으로 음성과 영상속도가 어긋나는 이슈가 있어 공유드립니다. PPT가 넘어가는 속도와 음성의 편차가 커서 수정이 필요할 것 같습니다. 혹시 그리고 남은 영상은 언제 업로드될까요?구정 전에 완강하고 싶어서 여쭤봅니다. 감사합니다. 구조화된 지식을 공유해주셔서 다시금 감사드립니다. 다른 강의들도 기대하겠습니다!
-
해결됨프론트엔드 개발을 위한 모든 지식 (개념편)
강의 업로드 일정 문의
안녕하세요 강사님. 강의 잘 듣고 있습니다. 혹시 남은 강의들의 업로드 일정이 어떻게 되는지 문의드립니다.
-
해결됨[AI 현업방식] 서비스기획 Figma UX Flow 를 10분만에 만들기
svg 파일이면 무엇이던지 특정 구역이나 버튼을 넘어가게 할 수 있나요?
svg 파일이면 피그마에서 만든 구조가 아니더라도 어떤 구역이나 버튼을 누르면 넘어가게 할지를 선택할 수 있나요?
-
미해결[4주 과정] <밑바닥부터 시작하는 웹 브라우저> 완독 챌린지
구현한 실습 브라우저 확인이 안되네요.
저만 이런걸 수 있지만... 결과 화면 보려고 링크 썼더니 이렇게 나옵니다. 10장(https://browser.engineering/widgets/lab10-browser.html)은 잘 출력되는 것 같은데... 11장[링크], 12장[링크]은 아래 그림처럼 나오네요. 혹시 제가 잘못한 점이 있는지, 있다면 어떤 부분을 수정해야 하는지 알려주세요!다른 링크가 있다면 같이 안내해주시면 좋을 것 같습니다.
-
해결됨모든 웹 개발자가 봐야 할 단 한 장의 지도
해당 강의는 강의자료가 있나요?
해당 강의는 강의자료가 있나요?
-
해결됨구조 탐색과 조작의 모든 것 - [DOM 완전 정복 Part 1]
클래스 vs 인라인 스타일 성능 질문
안녕하세요. 좋은 강의 감사합니다!26. 클래스와 스타일을 다루는 가장 강력한 방법 – classList, style, 그리고 리플로우까지 에서 인라인 스타일로 스타일을 바꾸면 리플로우/리페인트가 자주 발생할 수 있어 성능에도 안 좋을 수 있다고 설명하셨는데요.예시로 들어주신 코드에서는 어차피 자바스크립트 엔진이 싱글 스레드라 클래스든 인라인 스타일이든 모두 반영된 후에, 리플로우/리페인트가 발생하기 때문에 성능적으로는 유의미한 차이가 없을 것 같은데요. 좀 더 구체적인 설명을 해주실 수 있을까요?ChatGPT 답변도 같이 첨부합니다.https://chatgpt.com/share/69181628-34d0-8007-8e81-02401c649370
