๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
728x90
๋ฐ˜์‘ํ˜•

studies/Front-end19

์–ด๋„๋น„ ์ผ๋Ÿฌ์ŠคํŠธ๋ ˆ์ดํ„ฐ CS6 ์ดํ•˜ ๋ฒ„์ „์œผ๋กœ ๋ณ€ํ™˜ํ•˜๊ธฐ Adobe illustrator downgrade compatible version ์ €์žฅ ์‹œ ์ด๋Ÿฐ ์˜ต์…˜ ์ฐฝ์ด ๋œจ๋Š”๋ฐ, ์ด๊ณณ์—์„œ ๋ฒ„์ „์„ ์„ ํƒํ•  ์ˆ˜ ์žˆ๋‹ค. ๋งค์šฐ ๊ฐ„๋‹จํ•˜๋‹ค. ์›ํ•˜๋Š” ๋ฒ„์ „์„ ์„ ํƒํ•ด์ค€๋‹ค. 2021. 2. 17.
์–ด๋„๋น„ ํฌํ† ์ƒต CS6 ์ดํ•˜ ๋ฒ„์ „์œผ๋กœ ๋ณ€ํ™˜ํ•˜๊ธฐ Adobe photoshop downgrade compatible version ์˜ค๋žœ๋งŒ์— ์ธ์‡„๋ฌผ ์ž‘์—… ํ›„ ์—…์ฒด์— ๋งก๊ธฐ๋ ค๋Š”๋ฐ, CS6๋ฒ„์ „ ์ดํ•˜๋งŒ ์ œ์ถœ์ด ๊ฐ€๋Šฅํ•˜๋‹ค๊ณ ... ํฌํ† ์ƒต ์ƒ์œ„ ๋ฒ„์ „์„ ํ•˜์œ„๋ฒ„์ „์œผ๋กœ ํ˜ธํ™˜๊ฐ€๋Šฅํ•˜๊ฒŒ ์ €์žฅํ•˜๊ธฐ๋ฅผ ์•Œ์•„๋ณด๊ฒ ๋‹ค. Edit > Preferences > File handling Maximize PSD and PSB File Compatibility : ๋Œ€์ถฉ ํ˜ธํ™˜์„ฑ ๊ด€๋ จ์ธ๋“ฏ. ๋‚˜๋Š” ์ด๊ฒƒ์ด Ask๋กœ ๋˜์–ด์žˆ์—ˆ๋Š”๋ฐ, Always๋กœ ์„ค์ •ํ•ด์ค€๋‹ค. ์ดˆ๊ฐ„๋‹จํ•˜๋‹ค. ์ € ์ƒํƒœ๋กœ ์„ค์ • ํ›„ ์ €์žฅํ•ด์ฃผ๋ฉด ํ•˜์œ„๋ฒ„์ „์—์„œ๋„ ์ •์ƒ์ ์œผ๋กœ ํŒŒ์ผ์„ ์—ด ์ˆ˜ ์žˆ๋‹ค. 2021. 2. 17.
[Flutter] AppBar transparent ํˆฌ๋ช…์ƒ‰์œผ๋กœ, Body ์œ„์— ๊ฒน์น˜๊ธฐ @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( centerTitle: true, //Title text ๊ฐ€์šด๋ฐ ์ •๋ ฌ title: Text(widget.title), backgroundColor: Colors.transparent, //appBar ํˆฌ๋ช…์ƒ‰ elevation: 0.0, //appBar ๊ทธ๋ฆผ์ž ๋†๋„ ์„ค์ • (๊ฐ’ 0์œผ๋กœ ์ œ๊ฑฐ) ), extendBodyBehindAppBar: true, //body ์œ„์— appbar body: ...(์ดํ•˜์ƒ๋žต)  ํ”Œ๋Ÿฌํ„ฐ ์•ˆ๋“œ๋กœ์ด๋“œ 2021. 1. 24.
VsCode ๋น„์ฃผ์–ผ์ฝ”๋“œ ๋ธŒ๋ผ์šฐ์ € ์‹คํ–‰ ๋‹จ์ถ•ํ‚ค ์„ค์ •ํ•˜๊ธฐ Html ํŒŒ์ผ์„ ์‹คํ–‰ํ•˜๊ธฐ ์œ„ํ•ด ํด๋”์—์„œ ์ง์ ‘ ๋”๋ธ”ํด๋ฆญํ•˜๋Š” ๊ฒƒ์€ ๋งค์šฐ ๋ฒˆ๊ฑฐ๋กญ๋‹ค. ํˆด์—์„œ ๊ณง๋ฐ”๋กœ ์‹คํ–‰ํ•˜๋Š” ๊ฒƒ์ด ํ›จ์”ฌ ํšจ์œจ์ ์ด๋‹ค.  1. ๋น„์ฃผ์–ผ ์ฝ”๋“œ ์ขŒ์ธก ๋ฐ”์—์„œ EXTENSIONS๋ฅผ ๋ˆŒ๋Ÿฌ์ค€๋‹ค.   2. ๋ธŒ๋ผ์šฐ์ €์—์„œ ๋ฐ”๋กœ ์‹คํ–‰ํ•˜๊ณ ์ž ํ•˜๋‹ˆ ๊ฒ€์ƒ‰์ฐฝ์— 'browser' ๋ผ๊ณ  ์ณ๋ณด์•˜๋‹ค. ๊ฐ€์žฅ ์œ„์— ์žˆ๋Š” ๊ฒƒ์„ Installํ•ด๋ณด๊ฒ ๋‹ค. ์›๋ž˜ ๋‚˜๋Š” ์ ์šฉ์ด ๋˜์–ด์žˆ์—ˆ๋Š”๋ฐ ์‚ฌ์šฉ์ž ๊ณ„์ •์„ ๋ฐ”๊พธ์—ˆ๋”๋‹ˆ ์ดˆ๊ธฐํ™”๋˜์–ด๋ฒ„๋ ธ๋‹ค.              3. ์„ค์น˜ํ•œ ๊ธฐ๋Šฅ์˜ ์ •๋ณด๋ฅผ ์ฝ์–ด๋ณด๋‹ˆ Alt+B ๋˜๋Š” Shift+Alt+B ๋ฅผ ์‚ฌ์šฉํ•˜๋ผ๊ณ  ํ•œ๋‹ค. ์‹คํ–‰์‹œํ‚ค๊ณ ์ž ํ•˜๋Š” ๋ฌธ์„œ์— ๋‹จ์ถ•ํ‚ค๋ฅผ ์‚ฌ์šฉํ•ด๋ณด๋ฉด ๊ธฐ๋ณธ ๋ธŒ๋ผ์šฐ์ €๋กœ ๋ฌธ์„œ๊ฐ€ ์—ด๋ฆด ๊ฒƒ์ด๋‹ค. 2020. 4. 25.
[CSS] position : relative, absolute +์ค‘์•™์ •๋ ฌํ•˜๊ธฐ My First JavaScript Animation  My First JavaScript Animation ์ถœ์ฒ˜: https://www.w3schools.com/์ถ”๊ฐ€๋กœ ์ฐธ๊ณ ํ•˜๋ฉด ์ข‹์€ ๊ธ€: https://rgy0409.tistory.com/2951 โ€ป ์ฃผ์˜ํ•  ์ . absolute ์†์„ฑ์€ inline์ด ์•„๋‹Œ div์™€ ๊ฐ™์€ ๋ธ”๋Ÿญ element์— ์ง€์ •ํ•ด์•ผ ์ž‘๋™ํ•จ. ๋ฒ„ํŠผ์— absolute ์ง€์ •ํ•ด๋„ ์•ˆ๋จนํž˜.  absolute์†์„ฑ์—์„œ ์ค‘์•™์ •๋ ฌํ•˜๊ธฐ(CSS) 1. ์ˆ˜์ง๊ณผ ์ˆ˜ํ‰์— ๋Œ€ํ•ด ์ค‘์•™์ •๋ ฌposition: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); 2. ์ˆ˜์ง์— ๋Œ€ํ•ด ์ค‘์•™์ •๋ ฌtop: 50%; transform: translate(-50%); 3... 2020. 3. 31.
[Javascript] document.write() ํ•จ์ˆ˜ ์‚ฌ์šฉ์‹œ ์ฃผ์˜ ์ด๋ฒคํŠธํ•ธ๋“ค๋Ÿฌ(ex.  on~)๋กœ document.write(x) ์‚ฌ์šฉ์‹œ ๋ชจ๋“  ๋ฌธ์„œ๊ฐ€ ์‚ฌ๋ผ์ง€๊ณ  x๊ฐ’๋งŒ ์ถœ๋ ฅ๋˜์–ด ๋‚จ๊ฒŒ๋จ.์ด๋ฒคํŠธ ํ•ธ๋“ค๋Ÿฌ๋กœ ํ˜ธ์ถœ๋˜๋Š” ํ•จ์ˆ˜ ๋‚ด์— ๊ธฐ์ž…ํ•ด๋„ ๋งˆ์ฐฌ๊ฐ€์ง€๋‹ค.  ๊ทธ๋Ÿฌ๋‚˜ ๋ฌธ์„œ๋‚ด ํƒœ๊ทธ๋กœ ์ž‘์„ฑํ•ด๋„ฃ๋Š” ๊ฒฝ์šฐ๋Š” ๊ทธ๋ ‡์ง€ ์•Š๊ณ  ์œ„์น˜์— ๋งž๊ฒŒ ์ž˜ ์ถœ๋ ฅ๋œ๋‹ค.์ด๋ฒคํŠธํ•ธ๋“ค๋Ÿฌ๋กœ ํ˜ธ์ถœ๋˜์ง€ ์•Š๋Š” ํ•จ์ˆ˜ ๋‚ด์— ๊ธฐ์ž…๋œ ๊ฒฝ์šฐ๋„ ๋งˆ์ฐฌ๊ฐ€์ง€์ด๋‹ค. ์ •๋ฆฌํ•˜์ž๋ฉด ํŽ˜์ด์ง€ ๋กœ๋”ฉ ํ›„ ํ˜ธ์ถœ๋˜๋Š” ๊ฒฝ์šฐ๋Š” ํ˜„์žฌ ํŽ˜์ด์ง€๋ฅผ ๋ฎ์–ด์“ฐ๊ธฐํ•ด๋ฒ„๋ฆผ. ์ด๋ฒคํŠธํ•ธ๋“ค๋Ÿฌ์— ์ ์šฉ์‹œ์—” innerHTML์„ ์‚ฌ์šฉํ•˜์ž. + getElementById ๋Š” ๋Œ€์†Œ๋ฌธ์ž ๊ตฌ๋ถ„ํ•จ! ์ด๊ฒƒ๋•Œ๋ฌธ์— ํ•จ์ˆ˜๊ฐ€ ์ž‘๋™ํ•˜์ง€ ์•Š๋Š”๋‹ค๋ฉด ์˜ค๋ฅ˜ ์ฐพ๊ธฐ ๋งค์šฐ ํž˜๋“ค๋‹ค๐Ÿ˜ข 2020. 3. 30.
728x90
๋ฐ˜์‘ํ˜•