๐ป ๊ฐ๋ฐ/Android
๊ตฌํ ๊ธฐ๋ฅ ์นด๋ฉ๋ผ ์ ๊ฐค๋ฌ๋ฆฌ ์์ ์ด๋ฏธ์ง๋ฅผ ๋ถ๋ฌ์ ImageView ์ ๋ฃ์ด์ฃผ๋ ๊ธฐ๋ฅ ๊ตฌํ ์ฝ๋ ๊ตฌํ ๊ฒฐ๊ณผ ์ค๋ฅ ๋ด์ฉ ์นด๋ฉ๋ผ ์์ ์ด๋ฏธ์ง ๋ฅผ ์ดฌ์ํ๊ณ ์ด๋ฅผ ์ ๋ฌ๋ฐ์ผ๋ฉด ์ ์์ ์ผ๋ก ImageView ์ ์ฝ์
๋๋๋ฐ ๊ฐค๋ฌ๋ฆฌ ์์ ์ด๋ฏธ์ง ๋ฅผ ์ ํํ๊ณ ์ด๋ฅผ ์ ๋ฌ๋ฐ์ผ๋ฉด ์ดํ๋ฆฌ์ผ์ด์
์ด ์ข
๋ฃ๋๋ ์ค๋ฅ๊ฐ ๋ฐ์ํ๋ค. ์ฐ์ ์ค๋ฅ ๋ด์ฉ์ null , ์ฝ์ด๋ณด๋ null ์ ๋นํธ๋งต ์ด๋ฏธ์ง๋ก ๋ณํํ ์ ์๋ค๋ ์ค๋ฅ์๋ค. ์ด์ ๋ ๊ฐ๋จํ๋ค. ์นด๋ฉ๋ผ ์์ ์ดฌ์ํ ์ด๋ฏธ์ง๋ฅผ ๊ฐ์ ธ์ฌ ๋ onActivityResult ํจ์์์ data ๋ฅผ ํตํด ์ดฌ์ํ ์ด๋ฏธ์ง๋ฅผ ๊ฐ์ ธ์ค๋๋ฐ ์ด ๋ data?.extras?.get("data") ๋ฅผ ํตํด์ ์ด๋ฏธ์ง ๋ฐ์ดํฐ๋ฅผ ๊ฐ์ ธ์จ๋ค. ์ ์ฝ๋๊ฐ ์นด๋ฉ๋ผ์์ ์ดฌ์ํ ์ด๋ฏธ์ง์ด๋ฉด ์ ์์ ์ผ๋ก ๋์ํ์ง๋ง ๊ฐค๋ฌ๋ฆฌ์์ ์ด๋ฏธ์ง๋ฅผ ๊ฐ์ ธ..
๐ป ๊ฐ๋ฐ/Android
์ดํ๋ฆฌ์ผ์ด์
์ ์ ๊ณผ์ ์์ ์ฌ๋ฌ ์ธ์ด๋ฅผ ์ง์ํด์ผ ํ๋ ๊ฒฝ์ฐ๊ฐ ์๋ค. 1. ์ฐ์ ๊ธฐ๋ณธ์ ์ผ๋ก ์์ด๋ก ์ ์ธํ๋ค๊ณ ์น์. 2. res > values > strings ์ ์๋ก์ด strings.xml ์ ์ถ๊ฐํ๋ค. 3. locale์ ์ ํํ๊ณ >> ๋ฅผ ํด๋ฆญํ๋ค. 4. ko, South Korea ๋ฅผ ํด๋ฆญํ๋ค. 5. ํ์ผ์ด ์์ฑ๋ ๋ชจ์ต์ด๋ค. 6. ์์ด๋ก ์ ์ธํ string.xml ๊ณผ ๊ฐ์ name์ ๊ฐ์ง string ํ๊ทธ๋ฅผ ์์ฑํ๊ณ value๋ง ํ๊ตญ์ด๋ก ๋ฐ๊ฟ์ค๋ค. 7. ๋ณ๋ค๋ฅธ ์์ ์์ด ๊ธฐ๋ณธ ์ธ์ด๋ง ๋ณ๊ฒฝํด๋ ์ฑ ๋ด๋ถ์ ํ
์คํธ๊ฐ ๋ณ๊ฒฝ๋๋ ๊ฒ์ ๋ณผ ์ ์๋ค.
๐ป ๊ฐ๋ฐ/Flutter
์ง๋ ์๊ฐ์ Column์ ๋ํด ์ ๋ฆฌํ์๋ค. ์ค๋ ์ ๋ฆฌํ ๋ด์ฉ์ Column์ผ๋ก ์์ ฏ๋ค์ ๋ณด์ฌ์ค ๋ ๋ฐ์ํ ์ ์๋ ๋ฌธ์ ๋ฅผ ํด๊ฒฐํด์ฃผ๋ ๋ ๋ค๋ฅธ ์์ ฏ์ด๋ค. import 'package:flutter/material.dart'; void main() { return runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( appBar: AppBar( title: Text("Column ์์ "), ), body: Column( mainAxisAlignment: MainAxisAlignment.spaceEvenly, ve..
๐ป ๊ฐ๋ฐ/Flutter
์ง๋ ์๊ฐ Container์ ์ด์ด ์ค๋์ Column, Row, Expanded์ ์์๋ณด๋ ค๊ณ ํ๋ค. ์ด์ ํฌ์คํ
์์ ๋ถ๊ฐ๋ฅํ๋ Container ๊ฐ์ ๋ถ๋ฆฌ๋ฅผ ์ด๋ฌํ ์์ ฏ๋ค์ ์ด์ฉํ์ฌ ํด๊ฒฐํ ์ ์๋ค. https://codekodo.tistory.com/95 3. Container, Padding ์ค๋ ์์๋ณผ ๊ฒ์ Container์ Padding ์์ ฏ์ด๋ค. ๊ฐ์ด ๋ฌถ์ด์ ์์ฑํ๋ ์ด์ ๋ ๋ ์์ ฏ์ด ๊ฑฐ์ ์ ์ฌํ๊ธฐ ๋๋ฌธ์ด๋ค. Container ์ฐ์ ๊ณต์๋ฌธ์์๋ Container๊ฐ ์์ ์์ ฏ์ ์ปค์คํฐ๋ง์ด์ง ํ ์ ์๋ ์์ ฏ์ด codekodo.tistory.com ์ค๋ ์์๋ณผ ๊ฒ์ Container์ Padding ์์ ฏ์ด๋ค. ๊ฐ์ด ๋ฌถ์ด์ ์์ฑํ๋ ์ด์ ๋ ๋ ์์ ฏ์ด ๊ฑฐ์ ์ ์ฌํ๊ธฐ ๋๋ฌธ์ด๋ค. ์ฐ์ ๊ณต์๋ฌธ์์๋ Co..
๐ป ๊ฐ๋ฐ/Flutter
์ค๋ ์์๋ณผ ๊ฒ์ Container์ Padding ์์ ฏ์ด๋ค. ๊ฐ์ด ๋ฌถ์ด์ ์์ฑํ๋ ์ด์ ๋ ๋ ์์ ฏ์ด ๊ฑฐ์ ์ ์ฌํ๊ธฐ ๋๋ฌธ์ด๋ค. Container ์ฐ์ ๊ณต์๋ฌธ์์๋ Container๊ฐ ์์ ์์ ฏ์ ์ปค์คํฐ๋ง์ด์ง ํ ์ ์๋ ์์ ฏ์ด๋ผ๊ณ ๋์์๋ค. ์ด ๋ง์ ์ฆ, ์ฌ๋ฐฑ, ๊ฐ๊ฒฉ, ํ
๋๋ฆฌ ๋๋ ๋ฐฐ๊ฒฝ์์ ์ถ๊ฐํ๊ณ ์ถ์ ๋ Container๋ฅผ ์ฌ์ฉํ ์ ์๋ค๋ ๊ฒ์ด๋ค. ์ค์ ๋ก Cotainer ์์ ฏ์ ๋ค์ํ ์์ฑ์ ๊ฐ์ง๊ณ ์๋ค. Container Container({ Key? key, AlignmentGeometry? alignment, EdgeInsetsGeometry? padding, Color? color, Decoration? decoration, Decoration? foregroundDecoration, dou..
๐ป ๊ฐ๋ฐ/์ค๋์ ์ฝ์ง
์ค๋ฅ ๋ฐ์ ์ธํด์ ์งํํ๋ฉด์ ์์ฑํ ์ฝ๋๋ค์ ๊น๋ฉ์ด ์๋ ๊นํ๋ธ์ ์ฌ๋ ค๋จ์๋ค. ์๋๋ ํ์ฌ ๊น๋ฉ์ ์ฌ์ฉํด์ผํ๋๋ฐ ์ค๋ฅ ๋๋ฌธ์ ์ฌ๋ผ๊ฐ์ง ์์์ ์ฐ์ Private Repository ๋ฅผ ์์ฑํด์ ์ปค๋ฐ์ ํด์คฌ๋ค. ๊ทธ๋ฌ๋ ์ค ์ธํด ๋ง์ง๋ง ๋ ์ธ ์ค๋ ๋ชจ๋ ์ฝ๋๋ฅผ ๊น๋ฉ์ผ๋ก ๋ค์ ์ฎ๊ธฐ๋ ค๊ณ ํ๋๋ฐ ๋ฐ์ํ ์ค๋ฅ... ์ฐ์ git remote rm origin ์ผ๋ก ์ฐ๊ฒฐ๋ Repository ์ ํด์ ํ๊ณ git remote rm origin "์๋ก์ด ๊น๋ฉ ssh ์ฃผ์" ๋ก ๋ค์ ์ฐ๊ฒฐํ๊ณ push ๋ฅผ ์งํํ๋๋ฐ? ์ค๋ฅ ๋ด์ฉ refusing to merge unrelated histories ์ด๋ฐ ์ค๋ฅ๊ฐ ๋ด๋ค. ์์ธ์ ๊น๋ฉ์ ์์ฑํด๋์ Repository ์ ์ง๊ธ๊น์ง ๊นํ๋ธ์ ์ปค๋ฐํ๋ Repository ๊ฐ ์๋ก ๊ด๋ จ์ด ์..
๐ป ๊ฐ๋ฐ/Flutter
ํ๋ฌํฐ์ ์์ ฏ์ ํฌ๊ฒ ๋ ๊ฐ์ง๋ก ๋๋๋ค. Stateful๊ณผ Stateless Stateful์ ์์ ฏ์ด ๋์ํ๋ ๋์ ๋ด๋ถ ํด๋์ค์์ ๋ฐ์ดํฐ ๋ณ๊ฒฝ์ด ํ์ํ ๊ฒฝ์ฐ์ ์ฌ์ฉ๋๋ค. setState ์คํ ์ดํ ํ๋ฉด์ ๋ค์ ๊ทธ๋ ค์ ๋ณ๊ฒฝ๋ ๋ถ๋ถ์ ๋ค์ ๋ฐ์ํ๋ค. Stateless๋ Stateful๊ณผ ๋ค๋ฅด๊ฒ ์์ ฏ์ด ๋์ํ๋ ๋์ ๋ฐ์ดํฐ ๋ณ๊ฒฝ์ด ์ผ์ด๋์ง ์๋ ๊ฒฝ์ฐ์ ์ฌ์ฉ๋๋ค. ์ฌ์ฉ์์ ๋ฐ์๊ณผ ์๊ด ์์ด ํ๋ฉด๋ง ๋ณด์ฌ์ค ๋ ์ฌ์ฉํ๋ค๊ณ ์๊ฐํ๋ฉด ๋๋ค. import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) ..
๐ป ๊ฐ๋ฐ/Flutter
ํ๋ฌํฐ๋ ์์ ฏ์ผ๋ก ์์ํด์ ์์ ฏ์ผ๋ก ๋๋๋ค. ํ๋ฌํฐ๋ก ์ฑ์ ๊ฐ๋ฐํ ๋ ํ๋ฉด์์ ๋ณด์ด๋ ๋ชจ๋ ๊ฒ(element๋ค์ ๋ฐฐ์น)๊ณผ padding, margin๊ณผ ๊ฐ์ ๋ณด์ด์ง ์๋ ๊ฒ๋ค์ด ์์ ฏ์ด๋ค. ์ด๋ฌํ Widget๊ฐ์ ๊ด๊ณ๋ฅผ Widget Tree๋ผ๊ณ ํ๋ค. Widget๋ค์ ๋ถ๋ชจ์ ์์์ ๊ด๊ณ๋ฅผ ๊ฐ๋๋ค. MyApp์ ์์์ผ๋ก MaterialApp์ด ์กด์ฌํ๋ค. Material์ ํ์ฌ ์๋๋ก์ด๋์ ์ ์ฉ๋ UI์ด๋ค. https://flutter.dev/docs/development/ui/widgets/material Material Components widgets flutter.dev ์ด์ ๋๋น๋๋ ๊ฒ์ Cuppertino, ํ์ฌ IOS์ ์ ์ฉ๋ UI์ด๋ค. https://flutter.dev/docs/developm..
๐ป ๊ฐ๋ฐ/Node.js
๋ณธ ๊ฒ์๊ธ์ PC๋ฒ์ ์ ์ต์ ํ ๋์ด์์ผ๋ฉฐ ํจ์คํธ์บ ํผ์ค ์ํฌํฐ์ฆ 3๊ธฐ๋ก ํ๋ํ๋ฉฐ "ํ ๋ฒ์ ๋๋ด๋ Node.js ์น ํ๋ก๊ทธ๋๋ฐ ์ด๊ฒฉ์ฐจ ํจํค์ง Online"์ ๋ฌด๋ฃ๋ก ํ์ฐฌ๋ฐ์ ์์ฑํ ๊ฒ์๊ธ์
๋๋ค. ๋๋์ด ๊ธธ๊ณ ๊ธด ํ ๋ฌ์ด ๋๋ฌ๋ค. ์ด๊ฒ ์๊ธฐ๊ฐ ๊ธฐ๋ง๊ณ ์ฌ ๊ธฐ๊ฐํ๊ณ ๊ฒน์ณ์ ๊ฐ์๋ฅผ ์ ๋๋ก ๋ฃ์ง๋ ๋ชปํ ๋ฏ ์ถ๋ค. ์ต๊ทผ ๋น์ ๊ณต์ ๊ฐ๋ฐ์๊ฐ ๋ง์์ง๊ณ ์๋๋ฐ ๊ทธ๋ฐ ๋ถ์๊ธฐ์ ์๋ง์ ๊ฐ์๋ผ๊ณ ์๊ฐํ๋ค. ๋ณธ์ธ๋ ์ ๊ณต์์ด์ง๋ง ์น์ชฝ์ผ๋ก๋ ๊ธฐ๋ณธ์ ์ธ js๋ฌธ๋ฒ๋ง ์๊ณ ์๊ณ ๊น๊ฒ ๋ฐฐ์ด ์ ์ด ์๋ค. ํ์ฌ ํ๊ต ๊ฐ์ ์ค์ 1~2์ฃผ ๊ฐ๊ฒฉ์ผ๋ก ๋ค์ํ ํ๋ ์์ํฌ๋ฅผ ๋ฐฐ์ฐ๋ ๊ณผ๋ชฉ์ด ์๋๋ฐ ๊ฑฐ๊ธฐ์ ๋ฆฌ์กํธ๋ฅผ ์ฒ์ ์ ํ์๋ค. ํ์ง๋ง 2๋ฒ์ ๊ฐ์์์ ๋ง์ ์์ ์ ๋ณด๋ฅผ ์ป๊ธฐ๋ ์ฝ์ง ์์๋ค. ๊ทธ ๋ ๋ฐฐ์ฐ์ง ๋ชปํ ๋ถ๋ถ๋ค์ ์ด๋ฒ Node.js ๊ฐ์๋ฅผ ํตํด ์ถ๊ฐ์ ์ผ๋ก..
๐ป ๊ฐ๋ฐ/Node.js
๋ณธ ๊ฒ์๊ธ์ PC๋ฒ์ ์ ์ต์ ํ ๋์ด์์ผ๋ฉฐ ํจ์คํธ์บ ํผ์ค ์ํฌํฐ์ฆ 3๊ธฐ๋ก ํ๋ํ๋ฉฐ "ํ ๋ฒ์ ๋๋ด๋ Node.js ์น ํ๋ก๊ทธ๋๋ฐ ์ด๊ฒฉ์ฐจ ํจํค์ง Online"์ ๋ฌด๋ฃ๋ก ํ์ฐฌ๋ฐ์ ์์ฑํ ๊ฒ์๊ธ์
๋๋ค. ํ์คํ๊ฐ๋ฐ์ ํ์คํ๊ฐ๋ฐ์ ํ์คํ๊ฐ๋ฐ์ ํ์คํ๊ฐ๋ฐ์ ํ์คํ๊ฐ๋ฐ์ ๋ฒ์จ 4์ฃผ์ฐจ๋ค. ์ด์ ํ ์ฃผ๋ง ๋ํ๋ฉด ์ํฌํฐ์ฆ ํ๋์ ๋... ์ด๋ฒ ์ฃผ์ ํ๋ ์ฐ๊ณ ๋ค์ ์ฃผ์ ๋ง์ง๋ง 5์ฃผ์ฐจ๋ฅผ ์ธ๋ผํ๋๋ฐ ์ด๋ฒ์ฃผ ์์์ผ๊น์ง 5์ฃผ์ฐจ๋ฅผ ๋ง๋ฌด๋ฆฌํ๋ผ๊ณ ํ์
์ ์ค๋ ํ๋... ๋ด์ผ ํ๋... ์ด๋ ๊ฒ ์จ์ผ๋๋ค๐๐ ์ค๋์ ์ง๋ ์ฃผ ๋ฆฌ์กํธ ๋ง๋ณด๊ธฐ์ ์ด์ ๋ฐ๋ฒจ๊ณผ JSX, ์นํฉ์ ๋ํด์ ํ์ตํ๋ค. ์ผ๋จ JSX๊ฐ ๋ญ๋๊ณ ? HTML์ฒ๋ผ ์๊ธด ๋ฌธ๋ฒ์ด๋ค. const element = Hello, world!; ๋ญ๊ฐ ์งฌ๋ฝ๋๋ค. HTML ํ๊ทธ์ธ๋ฐ constํ ๋ณ์..