inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

172만명의 커뮤니티!! 함께 토론해봐요.

2020.08.09 antd

미해결

React로 NodeBird SNS 만들기

import React, { useState } from 'react'; import AppLayout from "../components/AppLayout"; import Head from "next/head"; import { Form, Input, Checkbox, Button } from 'antd'; const Signup = () => { const [id, setId] = useState(''); const [nick, setNick] = useState(''); const [password, setPassword] = useState(''); const [passwordCheck, setPasswordCheck] = useState(''); const [term, setTerm] = useState(false); const [passwordError, setPasswordError] = useState(false); const [termError, setTermError] = useState(false); const onFinish= () => { if (password !== passwordCheck) { return setPasswordError(true); } if (!term) { return setTermError(true); } console.log({ id, nick, password, passwordCheck, term, }); }; const onChangeId = (e) => { setId(e.target.value); }; const onChangeNick = (e) => { setNick(e.target.value); }; const onChangePassword = (e) => { setPassword(e.target.value); }; const onChangePasswordChk = (e) => { setPasswordError(e.target.value !== password); setPasswordCheck(e.target.value); }; const onChangeTerm = (e) => { setTermError(false); setTerm(e.target.checked); }; return ( <> <Head> <title>NodeBird</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/antd/3.16.2/antd.css" /> </Head> <AppLayout> <Form onFinish={onFinish} style={{ padding: 10 }}> <Form.Item label={"아이디"} name={"user-id"} rules={[{ required: true, message: "Please input your user ID!"}]} > <Input name="user-id" value={id} required onChange={onChangeId} /> </Form.Item> <Form.Item label={"닉네임"} name={"user-nick"} rules={[{ required: true, message: "Please input your nickname!"}]} > <Input name="user-nick" value={nick} required onChange={onChangeNick} /> </Form.Item> <Form.Item label={"비밀번호"} name={"user-password"} rules={[{ required: true, message: "Please input your password!"}]} > <Input name="user-password" type={"password"} value={password} required onChange={onChangePassword} /> </Form.Item> <Form.Item label={"비밀번호 체크"} name={"user-password-check"} > <Input name="user-password-check" type={"password"} value={passwordCheck} required onChange={onChangePasswordChk} /> {passwordError && <div style={{ color: 'red' }}>비밀번호가 일치하지 않습니다.</div>} </Form.Item> <Form.Item name={"user-term"}> <Checkbox name={"user-term"} checked={term} onChange={onChangeTerm}>서비스 이용 동의</Checkbox> {termError && <div style={{ color: 'red' }}>약관에 동의하셔야 합니다.</div>} </Form.Item> <Form.Item> <Button type="primary" htmlType="submit">가입하기</Button> </Form.Item> </Form> </AppLayout> </> ); }; export default Signup;

  • javascript
  • react
김민상 댓글 1 좋아요 0 조회수 220

cin/cout이 더 낫지 않을까요

미해결

it 취업을 위한 알고리즘 문제풀이 입문 (with C/C++) : 코딩테스트 대비

c++로 통일하는게 낫다고 봅니다.

  • C++
  • 코테 준비 같이 해요!
Lupe R. 댓글 1 좋아요 0 조회수 292

자식 컴포넌트 props 문의 드립니다.

미해결

실전 리액트 프로그래밍

강사님 안녕하세요. 오늘도 영상 시청하던 중, 궁금한 점이 하나 생겨서 문의드립니다. 부모 컴포넌트에서 useSelector 로 얻은 상태값 일부를 자식 컴포넌트에 props 로 전달하여 자식컴포넌트에서 활용하는 식으로 코딩하는 과정을 확인하게 됐는데요. 자식컴포넌트에서 직접 useSelector 를 사용하여 얻는 것과 어떤 차이점이 있을까요? 일단, props 로 내려보내는 방식의 경우, 자식컴포넌트가 특정 리덕스 state 에 의존하지 않게 되므로 다른 부모컴포넌트에서 재활용할 수 있을 것 같아보이는데요. 만약 자식 컴포넌트를 재활용할 일이 없는 경우에는 자식 쪽에서 직접 useSelector 를 사용하는 방법이 props 를 이용하는 것과 또 다른 차이가 있을까요?

  • react
  • redux
아리마 댓글 1 좋아요 0 조회수 285

heroku deploy

미해결

따라하며 배우는 노드, 리액트 시리즈 - 유튜브 사이트 만들기

안녕하세요 강사님 제 로컬 서버에서는 페이지 작동이 잘되는데 헤로쿠에 올려보려 하니 이런 에러가 계속 떠서요! 2020-08-09T14:29:32.555557+00:00 app[web.1]: Error: ENOENT: no such file or directory, stat '/app/client/build/index.html' 2020-08-09T14:29:32.555899+00:00 heroku[router]: at=info method=GET path="/" host=seoul-tube.herokuapp.com request_id=99ff7d0c-8a4b-4399-a2bb-624cc8eca90b fwd="222.98.69.5" dyno=web.1 connect=0ms service=22ms status=404 bytes=412 protocol=https 2020-08-09T14:30:00.270232+00:00 app[web.1]: MongooseError [MongooseServerSelectionError]: connect ECONNREFUSED 127.0.0.1:27017 index.html파일을 못 찾는 것 같아 수정해보려고 하는데 폴더 구조를 client/public => client/build로 바꿨는데도 똑같아서 어찌 해야 할지 여쭤봅니다. 그리고 저희 구조 상에서는 build폴더가 안 보이는데 로컬에서는 잘 작동하는 게 신기한데 build폴더는 webpack실행 후 public폴더가 압축되서 만들어지고 눈에 안 보이더라도 실행되는 폴더인가요?

  • nodejs
  • redux
  • mongodb
  • react
으하핳 댓글 1 좋아요 1 조회수 255

stdlib.h를 추가했는데 _itoa()함수가 불분명하다고 뜨네요 뭐가 잘못된걸까요..

미해결

홍정모의 따라하며 배우는 C언어

아래와 같이 코드를 입력하여서 빌드하는 과정에서 warning : implicit declaration of function '_itoa' undefined reference to '_itoa'라는 워닝 문구가 뜹니다. 어떤것 때문에 이런 문제가 생기는 건지 궁금합니다. #define _CRT_SECURE_NO_WARNINGS #include <stdlib.h> #include <stdio.h> #include <limits.h> int main() { unsigned int u_max = UINT_MAX + 1; // i to binary representation char buffer[33]; _itoa(u_max, buffer, 2); // print decimal and binary printf("decimal: %u\n", u_max); printf("binary: %s\n", buffer); return 0; } ㅇ

  • c
pa zar 댓글 1 좋아요 1 조회수 1491

튜터님 강의 정말 잘봤습니다!

미해결

비전공자를 위한 개발자 취업 개론

안녕하세요 병욱님 : ) 저는 산업공학과를 졸업후 기회가되어 미국에서 직장생활을 해나가고있는 박수현입니다. 개발자로 커리어를 쌓아나가고싶은데 엔지니어링 학위가있긴하지만 마땅히 할줄아는것이 없어서 발만 동동구르고 이강의저강의 기웃거려도 손에 안잡힐때 병욱님 강의를 보게되었습니다. 처음에는 가이드 제시라기에는 조금 비싸다 ..싶었는데 강의시작하고 원큐로 끝내버렸네요 ㅎ 저처럼 마음만 급하고 갈피를 못잡는 사람들에게 너무나 유용한 강의같습니다. 일단 제가 정한 방향성은 '프론트엔트 웹 개발자'입니다. 로직과 딥러닝쪽에 관심이 많긴하지만 UI/UX처럼 사용자경험에 관련한 부분도 관심분야였기떄문에 첫 스타트로 해도 나쁘지않을것 같습니다. 제가 여쭙고싶은부분은 프론트엔드 웹개발자로 길을 정한다음 어떠한 강의부터 시작해나가면 될지 입니다. HTML, CSS는 완전기초강의 같은것은 한번 들어두긴했어서 이제 실전으로 HTML,CSS,JS 이용해서 실전 웹페이지를 만들어나가는 강의를 듣고싶은데 혹시 추천해주실만한 강의가있는지요? 종종 어떤강의는 설명이 되어야할부분이 너무 스킵이 되있다던지, 어떤부분이 구현이 안된다든지..하더라구요. 혹시 프론트엔드 개발을 빠르게 실전으로 습득할수있고 개념설명도 충분히 들어있는 강의 혹시 추천하실만한것이 있다면 부탁드리겠습니다 :) 다시한번 감사합니다!

  • 포트폴리오
  • 면접
nomad p 댓글 1 좋아요 1 조회수 158

LRU 페이징 중에서

미해결

제주코딩베이스캠프 Code Festival: JavaScript 100제

안녕하세요, 좋은 강의 정말 잘 듣고 있습니다. 다름이 아니라 이번 강의를 수강하면서 있을 경우 temp.push(temp.shift())를 사용 하셨는데요. 해당 경우는 BAE가 temp에 있을 때 A가 hit 됬다면 temp를 AEB로 만들어서 LRU와 다른 방향으로 가는 것 같은데 확인 부탁드립니다.

  • 코테 준비 같이 해요!
  • javascript
Aredra 댓글 0 좋아요 4 조회수 173

질문있습니다.

미해결

it 취업을 위한 알고리즘 문제풀이 입문 (with C/C++) : 코딩테스트 대비

int digit(int x){ int sum=0, tmp; while(x>0){ tmp=x%10; sum=sum+tmp; x=x/10; } return sum; } 질문있습니다 digit 함수 부분에서 int sum=0; 이라고 선언이 되어 있는데 "=0;" 부분을 빼고 int sum; 이렇게 선언하면 제대로된 값이 나오지 않더라구요. 왜 그러는지 알고 싶습니다.

  • C++
  • 코테 준비 같이 해요!
진형빈 댓글 1 좋아요 0 조회수 272

변수명

미해결

[리뉴얼] 파이썬입문과 크롤링기초 부트캠프 [파이썬, 웹, 데이터 이해 기본까지] (업데이트)

변수에 지정할떄 name 은 왜 ""을 쓰고 hobby 는 왜 ''를 쓰신건가요 무슨차이가 있는 건가요

  • 웹-크롤링
  • python
chl9338 댓글 1 좋아요 0 조회수 181

질문드립니다.

미해결

스프링 웹 MVC

안녕하세요. 아직은 부족하지만 기선님 강의듣고 열심히 공부진행하고 있습니다. 에러관련해서 질문 좀 드리려고 합니다. 소스코드를 똑같이 따라했지만, 테스트 진행시 Bean을 찾지못한다는 에러코드를 만나게 되었습니다. 강의찍으실때와의 버전이 달라서 에러가는 것인지 확인하기가 힘드네요. 그럼 잘 부탁드리겠습니다. 주소 : https://github.com/horange89/mvc_study_web 감사합니다~!

  • spring
  • MVC
  • java
Walla 댓글 2 좋아요 0 조회수 269

redux에서의 return

미해결

따라하며 배우는 노드, 리액트 시리즈 - 기본 강의

안녕하세요. redux에서 궁금한게 있습니다. dispatch ( loginUser ( body )) //dispatch(action이름) . then ( response => { if ( response . payload . loginSuccess ) { props . history . push ( '/' ) // 리액트에서 페이지 이동 시키는 방법 } else { alert ( 'Error' ) } }) dispatch에서 then으로 오는 reponse값이 loginUser (action)의 리턴값인가요? reducer의 case문에서 action type이 맞는것에서 리턴값인가요? if문 조건을 보고 추측하기로는 전자가 맞는 것 같은데 그러면 switch ( action . type ) { case LOGIN_USER : return {... state , loginSuccess : action . payload } reducer에서 리턴값은 어디로 리턴이 되어서 쓰이는 건가요?

  • nodejs
  • react
엔조이코딩 댓글 2 좋아요 0 조회수 426

오타수정 요청드립니다.

해결됨

더 자바, 코드를 조작하는 다양한 방법

메모리 설명에서 메모스 영역 &rarr; 메소드 영역 으로 수정해주시면 감사하겠습니다! 강의 잘 듣고 있습니다. 감사합니다.

  • java
  • JPA
  • spring
김선동 댓글 1 좋아요 1 조회수 312

코딩 화면이 안나옵니다

미해결

현직 개발자가 알려주는 안드로이드 앱 쉽게 만드는 방법

activity_main.xml 화면을 클릭해도 첨부파일과 같은 화면만 나올 뿐 코딩할 수 있는 글자가 안나오는데 어디서 찾을 수 있나요...? 버전이 다른걸까요?

  • android
12181572 댓글 2 좋아요 1 조회수 636

whitelist 의 데이터가 데이터가 많을때 처리 방법 문의.

미해결

스프링과 JPA 기반 웹 애플리케이션 개발

안녕하세요. 강의 잘 듣고있습니다. 관심 주제 자동완성 부분에서 tagify js를 사용해서 자동완성을 처리하는 부분에서 질문이 있습니다. 예를 들어 자동완성으로 보여주고 싶은 데이터가 1,000,000 개의 row가 있습니다. 강의에서 나온대로 적용을 했을시 전체를 조회하게 되어 어플리케이션이 느려질수도 있을것 같습니다. 그래서 "tagify js whitelist many data" 해당 키워드로 구글링을 해보았는데, 마땅한 답변이 찾기가 힘드네요. 키워드만 알려주시면 제가 찾아보도록 하겠습니다. 항상 좋은 강의 감사합니다.

  • JPA
  • spring
  • spring-boot
  • thymeleaf
  • java
이종건 JongKun 댓글 1 좋아요 1 조회수 396

ingress, service 등 어플리케이션을 외부로 오픈할때요

미해결

데브옵스(DevOps)를 위한 쿠버네티스 마스터

강의 잘보구있습니다 예제 실습하면서 궁금한점이 하나생기는데요 클라우드 환경이 아닌 온프레미스환경에서 쿠버네티스를 구축하여 외부로 오픈할때요 80, 443 포트로 ingress-nginx를 오픈 하거나 service/ingress-nginx-controller nodeport를 고정적으로 하는 방법이 잇나요? 예를 들어 L4, L7에서 인입을할때 ingress-nginx-controller 노드포트가 바뀌거나 다른게 할당되면 문제가 발생할수 있을거 같기도하고... 스위치 없는 단독 테스트서버를 구성하는경우엔 80,443포트를통해 서버를 구성할 수 없는지요? ingress-nginx를 쓰지않고 쿠버네티스 클러스터 앞단에 nginx를 두고 Service 타입을 nodeport로 생성한후 upstream설정에 worker노드별 ip,port를 설정하고 reverse-proxy로 사용할수도 있을거 같은데... 이러면 ingress 사용하는것과 차이가 있느지요?? 실무에서 어떤식으로 사용되는지가 궁금하네요

  • docker
  • kubernetes
maxeasy2 댓글 1 좋아요 0 조회수 304

Example5에서 space와 row

미해결

선형대수학개론

문제 5번 같은 경우 R3를 매트릭스로 나타냈을 때 row의 개수가 3개 있는데, 피봇이 4개가 나올 수 없으니까 불가능하다고 이해해도 되나요?? R3 space -> row 개수 3개 이렇게 생각해도 되는 건지 잘 모르겠습니다.

  • 선형대수학
chat 댓글 1 좋아요 0 조회수 187

코틀린 표준 라이브러리 강좌가 추가 가능한지요?

미해결

윤재성의 Google 공식 언어 Kotlin 프로그래밍 시작하기

안녕하세요. 혹시 apply, with, let, also, run등의 강좌에 대해서 추가가 가능한지 궁금하여 질문을 드립니다. - 감사합니다.

  • kotlin
  • android
판타지라이프 댓글 1 좋아요 0 조회수 200

exe파일의 위치에 대해 질문드립니다.

해결됨

홍정모의 따라하며 배우는 C언어

수동으로 txt파일을 실행할 때 exe파일이 있는 폴더를 직접 찾아 txt파일을 옮겨와 커맨드로 실행할 수 있다 하신 부분 설명중에 exe파일이 프로젝트 폴더안의 Debug폴더가 아니라 Soultion폴더의 Debug폴더에 생긴다고 하셨고 직접 보기까지 했는데 저는 exe파일이 프로젝트 폴더의 Debug파일에 생깁니다. 어쨌든 exe파일위치는 찾았고 txt파일실행까지는 문제없이 잘 되었는데 exe파일이 교수님과 왜 다른 Debug폴더에 생성되는지가 궁금합니다.

  • c
solitary 댓글 1 좋아요 0 조회수 496

데이터베이스 설계툴

미해결

[리뉴얼] React로 NodeBird SNS 만들기

안녕하세요 혹시 제로초님은 데이터베이스 설계할때 어떤 툴을 사용하여 설계를 하시나요? (조건:무료)

  • react
  • nodejs
  • redux
  • express
  • Next.js
원피스를 찾아서 댓글 2 좋아요 0 조회수 360

colab 실습에서 tensorflow와 keras부분 에러

해결됨

[개정판] 딥러닝 컴퓨터 비전 완벽 가이드

tensorflow를 1.13으로 downgrade하는 명령어에서는 ERROR: tensorflow 2.3.0 has requirement tensorboard<3,>=2.3.0, but you'll have tensorboard 1.13.1 which is incompatible. ERROR: tensorflow 2.3.0 has requirement tensorflow-estimator<2.4.0,>=2.3.0, but you'll have tensorflow-estimator 1.13.0 which is incompatible. keras에서는 ERROR: tensorflow 2.3.0 has requirement keras-preprocessing<1.2,>=1.1.1, but you'll have keras-preprocessing 1.0.2 which is incompatible. ERROR: tensorflow 2.3.0 has requirement tensorboard<3,>=2.3.0, but you'll have tensorboard 1.13.1 which is incompatible. ERROR: tensorflow 2.3.0 has requirement tensorflow-estimator<2.4.0,>=2.3.0, but you'll have tensorflow-estimator 1.13.0 which is incompatible. ERROR: tensorflow-gpu 1.13.1 has requirement keras-applications>=1.0.6, but you'll have keras-applications 1.0.4 which is incompatible. ERROR: tensorflow-gpu 1.13.1 has requirement keras-preprocessing>=1.0.5, but you'll have keras-preprocessing 1.0.2 which is incompatible. Installing collected packages: keras-preprocessing, keras-applications, keras 이런 에러가 떠서 질문드립니다. (런타임은 GPU로 설정하였습니다.)

  • 딥러닝
  • tensorflow
  • python
  • keras
  • 컴퓨터-비전
  • 머신러닝 배워볼래요?
detaimee 댓글 6 좋아요 0 조회수 631

인기 태그

인프런 TOP Writers

주간 인기글