묻고 답해요
161만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결타입스크립트 입문 - 기초부터 실전까지
함수 getElementsByClassName의 리턴변수 초기값
interface Global { menuLinks: HTMLCollectionOf<HTMLElement>; } const global: Global = { menuLinks: null, }; function a(){ global.menuLinks = document.getElementsByClassName('class-1 ') as HTMLCollectionOf<HTMLElement>; } 위와 같이 global 전역변수를 우선 초기화하고, 후에 document.getElementsByClassName을 사용하여 덮어쓰기 합니다. 또한 HTMLCollectionOf<HTMLElement>으로 타입단언을 했습니다.1. global.menuLinks 의 초기값을 null로 하면 오류가 발생하는데 null이 아니라 무엇으로 해야하나요? 2. 그리고 new HTMLCollectionOf<HTMLElement>() 이런식의 생성자 호출은 안되는것 같은데 이유를 모르겠습니다. 3. new Element() 형식으로는 초기화가 진행되는것 같습니다.
-
미해결[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기
결과 페이지별 개별링크버튼 추가
너무 좋은강의를 볼 수 있게 해주셔서 너무 감사합니다! 한가지 궁금한게 있어서요!결과페이지에 공유하기 버튼 옆에 결과페이지별로 다른 외부 링크로 넘어가도록 적용시키고 싶은데 어떻게 해야할지 감이 안옵니다..
-
해결됨코어 자바스크립트
18:31 addEventListener의 this
안녕하세요.element.addEventListener 의 경우에는 this를 따로 지정한게 아니라 element의 메소드라서 this가 해당 element를 지칭한게 아닌가요? 앞선 설명에서는 메서드로 함수를 호출하면 호출한 주체가 this가 된다고 설명하셨는데 이경우에는 this를 따로 지정 했다고 하셔서 헷갈려서요
-
미해결처음 만난 리액트(React)
아예 처음부터에러가나요..
왜 처음부터 에러가나는지 모르겠어요..
-
미해결Vue.js 시작하기 - Age of Vue.js
리액트와의 비교학습 중...
안녕하세요.리액트의 함수컴포넌트와 훅스에 익숙한데... 뷰를 사용할 일이 있어 빠르게 학습 중입니다..ㅠㅠ그러다보니 리액트와의 유사점, 차이점을 중점으로 학습중인데요..강의를 듣던 중 갑자기 의문이 들었는데, watch : 리액트의 useCallbackcomputed : 리액트의 useMemo이렇게 비슷하다고 이해했는데 맞는 이해가 맞을까요?!거기에 더해서 watch로 data를 변경하려면 다시 data 객체를 변경해야 하는데 computed는 값을 바로 돌려주기 때문에 성능적 이득이 있다라고 이해했습니다...틀린 점이 있다면 알려주세요 T_T감사합니다.
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
코드가 잘못 됐나요..
코드가 잘못 됐나요..상품 목록이 나오질 않네요..#1 vsCode<html> <head> <title>TerretAccompany</title> <link href="index.css" type="text/css" rel="stylesheet" /> <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script> </head> <body> <div id="header"> <div id="header-area"> <img src="images\icons\logo.png" /> </div> </div> <div id="body"> <div id="banner"> <img src="images\banners\banner1.png" /> </div> <h1>판매되는 상품들</h1> <div id="product-list"></div> </div> <div id="footer"></div> </body> <script> axios .get("https://2007f5d2-9d8b-49f0-8b70-032507e17d79.mock.pstmn.io") .then(function (result) { console.log("통신 결과 : ", result); const products = result.data.products; let productsHtml = ""; for (var i = 0; i < products.length; i++) { let product = products[i]; productsHtml = productsHtml + '<div class="product-card">' + "<div>" + '<img class="product-img"' + 'src="' + product.imageUrl + '" />' + "</div>" + '<div class="product-contents">' + "<!-- text를 넣을때 많이 씀 -->" + '<span class="product-name">' + product.name + "</span>" + '<span class="product-price">' + product.price + "원" + "</span>" + '<div class="product-seller">' + '<img class="product-avatar" src="images/icons/avatar.png" />' + "<span>" + product.seller + "</span>" + "</div>" + "</div>" + "</div>"; } document.querySelector("#product-list").innerHTML = productsHtml; }) .catch(function (error) { console.error("error 발생 : ", error); }); </script> </html> #2 postman{ "products" : [ { "name": "농구공", "price": 500000, "seller": "조던", "imageUrl": "images/products/basketball1.jpeg" }, { "name": "축구공", "price": 600000, "seller": "메시", "imageUrl": "images/products/soccerball1.jpg" }, { "name": "키보드", "price": 300000, "seller": "그랩", "imageUrl": "images/products/keyboard1.jpg" } ] }
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
권한요청드립니다!
인프런 아이디 : seajin97@g.shingu.ac.kr인프런 이메일 : seajin97@g.shingu.ac.kr깃헙 아이디 : seajin97@g.shingu.ac.kr깃헙 Username : simsimhang 한번 권한 받았었는데 시간이 지나니까 권한이 사라져있습니다
-
미해결자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)
코드 리뷰 부탁드립니다 !!
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.function solution(str) { let answer = "YES"; let left = 0; let right = 0; for (let x of str) { if (x === "(") left++; if (x === ")") right++; if (left < right) answer = "NO"; } if (left !== right) answer = "NO"; return answer; }스택을 사용해서 풀지는 않았지만 위와 같은 코드도 괜찮을까요??
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
점 표기법과 []표기법에 대해
디데이 강의를 보고 있는데요.저는 아래와 같이 점표기법으로 짜봤는데 안되더라구여? for(let i = 0; i < timeKeys.length; i++){ console.log(documentObj.docKeys[i]); }그래서 찾아보니 []표기법을 쓰라고해서 for(let i = 0; i < timeKeys.length; i++){ console.log(documentObj[docKeys[i]]); }이렇게 써서 작동이 됐긴 하는데 왜 여기서점 표기법은 안되고 []표기법만 되는 이유를 알고 싶습니다.
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
권한요청드립니다!
권한 요청 드립니다.인프런 아이디 : koorihime@naver.com인프런 이메일 : koorihime@naver.com깃헙 아이디 : koorihime@naver.com깃헙 Username : minhyuck woo
-
해결됨처음 만난 리액트(React)
Cannot create property '_updatedFibers' on number '0' 에러가 떠요
차례대로 index.js, comment.jsx, commentlist.jsx인데. npm start를 하면 아래와 같은 에러가 떠요,,ㅜ
-
미해결프론트엔드 개발 시 꼭 해봐야 하는 실무 예제 Part.1
1번 아코디언 게시판 재클릭 시 height 0 주는 법
1번 강의 아코디언에서panel-answer를 display block, display none 으로 줘서 div 열었다 닫을때transition 주는 방법이 있나요?아니면 강의 내용처럼 panel-answer 의 height을 0으로 줬다가 .active로 높이 주고나서다시 클릭하여 닫을 때 어떻게 해야하나요?
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
[ERR_ASSERTION]에러....
안녕하세요 정말 열심히 듣고 있었지만 오류가 발생하자 아무리 찾아도 나오지 않아 답답해서 문의 드립니다. 강의: 크롤링 2 - puppeteerdocker-compose up 으로 실행 하였고crawler 를 node index.js 실행 하자 저런 에러들이 발생하였습니다.... 해결 방법이 있을까요??
-
미해결처음 만난 리액트(React)
빨간줄이 왜 싱기는지 모르겠습니다.
빨간줄은 뜨는데 왜 빌드는 되는건가요..??
-
미해결한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
새 일기 작성 시 새 일기가 작성되지 않음
새 일기 작성이 되지 않아서 강의 따라서 해보고다른분들이 같은 문제로 올린 곳에서 문제해결 하신분들 코드를 가져와서 해봤는데 안되서 올립니다.https://github.com/lhs0698/emotion_Diary
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
Failed to compile [./src/App.js 12:35-41 문제 원인 좀
어디 쪽에서 문제가 발생 하는지 모르겠습니다.
-
미해결Do It! 장고+부트스트랩: 파이썬 웹개발의 정석
배포용 도커 컨테이너 실행이 안됩니다
docker-compose exec web python manage.py migrate를 했는데도 웹에 Bad Request (400) 라고 나옵니다docker-compose logs 내용인데 오류메시지가 어디있는지 모르겠어요
-
미해결웹게임을 만들며 배우는 인터렉티브웹! JAVASCRIPT
수리검 방지턱(?) 현상
안녕하세요 코딩 1달차 뉴비입니다... 선생님의 지도에 따라 수리검 만들고 화면 밖을 벗어나면 수리검이 없어지는 효과까지 구현을 하였습니다만... 화면밖에서 사라질때 스크롤바가 뜬금없이 나와 방지턱에 걸린 마냥 hero가 올라갔다 내려갔다 합니다... 아래 그림처럼 말이죠... 브라우저 문제일까요?? 구글크롬 사용하고 있습니당..
-
해결됨Vue.js 시작하기 - Age of Vue.js
vue cli 설치 질문..
1주일전에 질문 한 내용이 아직 답변이 없어서 해결을 하지 못하고있습니다. 제가 할 수 있는 방법들을 최대한 해봤는데 해결하지 못하고 있는 상태라 너무 답답합니다.. 도움좀 주시면 감사하겠습니다..ㅠ
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
상태코드 질문
async loginUser({ email, password, context }) { const user = await this.userService.findOne({ email }); if (!user) throw new UnprocessableEntityException('이메일이 없습니다.'); const isAuth = bcrypt.compare(password, user.password); if (!isAuth) throw new UnprocessableEntityException('비밀번호가 틀렸습니다.'); await this.setRefreshToken({ user, res: context.res }); return await this.setAccessToken({ user, res: context.res }); }이렇게 아이디 비번이 다를때 오류 처리를 해주었는데 client에 넘어가는 status코든는 200이 뜨네요 왜 그럴까요?
