172만명의 커뮤니티!! 함께 토론해봐요.
미해결
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
이미지는 보통 S3 같이 외부의 이미지 url을 통해서 불러오지 않나요? 외부 이미지를 불러오는 방식에서 브라우저에 이미지를 캐싱하는 방법은 없나요?
해결됨
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
이 특징을 사용해서 네비게이션이나 푸터 같은 레이아웃을 처리하는데 활용하는 편인가요?
해결됨
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
번들 파일은 용량이 클것으로 예상되는데, 매번 전체를 보내면 낭비가 심할것 같습니다. 번들 파일을 쪼개서 지연로딩하거나, 이전에 받은 번들 파일을 브라우저 내에 캐싱하고 교체하는 방법도 궁금합니다. 혹시 이 강의에서 다루나요??
해결됨
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
useMemo() 로 마운트 시점을 메모하는거면 이제 onCreate, onUpdate, onDelete 에 적용한 useCallback() 은 없애도 되는건가요? const memoizedDistpatch = useMemo(()=>{ return {onCreate, onUpdate, onDelete} }, []) useCallback() 제거하고 테스트했을때 따로 리렌더링 되는걸 확인했지만, 확인차 질문합니다.
해결됨
비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE
4-1 flutter 개발환경 세팅에서 링크 페이지가 사라졌습니다. 기존과 내용이 많이 달라진 것 같아요. 체크한 번 부탁드립니다. 문서 업데이트가 필요해보여요.
해결됨
몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편]
targetX += (x - targetX) * speed; targetY += (y - targetY) * speed; 이 코드가 매번 마우스가 움직일 때마다 보간을 구하는 거라면, JS에서는 box.style.top = pageY; box.style.left = pageX; 이렇게 포지션만 잡아주고, .box { transition: top second linear, left second linear; } css에서 transition에 각각 top, left에 linear를 주면, targetX/Y의 선형보간이랑 css에서 transition 선형보간이랑 같은 거 아닌가요? 다르다면 어떤 부분이 다른지 알고 싶습니다!
미해결
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
정환님 인프콘 설명이였는데 잘 듣던와중에 궁금한게 생겨서요!! 저 app 컴포넌트 안에 자식컴포넌트로 child가 렌더링되고있다면 그 자식컴포넌트도 리렌더링되어서 render phase 단계를 거쳐 child 가상돔을 만들어서 app 컴포넌트의 렌더사이클 내의 app의 가상돔이랑 합쳐져서 통합된 하나의 가상돔이 생성되고 이걸 이게 commit phase 단계에서 돔 업데이트를 변경된 부분만 진행하는 건가요?
미해결
React, Node.js, MongoDB로 만드는 나만의 회사 웹사이트: 완벽 가이드
9강에서 'Ch-9-1. GitHub 저장소 링크'에 링크가 잘못 달려있네요. 뒤에 키값으로 찾아서 접속할 순 있는데 수정이 필요해 보입니다.
해결됨
비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE
[진도] 1주차 9강 - 실용적인 도구 만들기 1: 개인 비용 관리 앱 8분 [질문] 개인 비용 관리 앱을 만들다가 credit을 다 써버린 상황인데 로그아웃 후 다른 이메일로 로그인한 후 기존에 작업중이던 프로젝트를 어떻게 이어서 해야 할까요? 새로운 이메일로 로그인을 하게 되면 처음부터 만들어야 하는걸까요?
미해결
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
강의 10:25초쯤에 eslint 파일에 관련해서 질문이 있습니다. 강의에는 .eslintrc.cjs라고 되어있고 module.export = {~~ 이런 식으로 코드가 작성되어있는데 저는 eslint.config.js라고 되어있고 사진과 같은 코드가 있습니다. 영상과 똑같이 했는데 왜 다른 걸까요? 이렇게 진행해도 괜찮을까요 ?
해결됨
비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE
1-5 수강중입니다. Replit 화면에서 에러코드가 뜨는경우에 확인할 수 있도록 devtools로 확인하라고 하시는데요. UI가 변경된 것인지 뜨지 않습니다. 유사한 형태로 Webview logs 버튼은 있는데 이걸로 봐야하나요? 본다면 어떻게 에러코드를 볼수 있을까요? Webview 클릭시 뜨는 화면 캡쳐본 첨부합니다.
해결됨
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
TanStack Query, React Hook Form, Zod 같은 스택은 준필수일까요? 페이지 3~4개 정도 되는 소규모 프로젝트 시작하기 전에 먼저 배울까 실효성에 대해서 고민중입니다.
미해결
클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
저도 쓰앵님처럼 간지나게 색상이 다르게 보이고 싶은데 어떻게 해야하나요 ?
해결됨
클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
안녕하세요. 프론트엔드 지식이 없어 문의드립니다. 패키지 관리는 npm으로 진행하고 계시던데 pnpm과 npm 차이, 장단점을 알수 있을까요? 다른 강의에서 pnpm으로 진행해와서 어떤 차이가 있는지 궁금해 문의 드립니다.
미해결
클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
Cluade Code 최근 버전에서 think 모드가 다른 가능으로 대체 Yes, clear context and auto-accept edits (shift+tab) Sequence Thinkinkg 설치 방법 변경 https://github.com/modelcontextprotocol/servers/tree/main/src/sequentialthinking 작업 관리 도구중에서 planning with files가 핫하고 잠시 사용해보나 MCP Shrimp Task Manager외 바교하여 기본 개념은 유사(파일시스템을 영구 메모리로 활용)하지만 서로 장단점이 있어 상호 보완적이사고 생각됨 https://github.com/OthmanAdi/planning-with-files 등을 추가 강의로 제작하실 계획이 있으신지요.
미해결
클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
강의 내용중에 실제로는 api key를 입력하셨지만, 강의 중에 api key를 굳이 입력하지 않고, .mcp.json에서 api key 관련 내용을 제거하셨는데 api key를 제거하고, use context7 를 입력하였더니 아래와 같이 api key가 필요하다고 나옵니다. 혹시 context7의 정책이 변경된거라고 인지하면될까요?? Invalid API key. Please check your API key. API keys should start with 'ctx7sk' prefix.
미해결
한 입 크기로 잘라먹는 Next.js
안녕하세요. 강의 잘 들었습니다. 현재 시간이 별로 없어서 typescript react nextjs 코드 구현 부분쪽은 다봤네요. 해서 제가 궁금한 것은 일반적인 nextjs project architecture 입니다. 물론 유연하게 상황에 맞춰서 하는 게 최선이겠지만 입문자이다 보니 일반적인 형태를 알고 경험을 쌓으며 해당 부분 지식을 쌓고 싶은 마음입니다. 해서 입문점으로 일반적인 nextjs project architecture에 대하여 알고싶습니다. 감사합니다.
해결됨
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
수업내용에서는 getData함수에서도 async를 붙여줬는데 안붙여도 값이 나오더라구요. 혹시 특별히 붙여준 이유가 있을까요?
미해결
클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지
안녕하세요! 고생하십니다 강의 정말 잘 듣고 있습니다~1월 마지막주도 화이팅입니다! 1. 작업을 진행한 후 커밋 시에 강의에서 만든 /git:commit 커스텀 커맨드를 잘 활용하고 있습니다. 문제는 커스텀 커맨드 실행 시에 한 번씩 터미널이 아예 멈추는 현상이 있어요. 너무 큰 작업에 대해 commit을 맡겼을 때 이러는 건지..혹시 같은 문제를 겪어보셨다면 해결 방법이 궁금합니다! 2. oh my claudecode 혹시 사용해보셨나요! 의견이 궁금합니다~~ 3. 경력 이직을 위해 이력서를 작성중입니다. AI agent 활용에 대한 언급을 하고 싶은데, 어떤 부분을 강조해야할지 조금 막막하네요. 회사 바이 회사이지만 AI에 대해 어떤 소양을 요구하는지 알고계신게 있으시면 조언 부탁드립니다!
해결됨
비개발자 4주만에 수익화 서비스 만들기: AI 바이브코딩 웹 + 앱 ALL IN ONE
현재 수강 진도 1-3 강의 수강중입니다. 구체적인 상황 러버블 실습중에 수파베이스 연동이 아니라 러버블 자체 데이터베이스로 연동된것같습니다. 설정에 들어가도 연동 리스트에 없는것 같아요 시도 해본 것 설정에 들어가면 연동가능하다고 해서 들어갔는데 목록에 수파베이스가 없습니다. (클라우드 화면과 설정 화면 캡쳐본 첨부합니다.) 이후에 수파베이스 연동으로 강의가 구성된다고 하셨는데 러버블 자체 연동으로 진행해도 수업 따라가는데 지장이 없을까요?ㅠ
