inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

const 위치 관련 질문.

280

sg HYUN

작성한 질문수 15

0

안녕하세요, 

아무래도 처음하는 공부라서 굉장히 기초적인 부분에 대한 질문인것 같습니다. 

import {SwitchRouteLinkuseHistoryfrom 'react-router-dom';
import UploadPage from "./upload";
import ProductPage from "./product";
import {Buttonfrom "antd";
import {DownloadOutlinedfrom '@ant-design/icons'

function App() {
  const history = useHistory();
  return (
   <div>
     <div id="header">
      <div id="header-area">
        <Link to="/">
        <img src="/images/icons/logo.png"/>
        </Link>
        <Button size="large"          
          onClick={function(){
              history.push('/upload');
          }}
          icon={<DownloadOutlined/>}
          >상품 업로드
        </Button>
      </div>

 위 부분에서 const history= useHistory(); 가 왜 꼭 return 구분 밖에 있어야하는지 궁금합니다. 

 return 이 되어 표출되는 곳이 시작하기 전에  const가 정의 되야 return구분이 실행되면서 해당 const부분이 적용되야함이라고 개인적으로는 이해했으나, 정확히 집고 가야하는 부분이어야 한다고 생각해서 질문드립니다. 

 const구분 이라 위의 부분이 작동해야하며 const라 function 안에 위치해야하는 것인지요...

 아주 기본적인 부분일 수 있지만.. 워낙 백지상태로 시작하여 질의 드립니다 ㅠㅠ 

javascript reactnavtive const usdHistory

답변 0

ReactScriptExample 관련 질문

0

11

1

소스코드즘 부탁드립니다.

0

7

1

안녕하세요 한번 더 문의드립니다.

0

48

4

81강 실습 자료 없음

0

38

2

선생님 공유해주신 핸드북에 링크가 몇개 잘못되었어요

0

33

2

62강 실습자료가 잘못되었습니다.

0

32

1

코드 자료는 없는걸까요?

0

65

3

강의 목표

0

37

1

강의 노트 위주로 학습

0

42

1

쿠키 생성 관련

0

68

3

JWT auth error invalid token

0

64

2

경력기술서는 어떤 방향이 좋을까요?

0

53

2

MSA 와 BFF 아키텍처 설명 부분에 대한 문의

1

56

1

eslint.config.js 설정 질문입니다.

0

68

2

7강 흐름 제어 아키택쳐 코드 순서

1

54

1

수업자료 어디서 찾아볼 수 있나요?

0

48

2

함수 강의의 정답.. 어떤가요?

0

42

1

깃권한요청드립니다

0

40

1

<div id="banner">배너 이미지</div> 관련 질문

0

35

1

강의자료

0

43

1

윈도우에서 Node js를 설치하고 싶어요

0

38

0

addToFile function에서 path를 사용해 새로운 파일을 생성

0

48

1

[46강] EventEmitter를 활용한 10가지 패턴 중 플러그인 아키텍처

0

47

2

강의가 누락된것 같습니다.

0

59

2