묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결React로 NodeBird SNS 만들기
_app.js에서 LOAD_USER_REQUEST 액션이 디스패치 되지 않아요
ctx 내에 store와 dispatch 다 있고 에러도 안나고 콘솔메세지도 찍히는데 리덕스 데브 툴즈에는 일단 액션 날라가는게 없고 회원 정보도 다시 안불러와서여 if(!state.user.me) { console.log("ctx : " , ctx); ctx.store.dispatch({ type: LOAD_USER_REQUEST, }); console.log("유저 정보 불러 오기"); } front/pages/_app.js 전체 코드 // front\pages\_app.js import React from 'react'; import Head from 'next/head'; import AppLayout from '../components/AppLayout'; import withRedux from 'next-redux-wrapper'; import reducer from '../reducers'; import { Provider } from 'react-redux'; import createSagaMiddleware from 'redux-saga'; import rootSaga from '../sagas'; import { applyMiddleware, compose, createStore } from 'redux'; import PropTypes from 'prop-types'; import withReduxSaga from 'next-redux-saga'; import { LOAD_USER_REQUEST } from '../reducers/user'; import axios from 'axios'; const NodeBird = ({ Component, store, pageProps }) => { return ( <Provider store={store}> <Head> <title>NodeBird</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/antd/3.20.5/antd.css" /> <link rel="stylesheet" type="text/css" charSet="UTF-8" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css" /> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css" /> </Head> <AppLayout> <Component {...pageProps} /> </AppLayout> </Provider> ) } NodeBird.propTypes = { Component: PropTypes.elementType.isRequired, store: PropTypes.object.isRequired, pageProps: PropTypes.object.isRequired, }; NodeBird.getInitialProps = async (context) => { // console.log(context); const { ctx, Component } = context; let pageProps = {} const state = ctx.store.getState(); const cookie = ctx.isServer ? ctx.req.headers.cookie : ''; axios.defaults.headers.Cookie = ''; if (ctx.isServer && cookie) { axios.defaults.headers.Cookie = cookie; } if(!state.user.me) { console.log("ctx : " , ctx); ctx.store.dispatch({ type: LOAD_USER_REQUEST, }); console.log("유저 정보 불러 오기2"); } if (Component.getInitialProps) { pageProps = await Component.getInitialProps(ctx) || {}; } // console.log("pageProps : " , pageProps); return { pageProps }; }; const configureStore = (initialState, options) => { const sagaMiddleware = createSagaMiddleware(); const middlewares = [sagaMiddleware]; const enhancer = process.env.NODE_ENV === 'production' ? compose(applyMiddleware(...middlewares)) : compose( applyMiddleware(...middlewares), !options.isServer && typeof window.__REDUX_DEVTOOLS_EXTENSION__ !== 'undefined' ? window.__REDUX_DEVTOOLS_EXTENSION__() : f => f, ); const store = createStore(reducer, initialState, enhancer); // sagaMiddleware.run(rootSaga); store.sagaTask = sagaMiddleware.run(rootSaga); return store; }; export default withRedux(configureStore)(withReduxSaga(NodeBird));
-
미해결React로 NodeBird SNS 만들기
한가지 궁금한게 있습니다!
새로고침시 로그아웃되거나, 로그인 유지와 관련되서는 서버사이드 렌더링때 다루시는 것 같은데, 혹시, 한가지 예로, 특정 사용자가 권한을 부여받길 기다리거나, 인증에대해 기다리는 사용자가 로그인 할 경우, 서비스를 이용할 수 없도록 특정 페이지로 강제로 이동시켜주거나, 서비스 이용 불가능 상태로 만들어주고 싶은데, (모든 페이지 이동을 시도할 경우, 무조건 인증 대기를 위한 특정 페이지로만 강제 이동) 혹시 이부분도 서버사이드 렌더링과 관련이 있을까요..? 모든 페이지에서 사용자 권한에 대한 체크기능을 넣지않고, 필터와 같이 방법이 있을껏 같은데, 서버사이드 렌더링에서 다루시는 부분으로 응용가능한부분일까요? 아니라면, 간략한 기술명이나, 이름 힌트좀 알려주실수 있을까요..?
-
미해결취미로 해킹#3(WebGoat)
java 설치후 webwolf 실행 안됨
아래와 같이 실행이 되지 않네요 자바 8 과 jdk 11.0.2 설치 되어 있으면 안되는지요?
-
미해결취미로 해킹#5(DIMICTF)
sql injection부분도 오류가 있는거같습니다. 안되네요
아이디 : \ 비밀번호 : )|| 2>1 -- 했는데 안되네요
-
미해결취미로 해킹#5(DIMICTF)
wirte.php파일이 없습니다.
어떻게하죠?
-
미해결Klaytn 클레이튼 블록체인 어플리케이션 만들기 - NFT
npm run dev 오류
동영상 강의를 재청강하면서 복습하고 있는데요 어제까지 정상적으로 되던 부분이 오류가 발생해 질문 드립니다. [ 오류 ] SmartContract 정상 배포 후 npm run dev 를 통해 web server 를 로딩했습니다. 이후 로그인을 시도하면 콘솔에 다음과 같은 에러가 출력됩니다. 오전에 npm 을 업데이트해서 발생한 것으로 생각했는데 다시 6.4.1로 다운그레이드 후 실행해도 같은 에러가 발생하고 있습니다. 확인 부탁 드립니다.
-
미해결함수형 프로그래밍과 JavaScript ES6+
take 내부의 이터레이터 클로저에 대해
while (!(cur = iter.next()).done) { let a = cur.value; 를 for (const a of iter) { 로 바꾸면 비동기상황에서 iter를 기억하지 못해서 하나만 take하게 되더라구요. 두 문법이 같은 걸로 알고있는데 for of 내부의 이터레이터는 클로저로 사용될수없나요? 이런경우엔 while밖에 쓸수없는건가요? 클로저로 사용되려면 함수내부에서 표현식 안에 갖혀있어야된다는 조건? 같은게 있나요?
-
미해결공공데이터로 파이썬 데이터 분석 시작하기
filter관련 질문드립니다
import pandas as pd company_list = [ ['기관명',['제주하수도','서울하수도','제주상수도','서울상수도']], ['매출', [20,30,40,50]]] df = pd.DataFrame.from_items(company_list) 인 데이터프레임을 생성했다고 했을 때, 기관명 열의 '하수도' 문자열을 포함한 행들을 추출하고 싶은데 어떻게 해야 하나요?
-
미해결기본을 확실히!! HTML의 모든 것
?질문?
Form.php 어떻게 만들어요?
-
미해결파이썬으로 영화 예매 오픈 알리미 만들기
telegrambot.py 실행
코드를 따라 그대로 실행하였는데 print로 아무것도 나오지 않네요 for문안에 print("hi")를해도 아무것도 산출이 되지않습니다. 혹시 이유를 알수 있을까요? ㅠ
-
미해결[개정판] 파이썬 머신러닝 완벽 가이드
강의 순서 관련
안녕하세요. 강의 너무 잘봤습니다. 상세히 설명해주셔서 이해가 아주 잘되었습니다. 9장에서 아래 순서가 좀 바뀐것 같습니다. (1)이 나오고, (2)가 나와야 할것 같은데, (2)가 먼저 나와있네요. --- (1) Surprise를 이용한 추천 시스템 기본 구현 (2) Surprise의 추천 알고리즘 소개 및 교차 검증과 하이퍼 파라미터 튜닝 개요 강의 감사합니다.
-
미해결MQTT 사물인터넷 통신 프로젝트 (Arduino, MQTT, Node.js, mongoDB, Android)
예제소스
download 받을수 없나요
-
미해결React로 NodeBird SNS 만들기
게시글 존재 findone 중복제거
안녕하세요~ 게시글 존재 검사 중복로직을 제거해보려고 시도를 해보았습니다. 포스트 존재 확인후 조회한 post객체를 다시 router.post('/:id/like'.. 의 async(req,res,next)=>{} 함수로 넘겨주려고 했으나 방법을 못찾아 async(req,res,next)함수를 감싸는 방식으로 하였습니다. router.post('/:id/like', isLoggedIn, isPost, asycn(req,res,next,post)) ->이런 방식으로 할 수 있는 방법이 있나요? isLoggedin 미들웨어 는 단순히 next()로 다음 미들웨어로 넘기는 거라 하셔서 조회된 post 값을 어떻게 다음 미들웨어로 넘기는지 궁금합니다. //middleware.jsconst db = require( '../models' );exports.isPost = asyncFunc => { return (async (req, res, next) => { try { const post = await db.Post.findOne( { where: { id: req.params.id }, } ); if ( !post ){ return res.status( 404 ).send( '게시글이 존재하지 않습니다.' ); }else{ return await asyncFunc( req, res, next, post ); } } catch (e) { console.error(e); return next( e ); } });};//post.jsrouter.post( '/:id/like', isLoggedIn, isPost( async (req, res, next, post) => { try { console.log( 'post',post ); await post.addLiker( req.user.id ); res.json( { userId: req.user.id } ); } catch (e) { console.error( e ); next( e ); }} ) );
-
미해결실전! 스프링 부트와 JPA 활용2 - API 개발과 성능 최적화
/api/v1/orders 조회시 궁금한점이 있습니다.
order 엔티티를 조회했을때 프록시 초기화를 통해서 컬렉션 과 나머지 엔티티들을 조회하는것을 알겠는데 postman에서 조회화면결과에서 TotalPrice 컬럼은 어떻게 나오는건가요? 아무리봐도 Order 클래스파일에는 public int getTotalPrice() 메소드로 정의된거 말고는 없는데 이 부분이 궁금해서 질문드립니다.
-
미해결프로그래밍, 데이터 과학을 위한 파이썬 입문
안녕하세요. 숙제 제출하면 아래와 같은 문제가 발생합니다.
(사진)
-
Django Mini project BEST 3
목소리가 너무 안들려요.
삭제된 글입니다
-
미해결React로 NodeBird SNS 만들기
에러질문드려요
dispatch 사용시 해당에러가 나옵니다 npm에서 설치하신것들은 따라서 설치를 하고 코드도 똑같이 작성했는데 에러가 나옵니다 해결방법 문의드립니다
-
미해결스프링 부트 개념과 활용
왜 Commons Logging을 써도 SLF4j를 쓰게되나요?
질문1:Commons Logging 을 기본적으로 사용하지만Spring-JCL 는 자동적으로 사용하게 만들어놔서?Commong Logging을 SLF4j을 사용하게 만들고 SLF4j 는 Logback을 사용해서 그런건가요질문2: 만약 Spring-JCL을 사용못하게 하면 어떻게 되나요
-
미해결프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)
클래스 변수
클래스 변수는 C++로 치면 public에 선언된 static 멤버 변수라고 생각하면 되나요?
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
질문
const oriText = document.querySelector('.feditor').innerHTML; let newText = oriText.replace(/<(\/span|span)([^>]*)>/gi,""); newText let으로 선언하나요? const로 하나요?.. 둘다해도 오류는 안나기는하는데..
