Frontend ๐Ÿ“š/Flutter 10

[Flutter]Memo App Project_(4)

2022.02.19 - [Flutter] - Memo App Project_(3) Memo App Project_(3)2022.02.19 - [Flutter] - Memo App Project_(2) Memo App Project_(2) 2022.02.18 - [Flutter] - Memo App Project_(1) Memo App Project_(1) ๊ฐ„๋‹จํ•œ ๋ฉ”๋ชจ์žฅ์„ ๋งŒ๋“ค์–ด ๋ณผ ๊ฑฐ์ž„! 1. ๋‹ค๋ฅธ ํŽ˜์ด์ง€ ๊ฐ€์ ธ์˜ค๊ธฐ - Naviga..jaejae-sosp.tistory.com1. ์‚ญ์ œ ๊ธฐ๋Šฅ!: OnLongPress- InkWell2. ๋ฉ”๋ชจ ๋ณด๊ธฐ ๊ธฐ๋Šฅ!: OnTap - Navigator.push1. ์‚ญ์ œ ๊ธฐ๋Šฅ! - InkWellMemo App์— ์‚ญ์ œ ๊ธฐ๋Šฅ์„ ๋„ฃ์–ด๋ณด๊ฒ ๋‹ค.๋จผ์ € ๋‚˜์ค‘์— ํ•จ์ˆ˜์— ์“ฐ์ผ ์ „์—ญ ๋ณ€์ˆ˜ ์„ ์–ธ..

[Flutter]Memo App Project_(3)

2022.02.19 - [Flutter] - Memo App Project_(2) Memo App Project_(2)2022.02.18 - [Flutter] - Memo App Project_(1) Memo App Project_(1) ๊ฐ„๋‹จํ•œ ๋ฉ”๋ชจ์žฅ์„ ๋งŒ๋“ค์–ด ๋ณผ ๊ฑฐ์ž„! 1. ๋‹ค๋ฅธ ํŽ˜์ด์ง€ ๊ฐ€์ ธ์˜ค๊ธฐ - Navigator Push 2. ๋ฆฌ์ŠคํŠธ ๋ทฐ ์ƒ์„ฑํ•˜๊ณ  ๋‚˜์—ดํ•˜๊ธฐ - ListView 3. ๋ฉ”๋ชจ ์“ฐ๊ธฐ ํŽ˜..jaejae-sosp.tistory.com 1. DB ๋ฐ์ดํ„ฐ ๋‚˜์—ดํ•˜๊ธฐ - FutureBuilder์™€ ListView ์‚ฌ์šฉ 2. home ํ™”๋ฉด ๊พธ๋ฏธ๊ธฐ1. DB ๋ฐ์ดํ„ฐ ๋‚˜์—ดํ•˜๊ธฐ - FutureBuilder์™€ ListView ์‚ฌ์šฉFutureBuilder: ๋‚˜์ค‘์— ๋ฐ›์„ ๊ฐ’์„ ๋ฏธ๋ฆฌ ์„ ํƒํ•ด๋†“๊ณ  ์ด๊ฑธ๋กœ ์œ„์ ฏ ๊พธ๋ฐ€ ์ˆ˜ ์žˆ..

[Flutter]Memo App Project_(2)

2022.02.18 - [Flutter] - Memo App Project_(1) Memo App Project_(1)๊ฐ„๋‹จํ•œ ๋ฉ”๋ชจ์žฅ์„ ๋งŒ๋“ค์–ด ๋ณผ ๊ฑฐ์ž„! 1. ๋‹ค๋ฅธ ํŽ˜์ด์ง€ ๊ฐ€์ ธ์˜ค๊ธฐ - Navigator Push 2. ๋ฆฌ์ŠคํŠธ ๋ทฐ ์ƒ์„ฑํ•˜๊ณ  ๋‚˜์—ดํ•˜๊ธฐ - ListView 3. ๋ฉ”๋ชจ ์“ฐ๊ธฐ ํŽ˜์ด์ง€ ๋งŒ๋“ค๊ธฐ - TextField์™€ AppBar 1. ๋‹ค๋ฅธ ํŽ˜์ด์ง€ ๊ฐ€์ ธ์˜ค๊ธฐ - Navigato..jaejae-sosp.tistory.com๊ณ„์† Memo App์„ ๋งŒ๋“ค์–ด๋ณด์ž! 1. SQLite ์‚ฌ์šฉํ•˜๊ธฐ 2. ํ•ด์‹œ - Sha5121. SQLite ์‚ฌ์šฉํ•˜๊ธฐ๋น„๋™๊ธฐ์‹(vs ๋™๊ธฐ์‹) * future - ๋ฏธ๋ž˜์— ์‘๋‹ต๊ฐ’ ๋Œ๋ ค๋ฐ› * async - ๋น„๋™๊ธฐ์‹ ํ•จ์ˆ˜ ์ฒ˜๋ฆฌํ•  ๋•Œ ๋ถ™์ž„ * await - ๋น„๋™๊ธฐ์‹ ํ•จ์ˆœ๋ฐ ์ค‘๊ฐ„์— ๊ฒฐ๊ณผ ํ™•์ธํ•˜๋Š” ๊ฒฝ์šฐ, ๊ธฐ๋‹ค๋ฆฌ..

[Flutter]Memo App Project_(1)

๊ฐ„๋‹จํ•œ ๋ฉ”๋ชจ์žฅ์„ ๋งŒ๋“ค์–ด ๋ณผ ๊ฑฐ์ž„!1. ๋‹ค๋ฅธ ํŽ˜์ด์ง€ ๊ฐ€์ ธ์˜ค๊ธฐ - Navigator Push 2. ๋ฆฌ์ŠคํŠธ ๋ทฐ ์ƒ์„ฑํ•˜๊ณ  ๋‚˜์—ดํ•˜๊ธฐ - ListView 3. ๋ฉ”๋ชจ ์“ฐ๊ธฐ ํŽ˜์ด์ง€ ๋งŒ๋“ค๊ธฐ - TextField์™€ AppBar1. ๋‹ค๋ฅธ ํŽ˜์ด์ง€ ๊ฐ€์ ธ์˜ค๊ธฐ - Navigator Pushlib์— ๋‹ค๋ฅธ directory ๋งŒ๋“ค๊ธฐ! database์™€ screens ๋‘ ๊ฐœ๋ฅผ ๋งŒ๋“ค์—ˆ์Œ. ์ด๋ฒˆ ์‹œ๊ฐ„์—” screens directory๋งŒ ๋‹ค๋ฃฌ๋‹ค.main.dart์˜ ๊ธธ์ด๋ฅผ ์™„์ „ ์ค„์˜€๋‹ค. 14๋ฒˆ์งธ ์ค„์„ ๋ณด๋ฉด theme๋ฅผ ์„ค์ •ํ•œ๋‹ค. Flutter์˜ ๊ฒฝ์šฐ ThemeData๋ฅผ ํ†ตํ•ด์„œ ์ „์ฒด์ ์ธ Theme์„ ์„ค์ •ํ•  ์ˆ˜ ์žˆ๋‹ค. ๊ทธ๋Ÿฐ๋ฐ ์ƒ‰์ƒ์„ ํ•˜๋‚˜ํ•˜๋‚˜ ์กฐ์ ˆํ•˜๋Š” ๊ฑด ์ผ์ž„.๊ทธ๋ž˜์„œ primarySwatch ์†์„ฑ ๊ฐ’์„ ํ†ตํ•ด ์ „์ฒด์ ์ธ Theme๋ฅผ ์„ค์ •ํ•œ๋‹ค.primar..

[Flutter]๋ ˆ์ด์•„์›ƒ ํŠœํ† ๋ฆฌ์–ผ_(2)

2022.02.17 - [Flutter] - ๋ ˆ์ด์•„์›ƒ ํŠœํ† ๋ฆฌ์–ผโ–ถ๋ฐ˜์‘ํ•˜๋Š” ์•ฑ ๋งŒ๋“ค๊ธฐver.์ด์ „์— ๋งŒ๋“  ๋ ˆ์ด์•„์›ƒ ํŠœํ† ๋ฆฌ์–ผ์€ statelessํ•˜๊ฒŒ ๋งŒ๋“ค์–ด์„œ ์ƒํƒœ๊ฐ€ ๋ณ€ํ•  ์ˆ˜ ์—†์Œ→ ์ƒํƒœ๊ฐ€ ๋ณ€ํ•  ์ˆ˜ ์žˆ๊ฒŒ statefulํ•˜๊ฒŒ ๋งŒ๋“ค์–ด์คŒํด๋ฆญํ•˜๋ฉด ๋ฐ˜์‘ํ•  ์ˆ˜ ์žˆ๊ฒ ๊ธˆ ํ•ด๋‹น ๋ณ€์ˆ˜๋“ค ์„ ์–ธ๊ธฐ์กด์˜ icon์„ ๋ฒ„ํŠผ ๊ธฐ๋Šฅ์ด ์žˆ๋Š” iconbutton์œผ๋กœ ๋งŒ๋“ค์–ด์ฃผ๊ณ  ์•ˆ์—   1. ๋ฒ„ํŠผ์ด ๋ˆŒ๋ฆฌ๋Š” ๊ฒƒ์— ๋”ฐ๋ผ ๋™์ž‘ํ•˜๋Š” ํ•จ์ˆ˜    2. ์ƒํƒœ์— ๋”ฐ๋ผ ๋ฐ”๋€Œ๋Š” icon (์ด๋•Œ ์‚ผํ•ญ ์—ฐ์‚ฐ์ž ็”จ, Dart ๊ธฐ๋ณธ ๋ฌธ๋ฒ•_(1)์— ์ •๋ฆฌ๋˜์–ด ์žˆ์Œ)   3. ๋ฒ„ํŠผ ์ƒ‰์„ ์ง€์ •ํ•ด์คŒ. star icon ๋ˆŒ๋ €์„ ๋•Œ ๋ฐ˜์‘ํ•˜๋Š” ํ•จ์ˆ˜ ์ •์˜์™„์„ฑ! star icon ํด๋ฆญํ•˜๋ฉด ์ƒํƒœ๊ฐ€ ๋ฐ”๋€œ!