haejin7

실습으로 배우는 핵심 네트워크 강의 수강 전 왕 기초 공부에 대하여

foreastadmin

앗 !! 그렇군여!~! 다른데에서는 괜찮나보네욧 ,, !! 알려주셔서 감사합니닷

질문)도메인 연결 후 주소에 추가된 물음표

시도해본것) e.preventDefault()는 없어서, Form이 있는 파일 들 중에 onFinish가 안붙은 곳이 있는지 찾아봤는데요, NicknameEditForm이 안붙어있어서 Form에 아래 코드를 추가해봤는데 여전히 도메인 뒤에 ?가 붙어있어요,, component/NicknameEditForm Form에 onFinish={onSubmit} 추가<pre><code class="language-javascript">import React, {useCallback, useMemo} from 'react';
import { useDispatch, useSelector } from 'react-redux';
import {Form, Input} from 'antd';
import useInput from '../hooks/useInput';
import { CHANGE_NICKNAME_REQUEST } from '../reducers/user';

const NiciknameEditForm = () => {
 const {me} = useSelector((state) => state.user);
 const [nickname, onChangeNickname] = useInput(me?.nickname|| '');
 const dispatch = useDispatch();
 const onSubmit = useCallback(() => {
 dispatch({
 type: CHANGE_NICKNAME_REQUEST,
 data: nickname,
 });
 }, [nickname]);

 const style = useMemo(()=> ({marginBottom:'20px', border: '1px solid #d9d9d9', padding: '20px'}), []);
 return (
 <Form 
 style={style}
 onFinish={onSubmit}
 >
 <Input.Search 
 value={nickname}
 onChange={onChangeNickname}
 addonBefore="닉네임" 
 enterButton="수정"
 onSearch={onSubmit}
 />
 </Form>
 )
};

export default NiciknameEditForm;</code></pre>질문1) git에는 NicknameEditForm에 onFinish관련 코드가 없는데, 추가를 안하는게 맞나요,,? 질문2)git에 있는 프론트 파일을 비교해봤는데, onFinish가 빠진 부분을 못찾겠어서요,, 혹시 onFinish를 어디에 추가해야하는지 찾을 수 있는 방법이 따로 있을까요? 현재 Form 있는 파일을 갖다 쓰거나&nbsp; form에 onFinish가 있는 파일) AppLayout => LoginForm사용<pre><code>&nbsp; {me? <UserProfile/> : <LoginForm/>}</code></pre>LoginForm<pre><code>&nbsp; &nbsp;<FormWrapper onFinish={onSubmitForm}></code></pre>PostCard => CommentForm 사용<pre><code class="language-javascript"> <CommentForm post={post}/></code></pre>CommentForm<pre><code><Form onFinish={onSubmitComment}></code></pre>PostForm<pre><code><Form style={{ margin: '10px 0 20px'}} encType="multipart/form-data" onFinish={onSubmit}></code></pre>index => PostForm 사용<pre><code class="language-javascript">{me && <PostForm />}</code></pre>profile => NickNameEdit 사용<pre><code>&nbsp;<NicknameEditForm /></code></pre>NickNameEdit<pre><code>&nbsp; &nbsp; <Form&nbsp;
&nbsp; &nbsp; &nbsp; style={style}
&nbsp;&nbsp; &nbsp; &nbsp; onFinish={onSubmit}
&nbsp; &nbsp; ></code></pre>&nbsp;signup<pre><code>&nbsp;<Form onFinish={onSubmit}></code></pre>

이미지 업로드와 관련하여 코드 변경해도 되는지

공부 순서 고민

아항 감사합니당 선생님!!

이미지 업로드 안되는 문제

오오옷 강사님!! 드디어 에러 해결됐습니당..! 첨에는 package.json에 설치가 다 되어있는데, nodemodule, next 관련 에러가 계속 나서 계속 관련 캐시같은거 다 지워가며 재설치하다가 그냥 호스트 지우고 다시 첨부터 설치해봤는데 npm run build 하구 ubuntu로 .next에 쓰기 권한이 없어 생기는 문제들이 있어서 권한 추가해준 뒤 다시 npm run build 했더니 해결 되었습니당..! 감사합니당 관련 명령어 정리해서 올려보아욧 ls -l /home/ubuntu/react_nodebird/front/.next&nbsp;sudo chmod -R 755 /home/ubuntu/react_nodebird/front/.next &nbsp;sudo chown -R ubuntu:ubuntu /home/ubuntu/react_nodebird/front/.next

도메인 대신 탄력적 ip연결 후, 프론트 ip가 연결이 안되는 문제

감사합니당!!! 다음 강의 보고 따라했더니 해결됐오용 !! 다른 분들을 위해 남겨놓을게욧 back/app.js에 credentials:true 추가<pre><code>app.use(cors({
 origin: 'http://localhost:3060',
 credentials:true
}));</code></pre> front/sagas/index.js에 추가<pre><code class="language-javascript">axios.defaults.withCredentials = true;</code></pre>&nbsp;

haejin7

投稿