정렬의 차이가 답을 가르나요?
미해결
자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)
정렬을 하고 안하고 답의 오차가 발생하는데 정상적인 현상인가요??
- javascript
- 코테 준비 같이 해요!
dgkim3811
댓글 1
좋아요 0
조회수 311
묻고 답해요
173만명의 커뮤니티!! 함께 토론해봐요.
선생님 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
조회수 436
조건 질문
미해결
자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)
안녕하세요! 질문이 있습니다. if (ch[i] === 0) { ch 배열을 만드는 것말고 if (tmp.indexOf(arr[i])) { 저는 이렇게 조건을 주었는데 안되더라구요! 왜 이 방법은 안되는지 궁금합니다..!
- javascript
- 코테 준비 같이 해요!
댓글 1
좋아요 0
조회수 280
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
조회수 1028
자바스크립트 문자열 질문
미해결
[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문
안녕하세요 왜 제 브라우저에서는 \슬래쉬 이스케이프 안하고 출력되나요? 강사님 화면 처럼 \한개만 출력 되지 않습니다. \n 줄바꿈 질문처럼 이것도 \가 이스케이프 한건가요?
- 자바스크립트
- \\
- javascript
- 제로초
댓글 1
좋아요 0
조회수 338
강의랑 관련은 없지만 파일 업로드 관해서 질문 드립니다.
미해결
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
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
조회수 488
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
조회수 417
onCreate에서 data상태 관련 질문입니다
해결됨
한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
안녕하세요 강사님! 최적화3 - useCallback 강의 듣던 중 의문점이 생겨 질문 남깁니다. onCreate에 useCallback을 사용하고 의존성 배열을 빈 값으로 두면 mount시에 한번만 실행되기 때문에 data state가 초기값인 빈 배열인 상태이다 <= 까지는 이해하였습니다. 그런데 함수형 업데이트를 이용해서 인자로 data를 전달하면 최신 data state를 반영할 수 있다는 부분이 잘 이해가 안갑니다. onCreate가 mount시에 생성되고 생성시의 data state가 계속 유지된다면 인자로 전달되는 data state또한 초기값인 빈 배열이 들어가게되어 결국 setData(([]) => [ newItem, [] ]) 처럼 동작해야 하는것이 아닌가요? 어떻게 인자로 전달되는 data에는 최신 상태가 반영되는건가요??
- nodejs
- react
- javascript
팀오
댓글 1
좋아요 0
조회수 520
4-3 함수선언방식 질문
미해결
초보자도 만들 수 있는 스크롤 인터렉션. 1편 자바스크립트
function motion() { //스크롤할때마다 작동할 함수 setProperty(); changeBg(); parallaxMove(); } function init() { motion() }; $(window).scroll(function(e) { motion(); }); init(); //이런식으로 함수끼리 연결?하는방식으로 하셨는데 $(window).scroll(function(e) { setProperty(); changeBg(); parallaxMove(); }); /** 이런식으로 해도 작동이되는거같아서 왜 함수를 스크롤함수,init함수,motion함수 각각 만들어서 연결하는방식으로 하신이유가있을까요? */
- 인터랙티브-웹
- jquery
- HTML/CSS
- javascript
임보라
댓글 1
좋아요 0
조회수 307
eslint,prettier 오류
미해결
Vue.js 끝장내기 - 실무에 필요한 모든 것
eslint, prettier 설정하고 컨솔에서 아래와 같은 오류가 계속나네요.. 강의에서는 에디터에서 나는 걸로 설명하셨는데요.. 컨솔에서 계속 에러가 나네요.. node module 폴더 삭제도 해보고 setting.json 파일 수정해도 동일합니다. 확인 부탁드려요.
- vuejs
- javascript
- vuex
김재기
댓글 2
좋아요 1
조회수 906
폰트 어썸 사이트 - Kit's Code로 넣기
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
폰트 어썸 사이트가 버전업이 됐는지 밑에 있는 질문들에서 대응하기 힘들어서 제가 한 방식 적어볼게요. 혹시나 막히는 분들은 도움이 되면 좋겠습니다. 2022-9-15기준 홈페이지 화면에서 kits선택 로그인 하면 해당 화면이 보이는데 이름 클릭 script 태그를 index.html 에 link대신 추가했습니다. 강의에 적힌 디자인이 없는지 대응이 안되길래 plus로 검색해서 비슷한 디자인 넣었습니다
- javascript
- vuejs
- es6
- vuex
박종률
댓글 3
좋아요 4
조회수 973
권한요청드립니다.
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
인프런 아이디 : 인프런 이메일 : 깃헙 아이디 : 깃헙 Username:
- vuex
- vuejs
- es6
- javascript
댓글 1
좋아요 1
조회수 265
권한 요청드려요~
미해결
Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
인프런 아이디 : dtg3431@gmail.com 인프런 이메일 : dtg3431@gmail.com 깃헙 아이디 : dtg3431@gmail.com 깃헙 Username: jaehong2
- javascript
- es6
- vuejs
- vuex
댓글 1
좋아요 1
조회수 227
이중 포문은 별로일까요 :(?
미해결
자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)
일단 이런식으로 끝나는 시간으로 배열정렬의 기준을 잡고 sum으로 겹치는 사람들 계산해주면서 그 값을 answer배열로 넣어준 후 ...answer을 이용해서 그 중에 가장 큰 값을 답으로 해보았는데 괜찮은건가요?
- 코테 준비 같이 해요!
- javascript
David Bang
댓글 0
좋아요 0
조회수 371
react 18에 맞춰서 작성한 코드입니다.
미해결
처음 만난 리액트(React)
바뀐 react 18에 따라서 작성된 코드입니다. 바뀐 리엑트로 어떻게 코드 작성해야하는지 모르겠는 분들은 참고하시면 좋을것 같습니다! https://github.com/matt700395/first-meet-react/commit/7df1b7367e6a2c00f21ae30a92e39102959e373f
- react
- HTML/CSS
- javascript
베이스 캠퍼스
댓글 3
좋아요 6
조회수 717
다른건 다되는데 typeerror 가 뜹니다..
미해결
비전공자를 위한 진짜 입문 올인원 개발 부트캠프
1.<pre>TypeError: Cannot read properties of undefined (reading 'create') const express = require("express"); const cors = require("cors"); const { application } = require("express"); const app = express(); const port = 8080; const models = require("./models"); app.use(express.json()); app.use(cors()); app.get("/products", (req, res) => { const query = req.query; console.log("QUERY:", query); res.send({ products: [ { id: 1, name: "농구공", price: 100000, seller: "조던", imgUrl: "images/products/basketball1.jpeg", }, { id: 2, name: "축구공", price: 50000, seller: "메시", imgUrl: "images/products/soccerball1.jpg", }, { id: 3, name: "키보드", price: 10000, seller: "그랩", imgUrl: "images/products/keyboard1.jpg", }, ], }); }); app.post("/products", (req, res) => { const body = req.body; const { name, description, price, seller } = body; models.Product.create({ name, description, price, seller, }) .then((result) => { console.log("상품 생성 결과 : ", result); res.send({ result, }); }) .catch((error) => { console.error(error); res.send("상품 업로드에 문제가 생겼습니다."); }); }); app.get("/products/:id/events/:eventId", (req, res) => { const params = req.params; const { id } = params; res.send(); }); app.listen(port, () => { console.log("그랩의 쇼핑몰 서버가 돌아가고 있습니다."); models.sequelize .sync() .then(() => { console.log("DB 연결 성공"); }) .catch((err) => { console.error(err); console.log("DB 연결 에러 ㅠ "); process.exit(); }); }); 그 전까진 다 실행 잘되고 테이블도 잘 만들어졌는데 postman 에 send 를 누르면 이렇게 나옵니다 body 안에는 잘 들어가는데 create 에서 문제가 생긴거 같습니다. ㅠㅠ
- tensorflow
- 머신러닝 배워볼래요?
- javascript
- HTML/CSS
- react-native
- nodejs
- react
- express
댓글 2
좋아요 0
조회수 417
인기 태그
인프런 TOP Writers
- 정현섭 7
- eggmun(문성진) 4
- hush park 4
- 꿈이 있는 자유 4
- 박효정 3
- morneau 3
- Like me black 3
주간 인기글
- 🚀 IT 공부는 했는데 왜 아직도 안 될까요? | AI와 함께 실무 중심 IT 모임 🤖 NOESIS
- 🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv
- 🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv
- 🚀 끝까지 만들어 본 적 있나요? | 실서비스 완성 + 수익 창출 모임 💰 catalyst collectiv
- 🚀 IT 공부는 했는데 왜 아직도 안 될까요? | AI와 함께 실무 중심 IT 모임 🤖 NOESIS