๊ธ๋๋ผ๋ ๊ฐ๋ฐ์ ๊ธ์ฐ๊ธฐ ์ปค๋ฎค๋ํฐ๋ ์๋ ์ ์ฒ์ ์๊ฒ ๋์๋ค.์ฒ์ ์๊ฒ๋ ํ, ๊ผญ ๋ค์ด๊ฐ๊ณ ์ถ์ ๊ณณ์ด๋ผ๊ณ ์๊ฐ์ ํ๋ค. ๊ทธ๋์ 7๊ธฐ๋ ์ธ์ ๋ชจ์งํ๋์ง ํญ์ ์์๋ณด๊ณค ํ๋ค. ์ง๋ ๋ฌ์ ๊ธ๋ 7๊ธฐ๋ฅผ ๋ชจ์งํ๋ค๋ ๊ธ์ ๋ณด๊ณ ๋ฐ๋ก ์ ์ฒญํ๋ค!๋ถํธ์บ ํ๋ฅผ ์กธ์ ํ๊ณ ๊ฐ๋ฐ์๊ฐ ๋์๋ค. ๋ถ
์๋ฐ์คํฌ๋ฆฝํธ์์ ๋ณต์กํ ์กฐ๊ฑด๋ฌธ์ ์ฐ๋ ๊ฒ์, ํญ์ ์ง์ ๋ถํ ์ฝ๋๋ฅผ ์์ฑํ ๊ฐ๋ฅ์ฑ์ด ์๋ค.๋ค์์ ์กฐ๊ฑด๋ฌธ์ ๊ฒฝ์ฐ,Object literal์ด ์ฝ๋๋ฅผ ๊ตฌ์กฐํํ๋ ๊ฐ์ฅ ์ฝ๊ธฐ ์ข์ ๋ฐฉ๋ฒ์ด๋ผ๊ณ ์๊ฐํ๋ค.์์๋ฅผ ๋ณด๋ฉด, ์ด์จ์ด ์๋ ์ฌ๋ญ ๊ตฌ๋ฌธ๊ณผ ๊ทธ ์๋ฏธ๋ฅผ ๋ฆฌํดํ๋ ํจ์๊ฐ ์๋ค๊ณ ๊ฐ์
Three.js๋ ์นํ์ด์ง์ 3D๊ฐ์ฒด๋ฅผ ์ฝ๊ฒ ๋ ๋๋งํ๋๋ก ๋์์ฃผ๋ ์๋ฐ์คํฌ๋ฆฝํธ 3D ๋ผ์ด๋ธ๋ฌ๋ฆฌ.๋๋ถ๋ถ์ ๊ฒฝ์ฐ,Three.js๋ 3D๊ฐ์ฒด๋ฅผ ๋ ๋๋งํ๋ ๋ฐ webgL์ ์ฌ์ฉํ๋ค. WebGL:์ ,์ ,์ผ๊ฐํ๋ง์ ๊ทธ๋ฆฌ๋ ์์ฃผ ๋จ์ํ ์์คํ WebGL๋ก ์ง์ ๋ฌด์ธ๊ฐ๋ฅผ ๋ง๋ค๋ ค๋ฉด ์๋น
Vue 3์์ ์๋ก ๋ฑ์ฅํ The composition API์ ๋ํด ์์๋ณด์.1.Group logic together in a setup function2.Easily create reusable logic(Functions)์์ ์ฝ๋๋ฅผ ์ดํด๋ณด์.ref๋ฅผ ์ฌ์ฉํ ๋๋
๋ผ์ฐํฐ๋ฅผ ์ดํดํ๊ธฐ ์ํด์๋ ๋จผ์ ๋ผ์ฐํ ์ด ๋ฌด์์ธ์ง ์์์ผ ํ๋ค. ๋ผ์ฐํ ์ ์น ํ์ด์ง ๊ฐ์ ์ด๋ ๋ฐฉ๋ฒ์ ๋งํ๋ค. ๋ผ์ฐํ ์ ํ๋ ์น ์ฑ ํํ ์ค ํ๋์ธ SPA์์ ์ฃผ๋ก ์ฌ์ฉํ๊ณ ์๋ค.SPA ์ฑ๊ธ ํ์ด์ง ์ ํ๋ฆฌ์ผ์ด์ : ํ์ด์ง๋ฅผ ์ด๋ํ ๋๋ง๋ค ์๋ฒ์ ์น ํ์ด์ง๋ฅผ ์์ฒญํ์ฌ ์๋ก
{{๋ฐ์ดํฐ ๋ฐ์ธ๋ฉ}}ํ๋ ์ด์ ??1\. HTML์ ํ๋์ฝ๋ฉํด๋์ผ๋ฉด ๋์ค์ ๋ณ๊ฒฝ์ด ์ด๋ ค์2.Vue์ ์ค์๊ฐ ์๋ ๋ ๋๋ง์ด ๋๋ค.=>Vue๋ data๋ฅผ ๋ณ๊ฒฝํ๋ฉด data์ ๊ด๋ จ๋ HTML์๋ ์ค์๊ฐ์ผ๋ก ๋ฐ์์ด ๋๋ค.3\. ์ ์ด์ ๊ฐ์ด ๋ฐ๋ ์ผ ์์ผ๋ฉด ๋ฐ์ดํฐ ๋ฐ์ธ๋ฉ์ํด๋ ๋
์๋ array์์ object๊ฐ ์๋ ์์๋ฅผ ์ดํด๋ณด์.foodArray์ ๊ฐ object๋ฅผ iterateํ๊ธฐ ์ํด for loop๋ฅผ ์ฐ๊ณ ์ ํ๋ค.forEach๋ฅผ ์ฌ์ฉํ๋ฉด for loop์ ๋์ผํ ๊ฒฐ๊ณผ๋ฅผ ์ป์ ์ ์๋ค.forEach๋ ๋ชจ๋ array์์ ์กด์ฌํ๋ค. ์
ํท๊ฐ๋ฆฌ๋ forEach, for in, for of๋ฅผ ์ ๋ฆฌํด๋ณด๊ณ ์ ํ๋ค.forEach๋ ๋ชจ๋ ์์๋ฅผ ๋ฐ๋ณตํ๋ฉฐ ์ฝ๋ฐฑํจ์๋ฅผ ์คํํ๋ค.์ค์ง Array๊ฐ์ฒด์์๋ง ์ฌ์ฉ๊ฐ๋ฅํ ๋ฉ์๋. ๋ฐ๋ณต๋ฌธ์ด ์๋๋ผ ํจ์์ด๋ค.for...in์ ๊ฐ์ฒด์ ์ฌ์ฉํ ์ ์๋ค. ๊ฐ์ฒด์ key๊ฐ๊ณผ value
๐ ๋ฌด๊ถ๋ฌด์งํ ์๋ฐ์คํฌ๋ฆฝํธ์ธ๊ณ์ ๋น ์ ธ๋ณด์! 1.[]์ ![]์ ๊ฐ๋ค. > [] ==![] =>true ์ ํํ์์ ์๋์ ๊ฐ์ด ๋จ์ํ๋ ์ ์๋ค. ์ถ์ํญ๋ฑ ์ฐ์ฌ์๋ ์์ชฝ์ ์ซ์๋ก ๋ณํํ์ฌ ๋น๊ตํ๊ณ ์๋ก ๋ค๋ฅธ ์ด์ ๋ก ๊ฒฐ๊ตญ ์์ชฝ์ ์ซ์๋ 0์ด ๋๋ค. 2.tr
useMemo๋ useCallback๊ณผ ๋น์ทํ๋ค. memoized callback์ ๋ฆฌํดํ๋ ๋์ , memoized value๋ฅผ ๋ฆฌํดํ๋ค.useMemo๋ 2๊ฐ์ arguments(ํจ์, ์์กด์ฑ ๋ฐฐ์ด)๋ฅผ ๊ฐ๋๋ค. ๋งค ๋ ๋์, ์์กด์ฑ๋ฐฐ์ด์ ๊ฐ์ ์๋ฌด๋ฐ ๋ณํ๊ฐ ์๋ค๋ฉด use
useCallback์ 2๊ฐ์ argument(callback function, ์์กด์ฑ๋ฐฐ์ด)๋ฅผ ๊ฐ๋๋ค.์์กด์ฑ ๋ฐฐ์ด์ ๊ฐ์ด ๋ฐ๋์์ ๋ memoized callback ํจ์๋ฅผ ๋ฆฌํดํ๋ค.๐นMemoization์ ๋ฌด์์ธ๊ฐ?memoized,momoization์ ์ต์ ํ ๊ธฐ์
useReducer๋? useRedcuer Hook์ react๊ฐ ์ํ๊ด๋ฆฌ๋ฅผ ์ํ reducer function์ ์ ๊ทผํ ์ ์๊ฒ ํด์ค๋ค. useState Hook๊ณผ ๋งค์ฐ ๋น์ทํ๋ฐ, ์ฐจ์ด์ ์ด๋ผ๋ฉด useReducer๋ ์ข ๋ ๋ณต์กํ ๋ก์ง๊ณผ ์ํ๊ด๋ฆฌ์์ ์ฌ์ฉ๋๋ ๊ฒฝ์ฐ๊ฐ
Write a function to find the longest common prefix string amongsts an array of strings. If there is no common prefix, return an empty string "". Exam
Roman numerals are represented by seven different symbols :I,V,X,L,C,D,M.Symbol : ValueI 1V 5X 10L
๋์์ธํจํด์ ์ํํธ์จ์ด ๊ฐ๋ฐ์ ๋ฐ์ํ๋ ๋ค์ํ ์ด์๋ค์ ํด๊ฒฐํ๋๋ฐ ๋์์ ์ฃผ๋ ์ผ์ข ์ ์ฆ๋ช ๋ ๊ธฐ์ ๋ค์ด๋ค.์ด๋ฌํ ์ํฉ์์๋ ์ด๋ฌํ ํจํด์ ์ฌ์ฉํ๋ฉด ์ข์ ๊ฒ์ด๋ผ๋ ์ผ์ข ์ ๋ฐฉํฅ์ฑ์ ์ ์ํด์ค๋ค.์ฑ๊ธํค ํจํด์ ํน์ ํด๋์ค์ ๊ฐ์ฒด๋ฅผ ํ ๊ฐ๋ง ์ ์งํ๋ ํจํด์ด๋ค.์ ์ญ์์ ์ ๊ทผํ ์
Given an integer X, return true if x is palindrome integer. An integer is a palindrome when it reads the same backward as forward. For example, 121 is
Given a signed 32-bit integer x, return x with its digits reversed.If reversing x causes the value to go outside the signed 32-bit integer range โ231,
Given a string s, find the length of the longest substring without repeating charactersExample 1Input: s = "abcabcbb"Output:3Explanation: The answer i
Context API๋ ์ํ์ ์ค์๊ด๋ฆฌ๋ฅผ ์ํ ์ํ๊ด๋ฆฌ ๋๊ตฌ๋ฆฌ๋์ค์ ๋ค๋ฅด๊ฒ ์ฌ๋ฌ ์ ์ฅ์๊ฐ ์กด์ฌํ ์ ์๋ค. Context API๋ ํฌ๊ฒ ์ ์ญ ์ํ๊ฐ ์ ์ฅ๋๋ context, ์ ์ญ ์ํ๋ฅผ ์ ๊ณตํ๋ provider, ์ ์ญ ์ํ๋ฅผ ๋ฐ์ ์ฌ์ฉํ๋ consumer๋ก ๋๋๋คcon
grid's element์์ space-between,space-around๋ฅผ ์ฌ์ฉํ๋ฉด ๊นจ์ง grids๋ฅผ ๋ณด๊ธฐ ์ฝ๋ค.๊ทธ๋ ๊ธฐ์ column-gap์ ์ฌ์ฉํ๋ ๊ฒ์ด ๋ ์ข์ ๋ฐฉ๋ฒ์ด๋ค.์์)justify-content์ align-items๋ฅผ ์ฌ์ฉํ๋ฉด ์์ง ์ ๋ ฌ์ ๋ฐ์ดํฐ๋ฅผ