๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

๋ Œ๋”๋ง

Browser - ๋ธŒ๋ผ์šฐ์ €์˜ ๊ตฌ์กฐ์™€ ๋ Œ๋”๋ง ๊ณผ์ •
Computer Programming/Javascript 2023. 6. 15. Browser - ๋ธŒ๋ผ์šฐ์ €์˜ ๊ตฌ์กฐ์™€ ๋ Œ๋”๋ง ๊ณผ์ • 1. ๋ธŒ๋ผ์šฐ์ €์˜ ๊ตฌ์กฐ ์›น๋ธŒ๋ผ์šฐ์ €์˜ ๊ธฐ๋Šฅ์ด ๋‹ค์–‘ํ™”๋˜๋ฉด์„œ ๋งŽ์€ ์—ญํ• ์„ ์ˆ˜ํ–‰ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์›น๋ธŒ๋ผ์šฐ์ €์˜ ๊ทผ๋ณธ์ ์ธ ์—ญํ• ์€ ์›นํŽ˜์ด์ง€๋ฅผ ๋‹ค์šด๋ฐ›์•„ ๋ Œ๋”๋งํ•˜์—ฌ ํ™”๋ฉด์— ๋ณด์—ฌ์ฃผ๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. - User Interface : ์š”์ฒญํ•œ ํŽ˜์ด์ง€๋ฅผ ๋ณด์—ฌ์ฃผ๋Š” ์ฐฝ ์ด์™ธ์— ์‚ฌ์šฉ์ž๊ฐ€ ์ปจํŠธ๋กค ํ•  ์ˆ˜ ์žˆ๋Š” ๋ถ€๋ถ„์ด๋‹ค. (์ฃผ์†Œํ‘œ์‹œ์ค„, ์ด์ „/๋‹ค์Œ, ์ƒˆ๋กœ๊ณ ์นจ ...) - Browser Engine: ์ฃผ์†Œํ‘œ์‹œ์ค„์— URI๋ฅผ ์š”์ฒญํ•˜๋Š” ๋“ฑ์˜ ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ๋ Œ๋”๋ง ์—”์ง„์— ์ „๋‹ฌํ•ด์ฃผ๊ณ  ๋™์ž‘์„ ์ œ์–ดํ•œ๋‹ค. ๋˜๋Š” Data Persistence(์ž๋ฃŒ์ €์žฅ์†Œ)์—์„œ ํ•„์š”ํ•œ ์ •๋ณด๋ฅผ ๊ฐ€์ ธ์˜จ๋‹ค. - Rendering Engine : ์š”์ฒญํ•œ URI๋ฅผ ๋ธŒ๋ผ์šฐ์ €์—”์ง„์—๊ฒŒ ๋ฐ›์•„์„œ server์— ์š”์ฒญํ•œ๋‹ค. ์ดํ›„ ๋ฐ์ดํ„ฐ๋ฅผ ๋ฐ›์•„ ํŒŒ์‹ฑํ•œ ํ›„ ๋ Œ๋”๋งํ•œ๋‹ค. (๋ Œ๋”๋ง ๊ณผ์ •์€ 2์žฅ์—!) ..
๋ฆฌ์•กํŠธ์˜ ๋ Œ๋”๋ง ์ˆœ์„œ์™€ ๋ Œ๋”๋ง ์ตœ์ ํ™”ํ•˜๋Š” ๋ฒ• (memoization์„ ํ†ตํ•ด ๋ถˆํ•„์š”ํ•œ ๋ฆฌ๋ Œ๋”๋ง ํ•ด๊ฒฐํ•˜๊ธฐ!)
Computer Programming/React 2023. 5. 20. ๋ฆฌ์•กํŠธ์˜ ๋ Œ๋”๋ง ์ˆœ์„œ์™€ ๋ Œ๋”๋ง ์ตœ์ ํ™”ํ•˜๋Š” ๋ฒ• (memoization์„ ํ†ตํ•ด ๋ถˆํ•„์š”ํ•œ ๋ฆฌ๋ Œ๋”๋ง ํ•ด๊ฒฐํ•˜๊ธฐ!) 1. ๋ฆฌ์•กํŠธ ๋ Œ๋”๋ง์˜ ์ˆœ์„œ ์•„๋ž˜ ์ฝ”๋“œ์—์„œ 4๊ฐ€์ง€ console.log() ๋ฌธ์ด ์–ด๋–ป๊ฒŒ ์ถœ๋ ฅ๋ ์ง€ ์˜ˆ์ƒํ•ด๋ณด์ž. import React, { useState } from 'react'; import Login from './components/Login/Login'; import Home from './components/Home/Home'; import MainHeader from './components/MainHeader/MainHeader'; import { useEffect } from 'react'; function App() { const [isLoggedIn, setIsLoggedIn] = useState(false); console.log("in function") useEffect(() =>..

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”