묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결청와대 청원 데이터 시각화
vs code 로 하고 있는데요
안녕하세요 노트북(core i3 7th)으로하는데 너무 느리거든요 vscode 환경이라서 그런가요 ? 아님 노트북사항이 안좋아서 그런가요
-
미해결트렐로 개발로 배우는 Vuejs, Vuex, Vue-Router 프론트엔드 실전 기술
'$route'를 watch할 수도 있지만 computed로 리턴하는것이 깔끔하지않나요?
<template> <div> Card <div>cid: {{cid}}</div> </div> </template> <script> export default { computed: { cid() { return this.$route.params.cid } } } </script> $route를 watch할 수 있다는건 처음 알았네요 ㅎㅎ. 하지만 created 라이프사이클에서 값을 설정해주고, watch로 따로 설정하는것보다는 computed로 잡아주는것이 더 깔끔하지않을까요? 의도가 따로 있으셔서 watch를 사용하셨다면 그 이유가 궁금해서 질문드립니다..!
-
미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
실행은 잘 됩니다만... 이런 식의 오류가 나는 이유가 궁금합니다.
(사진)
-
해결됨Node.js에 TypeScript 적용하기(feat. NodeBird)
sequelize-cli config.ts파일 관련
안녕하세요. sequelize-cli가 ts 파일은 인식못한다고 하셨는데요. 그럼 Github repo에 올라가있는 프로젝트를 clone했을 경우에, config.ts 파일을 config.js 파일로 수정해서 npx sequelize db:create를 한 후에 다시 config.ts 파일로 수정하는 과정을 거쳐야하는건가요?
-
해결됨따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
안녕하세요
안녕하세요 강의를 다 완강하고 프론트가 SSR인 템플릿 엔진으로 구성되어 있던 노드 서버를 리팩토링 중에 있습니다. 궁금한게 있어서 여쭈어 봅니다. 관리자 페이지를 따로 구성하려고 하는데, SPA 에서는 접근 권한을 어떻게 설정하는게 좋은가요? 유저의 role 을 다르게 설정하여 라우팅을 관리하는것 같은데, SPA의 특성상 모든 페이지를 다 받아 오는것이니 충분히 클라이언트에서 state에 있는 role 을조작이 가능할 것 같다는 생각이 드는데, 이 경우 백엔드에서 한번 더 필터링이 필요하다 생각됩니다. 선생님은 어떠한 식으로 실무에서 서버에서 거르시는지 궁급합니다. 연장선에 있는 이야기 같은데, 현재 passport를 이용하여 session을 캐싱하여 사용하고 있습니다. 이 경우 hoc를 이용하여 페이지 라우팅 마다 Axios를 통한 http response 값에서 리덕스 스토어에 dispatch 할 때, body 값인 payload: request 뿐만 아니라 cookie 값도 따로 리덕스 스토어에 저장해서 관리하면 되는 걸까요? 감사합니다!
-
미해결애플 웹사이트 인터랙션 클론!
이미지를 추가했을때 궁금합니다.
지금 첫번째 이미지 스크롤 후에 두번쨰 이미지도 스크롤 되서 올라가는데 그 이후에 이미지를 추가해서 스크롤 하려면 배열에 이미지를 추가한후 다른것도 수정해야되는 내용이 어떤건가요~?
-
미해결React로 NodeBird SNS 만들기
next.config.js 설정 관련 질문입니다. 사진과 동영상
넥스트는 9.4.4버전입니다. next.config.js파일의 내용입니다. const withImages = require('next-images') const withVideos = require('next-videos') module.exports = withImages({ webpack(config, options) { return config } }), withVideos({ assetDirectory: 'static', webpack(config, options) { return config } }) 동영상이 나오는 태그입니다. <video autoPlay loop muted width="100%" height="100%" > <source src={require("../public/forchange.mp4")} type="video/mp4" /> </video> 사진이 나오는 태그입니다. <img alt="fortest" src={require('../public/back3.png')} style={{width:"500px", height:"200px", position:"absolute", right:"150px"}}/> withImages 를 위로 올리면 사진만 출력이 되고 withVideos 를 위로 올리면 동영상만 출력이 됩니다. 사진과 동영상 둘다 출력하려면 어떻게 해야할까요?
-
미해결Vue.js 끝장내기 - 실무에 필요한 모든 것
몽구스 연결 에러
localhost:3000/api/docs 에서 /signup 테스트를하면 에러가 납니다. 강의를 수회 돌려봤는데 딱히 잘못 설정한건 없어보이는데 혹시 유추될만한게 있을까요? -- vscode 터미널 에러 -- MongoDB connection error: { MongoNetworkError: failed to connect to server [cluster0-shard-00-00.wrnxu.mongodb.net:27017] on first connect [MongoNetworkError: connection 5 to cluster0-shard-00-00.wrnxu.mongodb.net:27017 timed out] at Pool.<anonymous> (/Users/may/dev/vue-scaffolding/vue-til-server/node_modules/mongodb-core/lib/topologies/server.js:564:11) at Pool.emit (events.js:198:13) at Connection.<anonymous> (/Users/may/dev/vue-scaffolding/vue-til-server/node_modules/mongodb-core/lib/connection/pool.js:317:12) at Object.onceWrapper (events.js:286:20) at Connection.emit (events.js:198:13) at TLSSocket.<anonymous> (/Users/may/dev/vue-scaffolding/vue-til-server/node_modules/mongodb-core/lib/connection/connection.js:257:10) at Object.onceWrapper (events.js:286:20) at TLSSocket.emit (events.js:198:13) at TLSSocket.Socket._onTimeout (net.js:442:8) at ontimeout (timers.js:436:11) at tryOnTimeout (timers.js:300:5) at listOnTimeout (timers.js:263:5) at Timer.processTimers (timers.js:223:10) name: 'MongoNetworkError', errorLabels: [ 'TransientTransactionError' ], [Symbol(mongoErrorContextSymbol)]: {} }
-
미해결인터랙티브 웹 개발 제대로 시작하기
확대되는 폰트 관련 질문드립니다.
폰트는 벡터이미지로 알고 있는데 스크롤 되면 다가오는 이미지가 픽셀이미지처럼 확대되면 깨지며 계단 형상이 나타나는데 왜 그런거죠? 벡터이미지처럼 깨끗하게 확대처리 되어야 하는거 아닌가요??
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
이럴 경우는 어떻게 해야하나요?
const [loadPrdData, setLoadPrdData] = useState({ skip: 0, limit: 4, postSize: 0,}); const getProducts = config => { postApi(`${PRODUCT_SERVER}/products`, config).then(res => { if (loadPrdData.loadMore) setPrdList([...prdList, ...res.data.productsInfo]); else setPrdList(res.data.productsInfo); setLoadPrdData({ ...loadPrdData, postSize: res.data.postSize }); });};const loadMoreHandler = () => { let skipIdx = loadPrdData.skip + loadPrdData.limit; let config = { skip: skipIdx, limit: loadPrdData.limit, loadMore: true, }; getProducts(config); setLoadPrdData({ ...loadPrdData, skip: config.skip,loadMore:true });}; 안녕하세요 강사님만약에 저렇게 로드 관련된 값들을 오브젝트로 변경해서 할시 더보기 버튼(loadMoreHandelr) 실행 후 getProducts 함수에선 setLoadPrdData 가 변경된 상태로 읽히지 않는 경우가 발생하는데요 로직순서를바꾸어도 보고 state 값이 비동기 로직이여서 애를 먹고있습니다.getProducts 에서 state 값이 셋업이 된 값을 체크하는 방법이 있을까요?setLoadPrdData(value,cb) 으로 해보았지만 cb으로 실행한 함수에서도 셋업된 상태값이 완료되지 않는 상태서 실행되었습니다.
-
미해결it 취업을 위한 알고리즘 문제풀이 입문 (with C/C++) : 코딩테스트 대비
강의 내용을 c만 알고도 들을 수 있나요?
강의 내용을 c언어만 알고도 전부 들을 수 있나요? 아니면 c++을 들어야 강의를 이해할 수 있나요?
-
해결됨[리뉴얼] React로 NodeBird SNS 만들기
3:15 화면 하단에
3:15 화면 하단에 'state를 건들면 안돼요. draft만 조작하세요.'는 어떤 뜻에서 적으신 건가요?
-
미해결인스타그램 클론 - full stack 웹 개발
에러는 고쳤는데 화면이 css적용이 안되어있어요
위에처럼 아무런 스타일 적용이 안되어있는데 어떤게 문제인가요...? 모든 html이 다 이렇게 되어있습니다.. 처음 layout.html에서 작성한게 문제인걸까요? 워크스페이스 공유주소 https://goor.me/zV5Da 터미널 공유주소 https://goor.me/WY28z
-
미해결파이썬 입문 및 웹 크롤링을 활용한 다양한 자동화 어플리케이션 제작하기
에러가 계속나네요 뭔가가 또 업데이트 되었나요?
import pandas_datareader as web import pandas as pd import datetime import sqlite3 try: with sqlite3.connect('D:/python/section5/database/sqlite2.db') as conn: start = datetime.datetime(2018,2,1) end = datetime.datetime(2018,3,3) gs = web.DataReader('KRX: 090430','google',start,end) print(gs) finally: print("datetime SQL Work Complete!!") 아래와 같은 에러가 자꾸 뜨네요 휴 제가 뭘 잘 못 한건가요? 궁금합니다. Traceback (most recent call last): File "D:\python\section5\5-5-1.py", line 16, in <module> gs = web.DataReader('KRX: 090430','google',start,end) #�Ƹ� �۽��� �ְ� �б� File "C:\Users\user\Anaconda3\envs\section5\lib\site-packages\pandas\util\_decorators.py", line 208, in wrapper return func(*args, **kwargs) File "C:\Users\user\Anaconda3\envs\section5\lib\site-packages\pandas_datareader\data.py", line 376, in DataReader raise NotImplementedError(msg) NotImplementedError: data_source='google' is not implemented [Finished in 0.594s]
-
미해결자바 ORM 표준 JPA 프로그래밍 - 기본편
단일 값 연관 경로 조회시 연관 엔티티로 조회하는것과 연관 엔티티의 필드를 조회하는데 차이가 있는건가요?
강의를 들으면서 예제를 따라하던 중 단일 값 연관 경로 조회 부분에서 실제 쿼리가 조금 다르게 나가는것을 보고 질문 드립니다 final List<Team> result = entityManager.createQuery("select m.team from Member m", Team.class) .getResultList(); 처음 강의를 들으며 위 코드 실행시에 로그를 확인해 보니 select team1_.id as id1_27_, team1_.name as name2_27_ from Member member0_ inner join Team team1_ on member0_.team_id=team1_.id 실제 쿼리는 위와 같이 제대로 inner join 발생하는것을 확인 했습니다 그런데, 단일 값 연관경로의 경우 탐색이 가능하다고 하셔서 final List<String> result = entityManager.createQuery("select m.team.name from Member m", String.class) .getResultList(); 위와 같이 팀명을 조회하는 코드를 실행하고 로그를 보니 select team1_.name as col_0_0_ from Member member0_ cross join Team team1_ where member0_.team_id=team1_.id 위와 같이 inner join이 아니라 cross join이 발생 했습니다 1번째 쿼리에서 전체 컬럼이 아니라 name 컬럼만 select 할것으로 예상했는데 join 형식이 같이 바뀌어 버립니다 m.team, m.team.name 조회시 join 형식이 어떤 이유로 바뀌는지 궁금합니다
-
미해결파이썬 입문 및 웹 크롤링을 활용한 다양한 자동화 어플리케이션 제작하기
예제 3-7-1.py 로그인 관련 질문드립니다
1. 예제실행후 한번 성공적으로 실행된이후 자꾸 오류가 납니다 (맴버에게만 공개된 게시판) 이라고 뜹니다. 2. 저도 밑에분과 같이 NcafeWriteAtt: 정의되지 않았다는 오류가 떴었는대 chrome_options.add_argument('--headless') 이부분을 쌍따옴표 ("--headless") 로 바꾸니 정상적으로 실행이 되더군요. 그러나 왜 ' 작은따옴표'는 오류가 나는지 궁굼합니다. 쌍따옴표로 바꾼이후 정상적으로 1번 작동되지만 그이후에는 1번과 같은 오류(멤머에게만 공개된 게시판)이라는 메세지가 뜹니다. 혹시 로그인관련 이슈에대해 공지 올려주실수있을까요
-
미해결[리뉴얼] React로 NodeBird SNS 만들기
prop-types가 안맞으면 어떻게 되는건가여?
prop-types를검사하는게 안정적이라고 하셨는데 안맞았을 경우 어떻게 되는 것이 안정적이 되는건가요?
-
미해결웹 게임을 만들며 배우는 자바스크립트
클로저 질문입니다.
for (let i = 0; i < numbers.length; ++i) { setTimeout(function () { const ball = document.createElement("div"); ball.innerText = numbers[i]; ball.classList.add("ball"); //css paintBall(ball); result.appendChild(ball); }, 1000 * (i + 1)); } 로또추첨할 때 저는 이렇게 했는데 공이 한개씩 잘 뜨던데 왜그런건가요??? 강의에 의하면은 1000*(i + 1)초 후에 setTimeout안의 number[i]에서 i값이 결정될텐데 차례대로 number[]의 0번 index부터 마지막 index까지의 요소가 잘 뜨더라고요
-
미해결3. 웹개발 코스 [스프링 프레임워크+전자정부 표준프레임워크]
공부하다가 믄득..
강사님이 강의하지는 않았지만 공부하다가 믄득 궁금해서 그러는 데 답해주실 수 있으련지요 @ModelAttrribute라는 어노테이션이 클래스에서 쓰일 데와 메소드에서 쓰일 때가 다른다고 하던데요 설명해주실 수 있으련지요
-
미해결[리뉴얼] React로 NodeBird SNS 만들기
서버나 콘솔 로그에 withRedux 로그 관련 질문입니다.
로그에 4.WrappedApp created new store with withRedux(.....) 가 뜨는데 이게 계속 페이지 들어갈 때마다 뜨더라구요.이거 끌 수 없나여?