[TIL] 20.09.24

HyeRyunยท2020๋…„ 9์›” 25์ผ
0

TIL

๋ชฉ๋ก ๋ณด๊ธฐ
5/48

๐Ÿง ๋‹˜ ์˜ค๋Š˜ ๋ญํ–ˆ์Œ?

React ํ† ์ดํ”„๋กœ์ ํŠธ ๊ฐœ๋ฐœ ์ค‘...

  1. bootstrap์„ ์“ฐ๋ ค๊ณ  ์‹œ๋„ํ–ˆ๋Š”๋ฐ ์ž๊พธ ์ปดํŒŒ์ผ ์‹คํŒจํ•จ ใ… ใ…  reactstrap๋„ ์„ค์น˜ํ•˜๊ณ  ๊ทธ๋žฌ๋Š”๋ฐ ๋ญ๊ฐ€ ๋ฌธ์ œ์ธ์ง€.. ์ž๊พธ ์‹คํŒจํ•ด์„œ ์ผ๋‹จ ๊ธฐ๋Šฅ ์ถ”๊ฐ€ ๋จผ์ € ํ•˜๋ ค๊ณ  ํ•œ๋‹ค.

  2. '์›น ๊ฒŒ์ž„์„ ๋งŒ๋“ค๋ฉฐ ๋ฐฐ์šฐ๋Š” React' ๊ฐ•์˜ ๋“ฃ๊ธฐ
    2-10. ๋๋ง์ž‡๊ธฐ Hooks๋กœ ์ „ํ™˜ํ•˜๊ธฐ
    3-1. import์™€ require ๋น„๊ต

๐ŸŒฑ ์•Œ๊ฒŒ ๋œ ์‚ฌ์‹ค

  • ์•„๋ž˜ ๋‘ ์ฝ”๋“œ๋Š” ํ˜ธํ™˜๋˜๋Š” ์ฝ”๋“œ์ด๋‹ค.
const React, { useState, useRef } = require('react');
import React, { useState, useRef } from 'react';
  • require๋Š” node์˜ module ์‹œ์Šคํ…œ์ด๋‹ค. react์—์„œ๋Š” import, export ์“ด๋‹ค๊ณ  ์ƒ๊ฐํ•˜๋ฉด ๋œ๋‹ค.

โœจ ๋Š๋‚€์ ์€?

๊ทธ๋™์•ˆ ์—ฌ๋Ÿฌ ๋ฆฌ์•กํŠธ ์ฝ”๋“œ๋ฅผ ๋ณด๋ฉด์„œ require์ด๋ž‘ import๊ฐ€ ์„ž์—ฌ์„œ ๋‚˜์˜ค๊ธธ๋ž˜ ๋„๋Œ€์ฒด ๋ญ” ์ฐจ์ด์ธ๊ฐ€ ๊ถ๊ธˆํ–ˆ์—ˆ๋Š”๋ฐ ์ด๋ฒˆ ๊ฐ•์˜์—์„œ ๋งˆ์นจ ์ฐจ์ด์  ์•Œ๋ ค์ฃผ์…”์„œ ๋‚˜์ด์Šค ํƒ€์ด๋ฐใ…Žใ…Ž

profile
๊ฐœ๋ฐœ๊ฐœ๋ฐœ

0๊ฐœ์˜ ๋Œ“๊ธ€