정렬의 차이가 답을 가르나요?
미해결
자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)
정렬을 하고 안하고 답의 오차가 발생하는데 정상적인 현상인가요??
- javascript
- 코테 준비 같이 해요!
dgkim3811
댓글 1
좋아요 0
조회수 311
묻고 답해요
173만명의 커뮤니티!! 함께 토론해봐요.
이미지 최적화 활용
해결됨
프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 1
안녕하세요. 이번 이미지 사이즈 최적화 강의를 보고 질문 드립니다. 강의에서 제공되는 이미지 데이터로는 getParametersForUnsplash()함수가 적용이 되는데 이미지 데이터를 다른 링크에 있는 이미지 주소 같은 거로 변경을 해서 진행을 해보면 변경이 안되는데 혹시 이런 경우에는 다른 방법을 사용해서 진행을 해야 하는 부분인가요?? 이미지 링크 주소 https:// t1.daumcdn.net/cfile/tistory/2408DD3658A648B12C
- react
- devtools
어벙리벙
댓글 1
좋아요 1
조회수 603
카드 만드는거 질문있습니다
미해결
따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
렌딩페이지만들기 - 카드만들기 강의 3분40분에 컴포넌트 return 안에 Products.map을 돌리는게 아니고 따로 함수를 빼서 renderCards를 처리하셨는데 따로 빼는 이유가 있나요? 실무에선 return에서 map으로 거의 돌렸어서 궁금해졌습니다
- react
- 웹앱
- redux
- nodejs
- mongodb
댓글 1
좋아요 0
조회수 234
토큰생성 오류, 무한로딩나시는분들 이거 해보세요
미해결
따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
userSchema.methods.comparePassword=function(plainPassword, cbfn){ //암호화된 비밀번호와 plain패스워드가 같은가? //plain패스워드를 암호화 후 체크 console.log("user.jsmethod") bcrypt.compare(plainPassword, this.password, function(err, isMatch){ if(err) return cbfn(err) cbfn(null, isMatch)//ismatch=true }) } if(err) return cbfn(err), 에서 ,빼니까 잘 되네요 console.log는 필요없으니 빼시면 됩니다 강의보니까 ,에서 ;로 수정하셨던데 이걸 빼먹으신거 같아요
- nodejs
- react
적경
댓글 2
좋아요 11
조회수 970
선생님 class 상속파트에서 궁금한게 있습니다.
해결됨
코어 자바스크립트
우선 좋은 강의 들을 수 있어서 너무 감사합니다 .^^ 질문드릴게 있는데 Employee, Person 상속과정에서 빈 Bridge 함수를 만들어서 Person.prototype을 Bridge.prototype에 넣고 Employee.prototype에 인스턴스로 만들어주라고 하셨는데 그렇게 하지 않고 그냥 Person의 prototype을 Employee의 prototype에 덮어쓰면 안되는지(Employee.prototype = Person.prototype; ) 실행해 본 결과 Bridge를 사용한것과 동일하게 구현되는데 이렇게 하면 차후에 문제가 생길 수 있나요??
- javascript
vc
댓글 1
좋아요 0
조회수 253
별 찍기 질문입니다.
해결됨
[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문
동영상에 나온 문제에서 크리스맛, 정련 문제처럼 답이 없었던 문제들도 있던데 어디에서 답들을 볼 수 있을까요?
- 자바스크립트
- javascript
- 제로초
- 별찍기
댓글 1
좋아요 0
조회수 438
강력 새로고침
해결됨
프론트엔드 개발자를 위한, 실전 웹 성능 최적화(feat. React) - Part. 1
6분33초에 있는 강력 새로고침은 어떻게 뛰우나요? 우클릭은 안되네요
- react
- devtools
나두코딩
댓글 1
좋아요 1
조회수 352
조건 질문
미해결
자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)
안녕하세요! 질문이 있습니다. if (ch[i] === 0) { ch 배열을 만드는 것말고 if (tmp.indexOf(arr[i])) { 저는 이렇게 조건을 주었는데 안되더라구요! 왜 이 방법은 안되는지 궁금합니다..!
- javascript
- 코테 준비 같이 해요!
댓글 1
좋아요 0
조회수 281
reducer는 함수라고 해서 function을 넣으셨는데...
미해결
(2025 최신 업데이트)리액트 : 프론트엔드 개발자로 가는 마지막 단계
1. reducer는 함수라고 해서 function을 넣으셨는데... 화살표 함수는 안쓰는 이유가 따로있는건가요?? 아니면 써도 상관없나요?? 2.dispath에 type은 늘 대문자로 쓰시던데...그것도 또한 어느정도 약속이 되어있는 문법인가요??
- redux
- react
- web-api
O_O Kero
댓글 1
좋아요 0
조회수 329
serve -s build가 되지 않습니다..
미해결
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
Windows PowerShell Copyright (C) Microsoft Corporation. All rights reserved. PS C:\Users\PC\Desktop\emotion diary> npm install -g serve changed 89 packages, and audited 90 packages in 10s 23 packages are looking for funding run npm fund for details PS C:\Users\PC\Desktop\emotion diary> cd hello PS C:\Users\PC\Desktop\emotion diary\hello> serve -g build serve : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\PC\AppData\Roaming\npm\ser ve.ps1 파일을 로드할 수 없습니다. 자세한 내용은 about_Execution_Policies( https://go.mic rosoft.com/fwlink/?LinkID=135170)를 참조하십시오. 위치 줄:1 문자:1 + serve -g build + ~~~~~ + CategoryInfo : 보안 오류: (:) [], PSSecurityException + FullyQualifiedErrorId : UnauthorizedAccess PS C:\Users\PC\Desktop\emotion diary\hello> npm run build > hello@0.1.0 build > react-scripts build Creating an optimized production build... Compiled with warnings. [eslint] src\components\DiaryItem.js Line 32:16: img elements must have an alt prop, either with meaningful text, or an empty string for decorative images jsx-a11y/alt-text src\components\DiaryList.js Line 1:15: 'useEffect' is defined but never used no-unused-vars src\components\EmotionItem.js Line 6:13: img elements must have an alt prop, either with meaningful text, or an empty string for decorative images jsx-a11y/alt-text src\pages\Diary.js Line 20:7: React Hook useEffect has a missing dependency: 'id'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 37:7: React Hook useEffect has a missing dependency: 'navigate'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 58:25: img elements must have an alt prop, either with meaningful text, or an empty string for decorative images jsx-a11y/alt-text src\pages\Edit.js Line 5:9: 'getStringDate' is defined but never used no-unused-vars Line 22:7: React Hook useEffect has a missing dependency: 'id'. Either include it or remove the dependency array react-hooks/exhaustive-deps Line 39:7: React Hook useEffect has a missing dependency: 'navigate'. Either include it or remove the dependency array react-hooks/exhaustive-deps Search for the keywords to learn more about each warning. To ignore, add // eslint-disable-next-line to the line before. File sizes after gzip: 54.79 kB build\static\js\main.544a876e.js 1.42 kB build\static\css\main.b7fc6af2.css The project was built assuming it is hosted at /. The build folder is ready to be deployed. You may serve it with a static server: serve -s build Find out more about deployment here: https://cra.link/deployment PS C:\Users\PC\Desktop\emotion diary\hello> serve -s build serve : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\PC\AppData\Roaming\npm\ser ve.ps1 파일을 로드할 수 없습니다. 자세한 내용은 about_Execution_Policies( https://go.mic rosoft.com/fwlink/?LinkID=135170)를 참조하십시오. 위치 줄:1 문자:1 + serve -s build + ~~~~~ + CategoryInfo : 보안 오류: (:) [], PSSecurityException + FullyQualifiedErrorId : UnauthorizedAccess PS C:\Users\PC\Desktop\emotion diary\hello> npm install -g serve와 npm run build를 했습니다 you may serve it with a static server라는 메시지와함께 serve -s build라는 메세지도 떴는데 serve -s build라고 명령어를 입력했는데도 입력이 되지 않습니다... 루트폴더 문제인가요? 문제가 무엇인가요
- react
- nodejs
- javascript
HongWon Kim
댓글 3
좋아요 0
조회수 1029
안녕하세요. invailhost header 질문
미해결
Slack 클론 코딩[실시간 채팅 with React]
현재 슬랙클론 수강중인 학생입니다. 저는 군대에서 독학으로 공부중입니다. 현재 제로초님 깃허브에서 git clone 하여 그대로 데모버전을 사용하고 있습니다. 제가 사용하는 에디터는 구름ide를 사용하고 있는데 구름 ide 에서는 localhost를 제공해주지 않고, 제가 port를 설정하면 구름에서 제공해주는 사이트 주소를 사용하는 식으로 운영됩니다. 제가 본 영상에서와 같이 dependency까지 그대로 다운받고, npm run dev 명령어를 실행하면 당연히 localhost가 없기때문에 사이트 접속이 힘듭니다.... 그래서 port 3090에 맞게 url에 접속하면 invaild host header 에러가 나옵니다.. 전에 위 에러를 만났을 때는 항상 cra로 개발했기 때문에 금방 구글링으로 해결을 했는데 현재는 어떻게 해결해야 할지 모르는 상황입니다..
- babel
- Socket.io
- typescript
- react
- 웹팩
- 클론코딩
댓글 2
좋아요 0
조회수 262
자바스크립트 문자열 질문
미해결
[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문
안녕하세요 왜 제 브라우저에서는 \슬래쉬 이스케이프 안하고 출력되나요? 강사님 화면 처럼 \한개만 출력 되지 않습니다. \n 줄바꿈 질문처럼 이것도 \가 이스케이프 한건가요?
- 자바스크립트
- javascript
- \\
- 제로초
댓글 1
좋아요 0
조회수 339
강의랑 관련은 없지만 파일 업로드 관해서 질문 드립니다.
미해결
Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
<div> <Input type="text"/> <Button @click="fileClick('fileUpload')">파일 첨부</Button> <input ref="fileUpload" type="file" class="is-blind" /> </div> methods: { fileClick(target) { this.$refs[target].click(); }, } 커스텀 파일업로드를 작성하려하는데 현재 input type="file"은 숨기고 ref로 연결하여 button을 클릭하였을때 input type="text"쪽에 파일명을 넣고싶은데 v-model로 어떻게 접근해야할까요?
- vuejs
- javascript
댓글 1
좋아요 1
조회수 217
class name 질문
미해결
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
안녕하세요. classname 작성하실때 어떤건 className = {name} 이런식으로 괄호 안에 넣고 어떤건 단순히 className = "name" 이렇게 하시는데 혹시 어떤 차이가 있고 이유는 무엇인지 궁금합니다 ㅠㅠ 이미 가르쳐주셨던건데 제가 모르는거 같기도 하네요
- react
- nodejs
- javascript
ch2323
댓글 1
좋아요 0
조회수 398
cookie-parser Invalid or unexpected token error
미해결
따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
영상에 따라서 단순하게 cookie-parser 설치하고 import cookie-parser 한다음에 app.use(cookieParser()) 진행하면 상단에 이미지처럼 에러가 발생하더라구요. cookie-parser을 제거하면 cookie가 정상적으로 저장되는 것을 볼 수 있었습니다. 어떤 부분을 놓친 것일까요 server.ts import express from "express"; import morgan from "morgan"; import { AppDataSource } from "./data-source" import authRoutes from "./routes/auth"; import subRoutes from "./routes/subs"; import cors from 'cors'; import dotenv from 'dotenv'; import cookieParser from "cookie-parser"; const app = express(); dotenv.config(); app.use(cors({ origin: process.env.ORIGIN, credentials: true })) app.use(express.json()); app.use(morgan('dev')); app.use(cookieParser()) app.get("/", (_, res) => res.send("running")); app.use('/api/auth', authRoutes); app.use("/api/subs", subRoutes); const PORT = process.env.PORT; console.log('PORT', PORT) app.listen(PORT, async () => { console.log(`server running at http://localhost:${PORT}`); AppDataSource.initialize().then(async () => { console.log("data initialize...") }).catch(error => console.log(error)) })
- react
- nodejs
- typescript
- postgresql
- docker
- 클론코딩
- Next.js
박준희
댓글 0
좋아요 0
조회수 262
a:hover {color }
해결됨
부트스트랩 5(Bootstrap 5) - 기초부터 웹 프로젝트 만들기
질문글을 작성하다가 원인을 찾아서 문제해결했습니다만, 추후 다른 분께 도움이 될까 봐 간략하게 올립니다. 문제 #intro .intro-first-card .overlay a:hover { color: #fafa6f; } 위 코드가 동작하지 않았습니다. 원인 bootstrap.min.css 버전에 따른 .link-light 차이 강의&수업자료 버전은bootstrap@5.0.2/dist/css/bootstrap.min.css을 사용 .link-light {color: #f8f9fa;} 제 버전은 bootstrap@5.2.1/dist/css/bootstrap.min.css .link-light {color: #f8f9fa!important;} 해결 #intro .intro-first-card .overlay a:hover { color: #fafa6f !important; }
- HTML/CSS
- javascript
- 웹 디자인
- bootstrap
kod378
댓글 4
좋아요 2
조회수 489
Router 예제 복붙 - 오류
미해결
따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
20강에서 Router 예제 복붙 시 오류안나는 최종본입니다 !! import React from "react"; import { Route, Routes, BrowserRouter } from "react-router-dom"; import LandingPage from "./components/views/LandingPage/LandingPage"; import LoginPage from "./components/views/LoginPage/LoginPage"; import RegisterPage from "./components/views/RegisterPage/RegisterPage"; function App() { return ( <BrowserRouter> <div> {/* A <Switch> looks through its children <Route>s and renders the first one that matches the current URL. */} <Routes> <Route exact path="/" element={LandingPage()}/> <Route exact path="/login" element={LoginPage()}/> <Route exact path="/register" element={RegisterPage()}/> </Routes> </div> </BrowserRouter> ); } export default App;
- nodejs
- react
jysrho12
댓글 2
좋아요 3
조회수 1112
useMemo hook 질문
미해결
따라하며 배우는 리액트 A-Z[19버전 반영]
강의 내용 중 useMemo 부분의 실습이 없어서 질문드립니다. Component.js로 컴포넌트를 작성하고 App.js에서 컴포넌트를 호출해봤는데요. App.js .. <div>{<Component a={1} b={5} />}</div> ... Component.js ... useMemo(() => compute(a,b),[a,b]); ... 이렇게 작성했을 때 useMemo가 제대로 작동하고 있는지 확인하고 싶은데요. useEffect는 console.log로 확인이 됐는데 useMemo는 어떻게 확인을 할 수 있을까요? (useEffect랑 useMemo는 방식이 달라서 useEffect에 로그를 찍어봤자 useMemo를 확인할 수 없었어요...)
- Next.js
- tdd
- redux
- react
- typescript
jh0416
댓글 0
좋아요 1
조회수 232
return문
미해결
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
자바스크립트 함수 인강에서 return문 개념이 너무 헷갈려서요. function getArea(width*height){ let area = width* height; return area; } let area1 = getArea(100,200); return을 쓰면 위와 같이 항상 새로운 변수를 지정해서 getArea함수를 호출해야하나요? 왜 return을 사용하는지 잘 모르겠어요..
- react
- javascript
- nodejs
소연
댓글 0
좋아요 1
조회수 295
CREATE 상태변화 로직 분리 시 newItem 생성을 reducer에서 하는 이유
해결됨
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
안녕하세요~ 강의 듣던 중 궁금증이 생겨 질문 남깁니다 useReducer로 CREATE 상태 로직을 분리할 때, 기존과 다르게 newItem을 reducer에서 생성하는 이유가 무엇인가요? 아래처럼 기존과 동일한 방식으로 newItem을 onCreate 내에서 생성했을 경우에도 정상 동작하는 것 같은데 혹시 동작이나 성능면에서 차이점이 있나요? +) 계속 생각할수록 로직을 분리할 때 어디서부터 어디까지 분리해야할지 기준을 잘 모르겠어요,,ㅠ 강의에서 CREATE로직 분리 시 newItem을 reducer에서 생성한 것 처럼, INIT로직 분리 시에도 initData를 reducer에서 생성 할 수 있을 것 같은데(아래 코드).. 분리하는 로직의 기준점? 같은걸 어떻게 잡아야할지 잘 모르겠습니다ㅜㅜ 혹시 어떤 기준으로 분리해야할지 규칙이나 팁같은게 있을까요?
- nodejs
- react
- javascript
팀오
댓글 1
좋아요 0
조회수 418
인기 태그
인프런 TOP Writers
주간 인기글
- 🚀 IT 공부는 했는데 왜 아직도 안 될까요? | AI와 함께 실무 중심 IT 모임 🤖 NOESIS
- 🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv
- 🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv
- 🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv
- 🧘♀️ [운동공간] 기획자/디자이너/앱 개발자를 찾습니다 띄띄