묻고 답해요
160만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨코드로 배우는 React 19 with 스프링부트 API서버
간단한 코드 질문!!
private String makeTempPassword() { StringBuffer buffer = new StringBuffer(); for(int i = 0; i < 10; i++){ buffer.append( (char) ( (int)(Math.random()*55) + 65 )); } return buffer.toString(); } 해당 코드에서 StringBuilder가 아닌 StringBuffer를 사용하는 이유가 따로 있나요??성능적으로 큰 차이는 없겠지만 혹시 특별한 이유가 있는지 궁금해서 여쭤봅니다!!
-
미해결React 완벽 마스터: 기초 개념부터 린캔버스 프로젝트까지
onClick 이벤트에 함수 넘길 때
안녕하세요 강사님. 강의 잘 듣고 있습니다. 배열 업데이트하기 1탄 강의 보고 있는데 궁금한 점이 있습니다. 강의 11:28에서 button onClick 이벤트에 onDeleteTodo 함수를 넘기는데요.강의에서는 onClick={() => onDeleteTodo(item.id)}이런 형식으로 넘기고 있는데 다른 부분에는 onClick={onDeleteTodo} 이런식으로 사용하기도 하셔서요.(강의에서 이렇게 사용했다는게 아닙니다. 예시입니다.) onClick={() => onDeleteTodo(item.id)}onClick={onDeleteTodo}이 두가지를 언제 어떻게 구분해서 사용해야 하는지 궁금합니다.
-
미해결타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
퀴즈 활성화 안됨
섹션 4번 수업을 다 봤는데 퀴즈가 활성화가 안됩니다 ㅠㅠ 어떻게 하면 될까요>?
-
미해결Next.js 15: Full-Stack Development
한글로 할 일 등록시 리스트 업데이트가 되지않습니다.
안녕하세요.강의를 보면서 차근차근 작업중인데요. 테스트 하다보니 한글로 제목과 내용을 작성하고 등록을 하면 등록이 완료되었다고 뜨나 실제 리스트 페이지에선 업데이트가 되지않고 있습니다. 제가 설정을 빠트린게 있는걸까요? 실제로 영문이나 숫자로만 입력후 등록하면 리스트에도 잘 반영됩니다.
-
해결됨[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)
figma 연결오류
피그마 mcp연결이 안되요...링크주신 피그마도 유료계정결제하고 피그마연결블로그도 보고했는데.. 연결되었다고 나오는데 커서에 세팅에 빨간불이 안없어지고 [INFO] Connecting to Figma socket server at ws://localhost:3055...[INFO] FigmaMCP server running on stdio[INFO] Connected to Figma socket server[DEBUG] Received message: "Please join a channel to start chatting"[LOG] myResponse"Please join a channel to start chatting"[INFO] Received broadcast message: "Please join a channel to start chatting"이런에러만뜨고요..로그를 보니 피그마 소켓 서버에는 연결이 되었지만, 채널에 참여하라는 메시지가 계속 표시되고 있습니다. 이는 피그마 플러그인이 실행 중이지만 채널 연결이 완료되지 않았다는 의미입니다.피그마에서 다음 단계를 확인해보세요:피그마 앱에서 Cursor Talk to Figma 플러그인이 실행되고 있는지 확인플러그인에서 채널 생성 또는 참여가 필요할 수 있음플러그인에서 채널 ID(udfelzqr)를 정확히 입력했는지 확인피그마 플러그인 측에서 채널 연결이 완료되어야 터미널에서 실행한 명령이 제대로 작동할 수 있습니다.현재는 이미 구현한 색상 토큰 시스템을 계속 사용하는 것이 좋겠습니다. 피그마 연결이 필요하시면 피그마 플러그인 설정을 다시 확인해주세요. 커서는 이렇게이야기하는데 왜 안되는지 알수가없습니다..ㅠㅠ
-
해결됨[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)
강의 챌린지 참여
안녕하세요. 강의를 이전에 구매하였는데 해당 강의가 챌린지 형태로 진행한다고 들었습니다.기존 구매자는 챌린지에 참여할 수 없을까요?
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
Context 분리하기
76. 11.3) Context 분리하기useMemo 를 이용해서 onCreate, onUpdate, onDelete 를 한번만 생성이 되게 한거는 이해 하는데요, 그럼 이 경우에 기존에 사용했던 useCallback 은 삭제 해도 무방 한가요? const onCreate = (content) => { dispatchFunc({ type : "CREATE", data : { id : idRef.current++, isDone : false, content: content, date : new Date().getTime(), }, }); };
-
미해결한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
디스코드 채널 문의
안녕하세요, 강사 및 강의 소개 영상에서 디스코드 채널을 운영하고 계신다고 했는데 관련 링크를 어디서 확인해야 할지 모르겠어서 문의 드립니다!
-
미해결타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
Router 궁금증
<BrowserRouter> <Routes> <Route path="home" element={<AdminHome />} /> <Route path="post" element={<AdminPost />} /> <Route path="update/:id" element={<AdminUpdate />} /> </Route> </BrowserRouter>Q1. 저는 항상 app.js 위에 코드와 같이 작성하는 편인데 강의에서는 주로 CreateBrowserRouter를 따로 이용하시는데 특별한 이유가 있나요?Q2. 간혹 프로젝트 중간중간 Header나 Footer 컴포넌트를 몇몇 페이지에서는 안보이거나 다른 header, footer 컴포넌트가 보이게끔 하고 싶은데 이런 경우 주로 어떻게 하실지 생각(?) 아이디어(?) 가 궁금합니다. 저는 안보이게 하고 싶은 페이지를 url로 구분하는 편인데 다른 좋은 방법이 있을까요?
-
해결됨[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)
피그마 수업자료
피그마 소스파일을 복사해서 붙여 넣어도 그림은 안나오는데 어떻게 하는지 알려주세요
-
미해결React Native with Expo: 제로초에게 제대로 배우기
스플래시 스크린 적용 문제
제로초님 안녕하세요 알려주신 방법으로 스플래시 스크린을 구현중입니다.제가 보여주는 스플래시 스크린은 아래와 같이 background color가 #000000입니다.eas로 ios preview 빌드하고 아이폰으로 테스트해보니까 이와 같이 하얀색 background color와 borderRadius가 적용되지 않은 스플래시 스크린이 0.1초가량 보였다가 제가 설정한 배경 검은색 + borderRadius가 적용된 스플래시 스크린으로 변하는 상황인데, preview 빌드는 아래 app.json의 이 설정이랑 관련 없는게 아닌걸까요ㅠ?[ "expo-splash-screen", { "image": "./src/assets/images/aline-black.png", "imageWidth": 200, "resizeMode": "contain", "backgroundColor": "#ffffff", } ], 확인해보니 npx expo run:ios 로 빌드했을때는 제가 의도한대로 동작하고 preview 빌드에서만 이러는 상황입니다..!!
-
미해결한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
창조절 안됨
https://github.com/Unsok1234/frontend npm run dev로 실행시키고 인터페이스를 중간으로 옮겼는데강의에는 왼쪽으로 돼있짢아요 이걸 제가 수동으로 옮겨도 되나요?
-
해결됨React & FastAPI로 만드는 투표 커뮤니티 플랫폼: 결제 시스템으로 수익화까지!
데모사이트 접속이 안됩니다.
데모사이트 접속이 안됩니다.
-
해결됨한 입 크기로 잘라먹는 Next.js(v15)
한입 프론트엔드 오픈채팅방 패스워드, 디스코드 서버 주소
한입 프론트엔드 오픈채팅방 패스워드, 디스코드 서버 주소가 궁금합니다.
-
미해결[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
_app.js 작성 이후로 에러가 발생하네요
uri 서버를 들어갔더니 계속 무한로딩 되더라구요 그래서 서버 접속되는 포토폴리오용 주소로 했는데도 안됩니다. 무슨 문제인지 모르겠어요
-
미해결프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 2
예제 프로젝트 관련 질문입니다.
강의 보고 따라해 보고 싶은데 예제 프로젝트는 제공 되지 않는 걸까요?
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
학습자료
노션의 학습자료 제 개인 노션에서 수정은 안되는건가요?
-
해결됨[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)
피그마 복사 이미지는 어떻게 가져오나?
안녕하세요, 강사님.강의 잘 듣고 있습니다.피그마가 처음입니다. 복사 붙여 넣기 하면 이미지는 같이 복사가 안됩니다. [1] 어떻게 이미지 까지 한꺼번에 복사해서 가져올 수 있을까요?[2] export로 하면 이미지는 따로 가져오는 방법만이 해결책인가요? #제 환경 #강사님 환경
-
미해결한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
8.5) Read = 투두리스트 렌더링하기
안녕하세요.투두리스트 렌더링하기에서 TodoItem에 key를 넣지 않았을때 웹브라우저에서 에러가 발생하고, 강의 화면에 vscode에서도 보면 해당 소스코드 위치에 Missing "key" prop for element in... 이라고 나오는데, 제 경우에는 소스코드 위치에 Missing "key" prop for element in... 이라는 내용이 나오지 않습니다. Eslint 플러그인도 설치했고,아래와 같이 설정 했는데, 무슨 차이 때문에 이런 현상이 생기는 걸까요? rules: { "no-unused-vars": "off", "react/prop-types": "off", },그래서, 검색을 좀 해보았고 rules에 아래와 같이 내용을 추가해 봤는데도, Missing "key" prop for element in... 이 내용이 나오지 않습니다. rules: { "no-unused-vars": "off", "react/prop-types": "off", "react/jsx-key": "true", },참고로 저의 package.json은 아래와 같습니다.{ "name": "section08", "private": true, "version": "0.0.0", "type": "module", "scripts": { "dev": "vite", "build": "vite build", "lint": "eslint .", "preview": "vite preview" }, "dependencies": { "react": "^19.1.1", "react-dom": "^19.1.1" }, "devDependencies": { "@eslint/js": "^9.33.0", "@types/react": "^19.1.10", "@types/react-dom": "^19.1.7", "@vitejs/plugin-react": "^5.0.0", "eslint": "^9.33.0", "eslint-plugin-react-hooks": "^5.2.0", "eslint-plugin-react-refresh": "^0.4.20", "globals": "^16.3.0", "vite": "^7.1.2" } }
-
미해결타입스크립트로 배우는 리액트(React.js) : 기초부터 최신 기술까지 완벽하게
미션 예제코드
SECTION18 > 08-18(MISSION) > quiz.md 예제코드가 어디 있을까요?