kyj1

강좌 하나씩 내용에 틈이 있네요

아 이렇게 막나가는 인강 처음

선생님이 최고시네요

아 그렇군요. 감사합니다. 문의가 많아보이는데 성실히 답변주셔서 감사하고 힘내십쇼!

리덕스 실제 구현하기 강의 질문

configureStore.js<pre class="hljs"><code class="language-javascript">
import {createWrapper} from 'next-redux-wrapper';
import {createStore} from 'redux';
import reducer from '../reducers'

const configureStore=()=>{
 const store=createStore(reducer);
 store.dispatch({
 type:'CHANGE_NICKNAME',
 data:'kim'
 })
 return store;
};

const wrapper = createWrapper(
 configureStore,
 {debug:process.env.NODE_ENV ==='development'}
 );

export default wrapper;</code></pre>근데 실제화면에서는 createStore가 deprecated 되었다고 짝대기가 그어져있거든요. 근데 찾아보니 기능은 문제없다고해서 그냥 냅두고 하고있었습니다.<img src="https://cdn.inflearn.com/public/files/posts/a38d827a-f68f-4da9-b9a5-197020c9da02/image.png">&nbsp;

ㅡㅡ 정말 죄송합니다. 제가 정신이 나가있었나 봅니다.ㅡㅡ 그리고 children 없애고 커스텀훅 사용해봤는데 잘됩니다. props으로 가져온 children이 두번쓰여서 훅이 갈피를 못잡은건가요? 뭔가 관련이 있나 봅니다. 여튼 정말 감사합니다!

회원가입 페이지 만들기

하기와 같습니다. useInput.js<pre class="hljs"><code class="language-javascript">import { useState,useCallback } from "react";


export default (initialValue=null)=>{
 const [value, setValue] = useState(initialValue);
 const handler = useCallback((e) => {
 setValue(e.target.value);
 }, []);
 return [value,handler];
}</code></pre>&nbsp;AppLayout.js<pre class="hljs"><code class="language-javascript">import Link from 'next/link';
import { Menu,Input,Row,Col } from 'antd';
import UserProfile from './UserProfile';
import LoginForm from './LoginForm';
import styled from 'styled-components';

const SearchInput = styled(Input.Search)`
vertical-align: middle;
`



const AppLayout = ({ children }) => {
const [isLoggedIn, setIsLoggedIn] = useState(false);

 return (
 <div>
 <Menu mode='horizontal'>
 <Menu.Item key="1">
 <Link href='/'><a>노드버드</a></Link>
 </Menu.Item>
 <Menu.Item key="2">
 <Link href='/profile'><a>profile</a></Link>
 
 </Menu.Item>
 <Menu.Item key="3">
 <SearchInput enterButton />
 </Menu.Item>
 <Menu.Item key="4">
 <Link href='/signup'><a>signup</a></Link>
 </Menu.Item>
 </Menu>
<Row gutter={8}>
 <Col xs={24} md={6}>
 {isLoggedIn ? <UserProfile setIsLoggedIn={setIsLoggedIn}/> : <LoginForm setIsLoggedIn={setIsLoggedIn}/>}
 </Col>
 <Col xs={24} md={12}>{children}</Col>
 <Col xs={24} md={6}>
 <a href="https://www.naver.com" target="_blank" rel="noreferrer">Go to naver</a>
 </Col>
</Row>

 {children}
 </div>
 );
};


AppLayout.propTypes = {
 children: PropTypes.node.isRequired,
};

export default AppLayout;</code></pre>_app.js<pre class="hljs"><code class="language-javascript">import 'antd/dist/antd.css';
import { PropTypes } from 'prop-types';
import React from 'react';
import Head from 'next/head';
const PickMe = ({ Component }) => {
 return (
 <>
 <Head>
 <meta charSet="utf-8"/>
 <title>PICK-ME</title>
 </Head>
 <Component />
 </>
 )
};
 PickMe.propTypes = {
 Component: PropTypes.elementType.isRequired,
}


export default PickMe;</code></pre>

지금 봤습니다. 그..orderDate: <a target="_blank" rel="noopener noreferrer nofollow" href="http://DateTime.now">DateTime.now</a>() 이런식으로 orderDate에 데이트 형식을 받게하면 될겁니다. 서버에서 createdAt 데이터형식이 date타입이 아니니 그냥 현재시간으로 맞춰주면 될겁니다. 서버에서 고치든지 저희가 고치든지 해야되는데 서버에서 고칠 자신없으면 그냥 이렇게하시면 됩니다.

주문 탭 에러

아래 강의 6:22초 부근 보시면 createdAt을 DateTime으로 지정합니다. <a target="_blank" rel="noopener noreferrer nofollow" href="https://www.inflearn.com/course/%ED%94%8C%EB%9F%AC%ED%84%B0-%EC%8B%A4%EC%A0%84/unit/124050?category=questionDetail&q=662968">https://www.inflearn.com/course/%ED%94%8C%EB%9F%AC%ED%84%B0-%EC%8B%A4%EC%A0%84/unit/124050?category=questionDetail&q=662968</a>이 데이터 실제로 서버에서 보낼때 value가 시간을 String으로 보내는게 아니고 그냥 'string'이라고 보내옵니다. 이걸 DateTime으로 바꾸는걸 Data.Utils에서 하니 자꾸 에러가 났었습니다.강의 따라오면 저처럼 에러 보신분들이 많을것같은데..저는 현재시간으로 orderDate에 바인딩해서 해결했습니다. 알려드리려고 대댓글 답니다.

답변 감사합니다. 질문이 너무 추상적이였네요. 실질적인 조언을 받을 수 있게 좀 더 구체적인 질문을 가지고 추후에 다시 여쭤보겠습니다!

kyj1

投稿