묻고 답해요
130만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
Deploy complete
강의와 같이 다 성공적으로 하고 firebase deploy 까지 완료 했는데 강사님처럼 도메인 주소 들어가면 프로젝트가 안뜨고 사지관 같이 뜹니다 ㅜㅠ
-
미해결Node.js로 웹 크롤링하기
cheerio deprecated
const crawler = async() => { await Promise.all(records.map( async(r) => { const response = await axios.get(r.링크) if(response.status === 200){ const html = response.data const $ = cheerio.load(html) const text = $('.score.score_left .star_score').text() console.log(r.제목,'평점',text) } } )) }1-4 axios-cheerio로 첫 크롤링하기 강의중 const $ = cheerio.load시 cheerio에 빗금이 처지며 deprecated라는 표시가 뜹니다. 무시하고 그냥 해도 결과는 나오지만 구글링을 해봐도 deprecated대신 사용할수있는게 없어 그냥 해야하나 아니면 다른 방법으로 대체해야하나 궁금합니다.package.json은 아래와 같습니다."dependencies": { "axios": "^1.1.3", "cheerio": "^1.0.0-rc.12", "nodemon": "^2.0.20" }
-
미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
마지막에 말씀하신 내용이 잘 이해가 안갑니다.
안녕하세요.강의를 듣다가 마지막에 하신 말씀이 잘 이해가 안돼서 질문드립니다.복잡한 상태 관리 로직 분리하기 - useReducer의 22:31 부분에서"dispatch는 함수형 업데이트 그런거 필요 없이 호출하면 알아서 현재의 state를 참조해서 자동으로 해주니 useCallback을 사용하면서 dependency array를 걱정할 필요가 없다."라고 하셨는데 이게 무엇을 의미하는 말씀인지 말 모르겠습니다...
-
미해결Three.js 3D 인터랙티브 바로 시작하기
Math.radians에 대해
안녕하세요 코딩일레븐님😊강의를 보다가 Math.radians를 따로 정의하시고 사용하시더라구요.Math.radians = (degrees) => { return (degrees * Math.PI) / 100; } Math 객체에 radians를 mutate해서 추가해주신 것 같은데혹시 이런 방식으로 추가하는 게 TypeScript에서도 가능할까요?
-
미해결mongoDB 기초부터 실무까지(feat. Node.js)
mongodb connect
await mongoose.connect(MONGO_URI, {useNewUrlParser : true , useUnifiedTopology:true , useCreateIndex:true}); useCreateIndex:true}이부분을 추가시 mongodb 6.0이상 버전에서MongoParseError: option usecreateindex is not supported위와 같은 에러가 발생합니다.
-
미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
git 권한요청
인프런 아이디 : rhdxoals@gmail.com인프런 이메일 : rhdxoals@gmail.com깃헙 아이디 : livemehere깃헙 Username : livemehere
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
postman에서 no environment
postman에서 우측 상단의 no environment를 클릭해도다른 항목이 나오지 않습니다.
-
해결됨코어 자바스크립트
Hoisting과 environmentRecord에 관한 질문입니다.
이전에 호이스팅을배웠을때는 선언부를 맨위로 끌어올려서 코드를 실행시키는 개념이라고 배웠거든요.강사님이 작성하신 책과 강의의 내용으로 정리를 해보면,자바 스크립트 엔진이 소스 코드의 environmentRecord를 수집. 코드를 실행하기전에는 해당 환경의 코드 식별자들을 전부 알고있는 상황.이 때, 자바스크립트 엔진은 실행컨텍스트 실행 시, 모든 식별자 정보를 알기때문에, 실행하는 소스코드 상 아래에 있는 실행컨텍스트가 실행이 가능하다. 이때, 식별자 정보는 실제로 실행컨텍스트 맨위로 끌어올려지지않지만, Hoisting이 발생한다.이렇게 이해를 해도 괜찮을까요? 처음부터 실행 컨텍스트를 잡고 호이스팅을 다시 이해하려니 두서없이 정리가 된거같은데, 한번만 봐주시면 감사하겠습니다.
-
미해결인터랙티브 개발 실무 끝장내기 [역량 강화편]
GSAP(트윈맥스) 라이센스 관련 질문 드립니다.
현재 강의에서 사용중인 트윈맥스 CDN은 무료 버전이라고 하셨는데,그럼 웹 에이전시 실무에서 해당 라이브러리를 라이센스 구매없이 프로젝트에 사용해도 문제없을까요?또한 GSAP최신버전을 사용해도 저작권 문제없을까요?GSAP 라이센스 관련 문서에는 (https://greensock.com/standard-license/)"고객이 사이트/제품을 만들기 위해 일회성 비용을 지불하는 경우에는 완전히 문제가 없으며 "무료" 라이선스에 따라 자격이 부여 됩니다. " 라는 문구가 있어서 문제가 없을것 같습니다만..... 오랫동안 실무에서 사용해오신 선생님의 생각을 여쭙고 싶습니다.답변 주시면 감사하겠습니다!
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
깃허브 권한 요청 드립니다.
인프런 아이디 : jeongwon.been@gmail.com인프런 이메일 : jeongwon.been@gmail.com깃헙 아이디 : jeongwon.been@gmail.com깃헙 Username : jbeen0606
-
해결됨코어 자바스크립트
안녕하세요, 데이터 변경 질문입니다.
데이터를 변경시에 기존 주솟값(5004)에 있는 데이터를 변경하는것이 아닌 새로운 주솟값(5005)에 변경하고자 하는 값을 별개의 문자열로 지정하는 것은 이해를 했습니다. 그 다음에 헷갈리는것이 새로운 주소값은 변수 영역에서 a 라는 식별자를 가진 주소값을 찾아서 변수영역에 지정되어있는 값을 새로 할당한 주솟값으로 변경 한다고 이해를 하면 될까요??
-
미해결만들면서 배우는 리액트 : 기초
ReactDom is not defined
안녕하세요~ 수업 잘 듣고 있습니다.처음 react, reactdom script 및 babel script 를 추가하고 서버를 보니 ReactDom 오류가 나네요. 추가해야 할 부분이 있을까요?Uncaught ReferenceError: ReactDom is not defined at <anonymous>:13:1 at i (babel.min.js:24:29679) at r (babel.min.js:24:30188) at o (babel.min.js:24:30596) at u (babel.min.js:24:30969) at f (babel.min.js:1:1812) at babel.min.js:1:6287
-
미해결자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)
정렬의 차이가 답을 가르나요?
정렬을 하고 안하고 답의 오차가 발생하는데 정상적인 현상인가요??
-
해결됨코어 자바스크립트
선생님 class 상속파트에서 궁금한게 있습니다.
우선 좋은 강의 들을 수 있어서 너무 감사합니다 .^^질문드릴게 있는데 Employee, Person 상속과정에서 빈 Bridge 함수를 만들어서 Person.prototype을 Bridge.prototype에 넣고 Employee.prototype에 인스턴스로 만들어주라고 하셨는데 그렇게 하지 않고 그냥 Person의 prototype을 Employee의 prototype에 덮어쓰면 안되는지(Employee.prototype = Person.prototype; ) 실행해 본 결과 Bridge를 사용한것과 동일하게 구현되는데 이렇게 하면 차후에 문제가 생길 수 있나요??
-
미해결자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)
조건 질문
안녕하세요! 질문이 있습니다.if (ch[i] === 0) {ch 배열을 만드는 것말고if (tmp.indexOf(arr[i])) {저는 이렇게 조건을 주었는데 안되더라구요! 왜 이 방법은 안되는지 궁금합니다..!
-
미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
serve -s build가 되지 않습니다..
Windows PowerShellCopyright (C) Microsoft Corporation. All rights reserved.PS C:\Users\PC\Desktop\emotion diary> npm install -g servechanged 89 packages, and audited 90 packages in 10s23 packages are looking for funding run npm fund for detailsPS C:\Users\PC\Desktop\emotion diary> cd helloPS C:\Users\PC\Desktop\emotion diary\hello> serve -g buildserve : 이 시스템에서 스크립트를 실행할 수 없으므로 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 : UnauthorizedAccessPS C:\Users\PC\Desktop\emotion diary\hello> npm run build> hello@0.1.0 build> react-scripts buildCreating 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-textsrc\components\DiaryList.js Line 1:15: 'useEffect' is defined but never used no-unused-varssrc\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-textsrc\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-textsrc\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-depsSearch 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.cssThe 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 buildFind out more about deployment here: https://cra.link/deploymentPS C:\Users\PC\Desktop\emotion diary\hello> serve -s buildserve : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\PC\AppData\Roaming\npm\serve.ps1 파일을 로드할 수 없습니다. 자세한 내용은 about_Execution_Policies(https://go.mic rosoft.com/fwlink/?LinkID=135170)를 참조하십시오.위치 줄:1 문자:1+ serve -s build+ ~~~~~ + CategoryInfo : 보안 오류: (:) [], PSSecurityException + FullyQualifiedErrorId : UnauthorizedAccessPS 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라고 명령어를 입력했는데도 입력이 되지 않습니다... 루트폴더 문제인가요? 문제가 무엇인가요
-
미해결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로 어떻게 접근해야할까요?
-
미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
class name 질문
안녕하세요.classname 작성하실때 어떤건 className = {name} 이런식으로 괄호 안에 넣고 어떤건 단순히 className = "name" 이렇게 하시는데 혹시 어떤 차이가 있고 이유는 무엇인지 궁금합니다 ㅠㅠ 이미 가르쳐주셨던건데 제가 모르는거 같기도 하네요
-
미해결부트스트랩 5(Bootstrap 5) - 기초부터 웹 프로젝트 만들기
a:hover {color }
질문글을 작성하다가 원인을 찾아서 문제해결했습니다만, 추후 다른 분께 도움이 될까 봐 간략하게 올립니다.문제#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; }
-
미해결[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
return문
자바스크립트 함수 인강에서 return문 개념이 너무 헷갈려서요.function getArea(width*height){let area = width* height;return area;}let area1 = getArea(100,200); return을 쓰면 위와 같이 항상 새로운 변수를 지정해서 getArea함수를 호출해야하나요? 왜 return을 사용하는지 잘 모르겠어요..