묻고 답해요
161만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
Docker 2 - API 패키징 "/" 슬러시 생략가능 여부 질문
질문1.아래 코드중에서 마지막 슬러시 " / " 는 생략 가능 가능하지요?Dockerfile WORKDIR /myfolder/COPY ./package.json /myfolder/COPY ./yarn.lock /myfolder/
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
React key prop 오류 케이스 나오시는 분들 보세요
존경하는 그랩님Warning: Each child in a list should have a unique "key" prop 오류 케이스에 대해서 조언좀 구할 수 있을까요? ReactDOM.render 방식이 React 18에서 지원하지 않으면서 오류들을 수정했습니다.//[AS-IS] import ReactDOM from 'react-dom'; ReactDOM.render( <React.StrictMode> <BrowserRouter> <App /> </BrowserRouter> </React.StrictMode>, document.getElementById('root') //[TO-BE] import * as ReactDOM from 'react-dom/client'; const root = ReactDOM.createRoot(document.getElementById("root")); root.render( <React.StrictMode> <App /> </React.StrictMode>); 다만 아래와 같은 오류들이 발생을 하였는데요.구글링에서 찾아보니 각 엘리먼트에 key값을 주는 것으로 해결하라고 하는데요.- 그렇다면 src > main > index.js 에서 각 엘리먼트들에 key 값을 설정해줘야 하나요?- 각 엘리먼트들에 map으로 되어있는 함수를 지우고.. (product, index) 형태를 key={product.id}>{product.imageUrl}key={product.id}>{product.name} 형태로 바꾸어 주어야 하나요?- 조금 어렵게 느껴지네요. 해당 부분처럼 바꾸는게 맞는지 조금 조언 부탁드립니다.현재 제 깃 레파지토리 참조로 첨부드립니다. 도와주세요 ㅠㅠhttps://github.com/promotionX/Grabmarket-clinet
-
미해결자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)
꼭 L이 n일때 끝나지 않아도 되지 않나요??
function solution(arr) { let answer = "NO"; let total = arr.reduce((a, b) => a + b); let n = arr.length; function DFS(L, sum) { if (answer == "YES" || L > n ||sum > total / 2) return; if (total / 2 === sum) { answer = "YES"; return; } else { DFS(L + 1, sum + arr[L]); DFS(L + 1, sum); } } DFS(0, 0); return answer; }어떤 배열의 서로소 부분집합의 합은 같아야 한다= 서로소인 부분집합의 합은 total의 반이 되면 된다.라고 한다면 어떤 부분집합의 합이 total의 반이 된다면 바로 끝내면 되지 않을까 해서 여쭤봅니다. if(L===n){ if((total-sum)===sum){ answer="YES"; } } 즉 이 부분에서, 꼭 L===n이 되지 않더라도 그 전에 sum이 total의 반이 된다면 끝날 수 있어도 되지 않나요?
-
미해결[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기
netlify not found 오류
사진에 나와있는 것처럼 만든 html, css, js 파일이 모두 들어있는 파일을 드래그 앤 드롭으로 옮겼는데 링크를 클릭하면 404 not found가 뜹니다 public도 되었다고 나옵니다 파일 설정을 잘못한 것일까요? 코드입니다<meta property="og:url" content="https://lucent-caramel-9913e2.netlify.app" /> <meta property="og:title" content="십이간지 연애유형" /> <meta property="og:type" content="website" /> <meta property="og:image" content="img/image-9.png" /> <meta property="og:description" content="십이간지로 알아보는 연애유형" />
-
미해결타입스크립트 입문 - 기초부터 실전까지
제네릭 관련 질문입니다!
저는 라이브러리 개발자와 사용자 관점에서 생각을 해보았는데요 라이브러리를 만든 개발자가 라이브러리 사용자가 어떤 객체를 넣을지, 어떤 값을 모르기 때문에 일일이 모든 타입에 대응이 어려운 경우에 제네릭을 활용하여 라이브러리를 개발하는 것이 좋다라고 생각을 하고 있는데 이런 관점에서 생각하는 것도 좋은 방법일까요?즉, 타입주도권을 사용자한테 준다는 개념으로 생각을 해보았습니다.
-
미해결한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
Props를 받는 쪽은 무조건 객체 {} 하나만 만드나요?
질문 제목 그대로입니다.props를 주는쪽은 객체 하나에 모든 값들을 프로퍼티로 보내고, 받는쪽도 객체 하나로 모든걸 컨트롤해야한다고, 이해하면 될까요? 객체 두개( { }로 묶인친구 두 덩어리)를 따로따로 보낼려고 하면 어떻게 해야할지도 모르겠고, 시도만 하면 전부 에러가 납니다...
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
GITHUB 권한 요청 드립니다.
안녕하세요.권한 주셨다고 하셨는데 404로 접근이 되지 않아 아래 정보로 권한 재요청 드립니다.감사합니다.인프런 아이디 : hyoarang@naver.com인프런 이메일 : hyoarang@naver.com깃헙 아이디 : hyoarang깃헙 Username : songsong
-
미해결한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
수정 페이지에서 감정 이미지 오류
이번 EDIT 구형하기 강의를 모두 마치고다른 부분에는 문제가 없는데수정 페이지에서 감정 이미지가 나타나지 않는 오류가 발생합니다ㅠ코드 샌드박스에 이미지 파일을 어떻게 올리는지 모르겠어서 우선 코드만 올려봤습니다..!https://codesandbox.io/s/frosty-leaf-63db3g?file=/src/App.js
-
해결됨[코드캠프] 시작은 프리캠프
마지막 과제 이후, 여러 궁금증 문의드립니다.
(1) dom 이용해서 style 지정할 때document.getElementById('menuGame').style.color= "white"; document.getElementById('menuGame').style.backgroundColor= "white";위와 같이 개별로 지정하지 않고document.getElementById('check').style = 'color: #FFFFFF; background-color: #0068FF;';위와 같이 style 에 string으로 여러 속성을 줄 수 있는건 강의를 통해서 알게되었는데요.구글링을 하다보니document.querySelector('.class').style.cssText=`color: pink; font-size: 20px;`'.cssText'라는 걸 사용하면 동일하게 Multi로 style을 줄 수있다고 하네요.인터넷 검색의 해당 설명을 보고 이해하기로는 기존 강의에서 배운'.style' 까지만 사용하는것과의 차이는'.cssText'의 경우 덮어쓰기 개념인 걸로 판단되는데요... 실무 입장에서 어떤 차이가 있을 때 사용하시는지 문의드립니다. (2) html에서 함수 호출 시, 자동완성이 원래 안되는지?위에 보시는 것 처럼, oninput 에서 함수 호출할 때따옴표 내에서, 기존 JS 파일에 있는 함수 자동완성이 안되고, 직접 타이핑하여야 되더라구요.css나 html의 경우 여러 extenstion을 설치하여각 파일에서 자동완성 되는것까지는 했는데html 파일에서 JS의 함수나 변수? 등은 자동완성이 원래 불가능한건지 문의드립니다. (3) 특정 속성? 자동완성 안됨일부 속성?은 자동완성이 안되고소스 내 사용한적이 있다면 "abc" 형태로 자동완성 제안을 해줄 때도 있는데요.실제로는 사용하게 되는 속성인데도 자동 완성이 안되는 것들이 몇 개 있는 듯 한데요ex) .value이런 것들은 실제 사용되는데도 자동완성이 기본적으로 안되는 별도의 이유가 있나요? 특별한 속성이라 그런건지..... 한 번에 여러 질문을 드려서 죄송하지만,위에 대한 해답을 아시면 답변해주시면 감사하겠습니다.
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
소셜로그인 43:30
제 본인 프로젝트에 해당되는 내용입니다.구글인증까지는 무난하게 되는데요.1. 파란색이 Entity() 에서 뽑아온 Column명에 해당하는 변수로 알고 있습니다. 2. 구글인증을 통과한 후에 name, email, password를 req.user로 넣어서 보내주는 걸로 알고 있습니다. <질문의도>name, email, password를 req.user객체에 넣어서 받았으니, req.user.name,req.user.email,req.user.password,데이터를 꺼내서 개별적으로컬럼에 저장되는 변수에userName = req.user.nameuserEmail = req.user.emailuserPassword = req.user.password위와 같이 저장되어야 하지 않아 생각해 봅니다. 그런데 아래 오류메시지의 경우<property 'email' does not exist on type 'User & Pick<User, userEmail, userName, userPassword>↑왜(why) req.user에서 userEmail, userName,userPassword를 찾고 있는지 이해가 가지 않습니다.----------------------------------------------------------제가 지금 머릿속에서 뭔가 꼬인 것 같습니다.답변 부탁드릴께요.진도를 못나가고 있어요ㅠ
-
미해결자바스크립트로 알아보는 함수형 프로그래밍 (ES5)
_get 함수 부분이 너무 이해가 안갑니다 ㅠ
안녕하세요.지금 강의를 여러번 돌려보고 천천히 생각하는데도전혀 이해가 되지 않습니다 ㅠ // 2. _get 만들어 좀 더 간단하게 하기 console.log( _map( _filter(users, function(user) { return user.age >= 30; }), _get('name'))); // function(user) { return user.name}여기 코드에서 _get('name')에 인자가 더 들어가야되지않나여??...예시들 중에서var user1 = users[0]; console.log(user1.name); console.log(_get(user1, 'name')); console.log(_get('name')(user1)); var get_name = _get('name'); console.log( get_name(user1) );여기서 보면 _get('name')(user1)이라고 썼는데_map에서 사용했을때 어떻게 저렇게 동작이 되는지 잘 이해가 안되네요 ㅠ 설명 좀 부탁드리겠습니다 ㅠ다른 질문들 보니 저랑 같은 생각하시는 분께 답변이차근차근 생각해보라고 되어있는데 계속 봐도 이해가 안가서 다시 질문올립니다 ㅠ
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
Github 인증 에러 뜨시는 분들 참고해주세요.
Github에서 레지토리에 등록하실 때 아래와 같이 인증오류 뜨시는 분들 참고해주시면 좋을 것 같아요.remote: Support for password authentication was removed on August 13, 2021. Please use a personal access token instead.해당 오류는 Github에서 2021년 Aug 13일부터 인증 방식이 비밀번호에서 토큰값을 입력하는 방식으로 변경이 되었는데요.해결방법은 비밀번호를 쓰지 않고, 토큰 값을 입력하시면 간단하게 해결이 가능합니다.Username : Github ID (이름이 아닌 로그인 할 때 적는 ID 입력)Password : 토큰 값 입력 그렇다면 토큰이 뭐냐? 개개인의 인증에 쓰이는 고유한 값인데요 (ex. ghp_tA0QVuK5zoectiJ6bgbD...) 등토큰은 어떻게 만들어서 입력하는데요? 아래 링크를 확인해주세요.https://dev.classmethod.jp/articles/resolving-github-token-authentication-errors/그리고 Password에 토큰값을 입력해주시면 정상적으로 push가 됩니다.끝.
-
해결됨[코드캠프] 시작은 프리캠프
이벤트 변형 감지 로그인창 부분 질문입니다.
아이디와 비밀번호 칸에 0 이 들어가도 버튼이 작동되는것은 이해 되지만아이디와 비밀번호 칸에 '엔터' (빈공간) 이 들어가도 버튼이 작동 됩니다. 이 빈공간의 경우도 문자열로 인식되는 것인가요이것을 제한 하려는 경우 if (email&&pw1&&pw2) 에 어떤 식을 넣어야 가능한지 질문드리고 싶습니다.
-
해결됨비전공자를 위한 진짜 입문 올인원 개발 부트캠프
4092 Error
8080으로 안되서 검색해서 이것저것 해봐도 안되길래 8090으로 하니까 되는데 8090을 써도 상관 없나요?
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 백엔드 코스
N:N 구현 시, update 부분에서 컴파일 에러가 납니다.
async update({ productId: id, updateProductInput }: { productId: string, updateProductInput: UpdateProductInput }) { const beforeProduct = await this.findOne(id); const updatedProduct = { ...beforeProduct, id, //덮어쓰기 ...updateProductInput, // 덮어쓰기 }; return await this.productRepository.save(updatedProduct); } 위는 코드부입니다.일단 영상에서 update부분을 만진거 같지는 않은데, 여기서 updateProductInput의 productTags가 string 타입 배열이라 저장 시 충돌이 일어나네요. 태그 생성부분을 따로 메서드 추출을 해야할까요?
-
미해결자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)
이중 for문에 대한 시간 복잡도 질문 있습니다!
밑의 코드의 내부 for문에서 최악의 경우 연산이 arr.length-1번 일어나기 때문에 시간 복잡도를 O(n^2)으로 봐야 할까요?function solution(m, arr) { let answer = 0, sum = 0; for (let i = 0; i < arr.length; i++) { sum = arr[i]; if (sum === m) { answer += 1; continue; } for (let j = i + 1; j < arr.length; j++) { sum += arr[j]; if (sum === m) { answer += 1; break; } else if (sum > m) { break; } } } return answer; }
-
해결됨풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
header 의 CSS 값 중 left:0 으로 설정한 부분이 잘 이해가 되지 않습니다.
[모던 HTML/CSS 로 상용화도 가능한 반응형 모던 웹페이지 만들기3] 12:10 부분에서, header 의 CSS 값 중 top :0 인 것은 이해가 되는데,left :0 으로 설정한 이유는 잘 모르겠습니다.이미 width:100% 로 설정해서 좌우에 딱 맞게 설정된것으로 이해했는데, 여기에다가 또 left:0 을 해서 중앙이 아닌 좌측 정렬을 하는 이유가 있는걸까요?
-
미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
Node 버전변경, nvm 설치가 다른 프로젝트에도 영향 주나요?
초기 세팅하다 안돼서 폴더 다 삭제하고 처음부터 다시 했더니삭제전 노드, vue cli 버전이 그대로 뜨는데 수업 듣기 전 상태로 돌리는 방법이 있나요?
-
미해결애플 웹사이트 인터랙션 클론!
마지막 강의 js파일로 바꿀 시 스크롤 프레임 렉? 버벅임?
마지막 강의에서 올리신 js파일로 바꾸니 애니메이션이 들어가있는 section 0, 2에서 터치패드로 스크롤 시 멈추는 부분에서 몇프레임 앞뒤 왔다갔다 하는 현상이 좀 심하게 발생합니다. 이전만큼 부드럽게 진행이 되지 않고 좀 간격이 넓게 스크롤 되는 느낌입니다. 이미지 로딩 후 정렬 때문에 이렇게 되는건가요? 아니라면 혹시 팁을 좀 주실 수 있나요?다시 확인해본 바 새로고침을 하면 이러한 문제가 사라지긴 합니다만 원인을 잘 모르겠네요. 좀 더 알아보겠습니다. 제가 진행한 파일입니다!https://leealvinlee.github.io/Leeum_Maurizio_Catellan/
-
해결됨Vue.js 끝장내기 - 실무에 필요한 모든 것
vue create 할때 pick a unit testing solution은 안 떠요
vue-cli 5.0.8이라 선생님이 하라는대로 했는데 unit testing solution부분은 없는데 어떻게 하나요?