๋ฐ˜์‘ํ˜•

๋ถ„๋ฅ˜ ์ „์ฒด๋ณด๊ธฐ 293

[Intellij] ์ฝ”๋“œ ์ผ๊ด„ ๋ณ€๊ฒฝํ•˜๋Š” ๋ฐฉ๋ฒ• (๋‹จ์ถ•ํ‚ค)

Intro Intellij ์—์„œ ์ฝ”๋“œ๋ฅผ ์ผ๊ด„ ๋ณ€๊ฒฝํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์•Œ์•„๋ด…์‹œ๋‹ค. How to do 1. ์ˆ˜์ •ํ•˜๊ณ ์ž ํ•˜๋Š” ์ฝ”๋“œ๋ฅผ ์ฐพ์Šต๋‹ˆ๋‹ค. (Shift + cmd + f) 2. ํ•œ๋ฒˆ์— ํ•ด๋‹น ์ฝ”๋“œ๋ฅผ ๋ณ€๊ฒฝํ•˜๊ณ  ์‹ถ์„ ๊ฒฝ์šฐ (Shift + cmd + r) ์„ ์ž…๋ ฅํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋Ÿผ ์•„๋ž˜์™€ ๊ฐ™์ด input ์ฐฝ์ด 1๊ฐœ ๋” ์ƒ์„ฑ๋ฉ๋‹ˆ๋‹ค. 3. ๋ณ€๊ฒฝํ•˜๊ณ ์ž ํ•˜๋Š” ์ฝ”๋“œ๋ฅผ ์•„๋ž˜ input ์ฐฝ์— ์ž…๋ ฅ ํ›„ ์•„๋ž˜์˜ REPLACE ALL ๋ฒ„ํŠผ์„ ๋ˆŒ๋Ÿฌ์ค๋‹ˆ๋‹ค.

[JavaScript] prompt() ํ•จ์ˆ˜ ์‚ฌ์šฉ ๋ฐฉ๋ฒ•

Intro JavaScript์˜ prompt() ํ•จ์ˆ˜ ์‚ฌ์šฉ ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๋„๋ก ํ•ฉ์‹œ๋‹ค. Window.prompt() prompt()๋Š” ์‚ฌ์šฉ์ž๊ฐ€ ํ…์ŠคํŠธ๋ฅผ ์ž…๋ ฅํ•  ์ˆ˜ ์žˆ๋„๋ก ์•ˆ๋‚ดํ•˜๋Š” ์„ ํƒ์  ๋ฉ”์„ธ์ง€๋ฅผ ๊ฐ–๊ณ  ์žˆ๋Š” ๋Œ€ํ™” ์ƒ์ž๋ฅผ ๋„์›๋‹ˆ๋‹ค. Syntax prompt() prompt(message) prompt(message, defaultValue) Parameters message (Optional) : ์‚ฌ์šฉ์ž์—๊ฒŒ ๋ณด์—ฌ์ค„ ๋ฌธ์ž์—ด์„ ๋‚˜ํƒ€๋‚ธ๋‹ค. defaultValue (Optional) : ํ…์ŠคํŠธ ์ž…๋ ฅ ํ•„๋“œ์— ๊ธฐ๋ณธ์œผ๋กœ ์ฑ„์›Œ๋„ฃ์„ ๋ฌธ์ž์—ด์„ ๋œปํ•œ๋‹ค. return value : ์‚ฌ์šฉ์ž๊ฐ€ ์ž…๋ ฅํ•œ ๋ฌธ์ž์—ด, ๋˜๋Š” null Example let sign = prompt("๋‹น์‹ ์˜ ๋ณ„์ž๋ฆฌ๋Š” ๋ฌด์—‡์ž…๋‹ˆ๊นŒ?"); if (sign.toLo..

[React] Modal ํŒ์—…์‹œ ๋’ท๋ฐฐ๊ฒฝ์ด ์Šคํฌ๋กค ๋˜์ง€ ์•Š๊ฒŒ ํ•˜๋Š” ๋ฐฉ๋ฒ•

Intro ๋ฆฌ์•กํŠธ์—์„œ Modal ํŒ์—…์‹œ ๋’ท๋ฐฐ๊ฒฝ์ด ์Šคํฌ๋กค ๋˜์ง€ ์•Š๊ฒŒ ํ•˜๋Š” ๋ฐฉ๋ฒ•์— ๋Œ€ํ•ด ์†Œ๊ฐœํ•˜๊ณ ์ž ํ•ฉ๋‹ˆ๋‹ค. How to do import React, { useEffect } from 'react'; export const Modal = (props) => { // ๋ชจ๋‹ฌ ์˜ค๋ฒ„๋ ˆ์ด์—์„œ ์Šคํฌ๋กค ๋ฐฉ์ง€ useEffect(() => { document.body.style.cssText = ` position: fixed; top: -${window.scrollY}px; overflow-y: scroll; width: 100%;`; return () => { const scrollY = document.body.style.top; document.body.style.cssText = ''; window.scrollTo..

Framework/React 2022.08.30
๋ฐ˜์‘ํ˜•