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

ํŒŒ์ด์ฌ ์ž๋ฃŒ๊ตฌ์กฐ์™€ ์•Œ๊ณ ๋ฆฌ์ฆ˜ for Beginner 2์žฅ ์—ฐ์Šต๋ฌธ์ œ ์ •๋‹ต

2์žฅ ํŒŒ์ด์ฌ ๊ธฐ์ดˆ ๋ฌธ๋ฒ•๊ณผ ๋ฐ์ดํ„ฐ ํ˜•์‹ ์—ฐ์Šต๋ฌธ์ œ ์ •๋‹ต 1. ๋‹ค์Œ ์ค‘ ํŒŒ์ด์ฌ์˜ ๋ฐ์ดํ„ฐํ˜•์ด ์•„๋‹Œ ๊ฒƒ์„ ๋ชจ๋‘ ๊ณ ๋ฅด์‹œ์˜ค. short, bool, long, int, double, float, char, str ์ •๋‹ต : short, long, double, char, str 2. print() ํ•จ์ˆ˜์—์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ์„œ์‹์ด๋‹ค. ๊ด€๋ จ๋œ ๊ฒƒ๋ผ๋ฆฌ ์—ฐ๊ฒฐํ•˜์‹œ์˜ค. ์ •๋‹ต : ์‹ค์ˆ˜ = %f, ์ •์ˆ˜ = %d, ๋ฌธ์ž์—ด = %s, ๋ฌธ์ž = %c 3. ์„ค๋ช…์— ํ•ด๋‹นํ•˜๋Š” ํ•จ์ˆ˜ ์ด๋ฆ„์„ ๋นˆ์นธ1๊ณผ ๋นˆ์นธ2์— ๊ฐ๊ฐ ์ฑ„์šฐ์‹œ์˜ค. ๋นˆ์นธ1 ํ•จ์ˆ˜๋Š” ๊ฐ’์„ ์ž…๋ ฅ๋ฐ›๋Š”๋ฐ ์‚ฌ์šฉ๋œ๋‹ค. ๋ชจ๋“  ๊ฒƒ์„ ๋ฌธ์ž์—ด๋กœ ๊ฐ„์ฃผํ•ด์„œ ์ž…๋ ฅ๋ฐ›๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค. ๊ทธ๋Ÿฌ๋ฏ€๋กœ ์ˆซ์ž๋กœ ์ž…๋ ฅ์„ ์›ํ•œ๋‹ค๋ฉด ๋นˆ์นธ2 ํ•จ์ˆ˜๋ฅผ ์ถ”๊ฐ€๋กœ ์‚ฌ์šฉํ•ด์•ผ ํ•œ๋‹ค. ์ •๋‹ต : ๋นˆ์นธ1 = input(), ๋นˆ์นธ2 = int() 4. ๋‹ค..

ํŒŒ์ด์ฌ ์ž๋ฃŒ๊ตฌ์กฐ์™€ ์•Œ๊ณ ๋ฆฌ์ฆ˜ for Beginner 1์žฅ ์—ฐ์Šต๋ฌธ์ œ ์ •๋‹ต

1์žฅ ์ž๋ฃŒ๊ตฌ์กฐ์™€ ์•Œ๊ณ ๋ฆฌ์ฆ˜ ์†Œ๊ฐœ ์—ฐ์Šต๋ฌธ์ œ ์ •๋‹ต 1. ๋‹ค์Œ ์ค‘ ๋‹จ์ˆœ ์ž๋ฃŒ๊ตฌ์กฐ์ธ ๊ฒƒ์„ ๋ชจ๋‘ ๊ณ ๋ฅด์‹œ์˜ค. ์ƒ‰์ธ ํŒŒ์ผ, ์ •์ˆ˜, ๋ฆฌ์ŠคํŠธ, ํ, ์‹ค์ˆ˜, ๋ฌธ์ž์—ด, ํŠธ๋ฆฌ, ๊ทธ๋ž˜ํ”„, ์ˆœ์ฐจ ํŒŒ์ผ ์ •๋‹ต : ์ •์ˆ˜, ์‹ค์ˆ˜, ๋ฌธ์ž, ๋ฌธ์ž์—ด 2. ๋‹ค์Œ์„ ์„ ํ˜• ์ž๋ฃŒ๊ตฌ์กฐ์™€ ๋น„์„ ํ˜• ์ž๋ฃŒ๊ตฌ์กฐ๋กœ ๊ตฌ๋ถ„ํ•˜์‹œ์˜ค. ๋ฆฌ์ŠคํŠธ, ํŠธ๋ฆฌ, ํ, ์Šคํƒ, ๊ทธ๋ž˜ํ”„ ์ •๋‹ต : ์„ ํ˜• ์ž๋ฃŒ๊ตฌ์กฐ = ๋ฆฌ์ŠคํŠธ, ์Šคํƒ, ํ. ๋น„์„ ํ˜• ์ž๋ฃŒ๊ตฌ์กฐ = ํŠธ๋ฆฌ, ๊ทธ๋ž˜ํ”„ 3. ๋นˆ์นธ์— ๋“ค์–ด๊ฐˆ ์šฉ์–ด๋Š”? ๋นˆ์นธ์€(๋Š”) ํŒŒ์ผ ๋‚ด์šฉ์„ ๋…ผ๋ฆฌ์ ์ธ ์ฒ˜๋ฆฌ ์ˆœ์„œ์— ๋”ฐ๋ผ ์—ฐ์†ํ•ด์„œ ์ €์žฅํ•˜๋Š” ๊ฒƒ์ด๋‹ค. ์ฆ‰, ์ž…๋ ฅ๋˜๋Š” ์ˆœ์„œ๋Œ€๋กœ ์ €์žฅ๋œ๋‹ค๊ณ  ๋ณด๋ฉด ๋œ๋‹ค. ๊ตฌ์กฐ๊ฐ€ ๊ฐ„๋‹จํ•˜๊ธฐ์— ์ €์žฅ๋˜๋Š” ๊ณต๊ฐ„ ํšจ์œจ์ด ๋†’์ง€๋งŒ, ๋‹ค๋ฅธ ๋‚ด์šฉ์„ ์ถ”๊ฐ€ํ•˜๊ฑฐ๋‚˜ ์‚ญ์ œํ•  ๊ฒฝ์šฐ์—๋Š” ํŒŒ์ผ ๋‚ด์šฉ์„ ์žฌ๊ตฌ์„ฑํ•ด์•ผ ํ•˜๋ฏ€๋กœ ์ƒ๋‹นํžˆ ์‹œ๊ฐ„์ด ์˜ค๋ž˜ ๊ฑธ๋ฆฐ๋‹ค. ์ •๋‹ต : ์ˆœ์ฐจ ํŒŒ์ผ 4...

๊ฐ„๋‹จํ•œ ์•ˆ๋“œ๋กœ์ด๋“œ ๊ฒŒ์ž„ ๊ฐœ๋ฐœ - Response Tester [3] (ํ”Œ๋ ˆ์ด์Šคํ† ์–ด ๋ฐฐํฌ ์‹คํŒจ)

๊ฒ€ํ†  ์š”์ฒญ์„ ํ•ด๋†“์€์ง€ ๋ฉฐ์น  ์•ˆ๋˜์–ด ์ด๋Ÿฐ ๋ฉ”์ผ์ด ์™”๋‹ค. ๋‚ด์šฉ์ธ ์ฆ‰์Šจ, ๋‚ด๊ฐ€ ๊ฒŒ์ž„์€ ๋„ค ๊ฐœ๋ฅผ ๋งŒ๋“ค๊ฒ ๋‹ค๊ณ  ๋ฒ„ํŠผ์„ ๋„ค ๊ฐœ๋ฅผ ๋งŒ๋“ค์–ด๋†จ๋Š”๋ฐ, ์„ธ ๊ฐœ๊ฐ€ ์ž‘๋™๋˜์ง€ ์•Š๋Š”๋‹ค๋Š” ๊ฒƒ์ด๋‹ค. ๊ฐ„๋‹จํ•˜๊ฒŒ ๋ฒ„ํŠผ ์„ธ ๊ฐœ๋Š” ๋ง‰์•„๋†“๊ณ  ๋‹ค์‹œ ๋“ฑ๋ก์š”์ฒญ ํ•ด๋ณด์ž... ์ƒˆ๋กœ ๋นŒ๋“œํ•˜๊ณ  ๋‹ค์‹œ ๊ฒ€ํ† ์š”์ฒญ์„ ๋ณด๋‚ด๋†จ๋‹ค. . . . ๋ฐ˜๋‚˜์ ˆ๋„ ์•ˆ๋˜์–ด ๋ฉ”์ผ๋กœ ๋‹ต์žฅ์ด ์™”๊ณ , ํ”Œ๋ ˆ์ด์Šคํ† ์–ด์— ์ •์ƒ์ ์œผ๋กœ ๋“ฑ๋ก์ด ๋˜์—ˆ๋‹ค. https://play.google.com/store/apps/details?id=com.ghochobo.study Response Tester - Google Play ์•ฑ ์‘๋‹ต ์‹œ๊ฐ„์„ ํ…Œ์ŠคํŠธํ•ด๋ณด์„ธ์š”! play.google.com

filter(), ํ•„ํ„ฐ ํ•จ์ˆ˜

๋ฐฐ์—ด์˜ ์š”์†Œ๋ฅผ ์กฐ๊ฑด์— ๋”ฐ๋ผ์„œ ํ•„ํ„ฐ๋ง ์กฐ๊ฑด์„ ๋งŒ์กฑํ•˜๋Š” ์š”์†Œ๋กœ ์ด๋ฃจ์–ด์ง„ ์ƒˆ๋กœ์šด ๋ฐฐ์—ด์„ ๋ฐ˜ํ™˜ const numbers = [1, 2, 3, 4, 5, 6]; const evenNumbers = numbers.filter((number) => { return number % 2 === 0; }); // evenNumbers ์—๋Š” [2, 4, 6]

some(), some ํ•จ์ˆ˜

๋ฐฐ์—ด์˜ ์š”์†Œ์ค‘์—์„œ ํ•˜๋‚˜ ์ด์ƒ์˜ ์š”์†Œ๊ฐ€ ํŠน์ • ์กฐ๊ฑด์„ ๋งŒ์กฑํ•˜๋Š”์ง€ ์—ฌ๋ถ€๋ฅผ ํ™•์ผํ•  ๋•Œ ์‚ฌ์šฉ ๋ชจ๋“  ์š”์†Œ๋ฅผ ์ˆœํšŒํ•˜๋ฉฐ ์กฐ๊ฑด์„ ๊ฒ€์‚ฌํ•จ ์กฐ๊ฑด์„ ๋งŒ์กฑํ•˜๋Š” ์š”์†Œ๊ฐ€ ํ•˜๋‚˜๋ผ๋„ ์žˆ์œผ๋ฉด true ๋ฐ˜ํ™˜. const numbers = [1, 3, 5, 6, 7]; const hasEven = numbers.some((number) => { return number % 2 === 0; }); // hasEven์€ true

map(), ๋งต ํ•จ์ˆ˜

๋ฐฐ์—ด์˜ ๊ฐ ์š”์†Œ์— ๋Œ€ํ•ด ํŠน์ • ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•˜๊ณ  ๊ทธ ๊ฒฐ๊ณผ๋ฅผ ์ƒˆ๋กœ์šด ๋ฐฐ์—ด๋กœ ๋ฐ˜ํ™˜ํ•จ ํŠน์ง• = ๋ฐฐ์—ด ์ˆœํšŒ, ๋งคํ•‘ํ•จ์ˆ˜ ์ ์šฉ, ์›๋ž˜ ๋ฐฐ์—ด์€ ๋ณ€๋™ x ๋งคํ•‘ํ•จ์ˆ˜ ์ ์šฉ : ์‚ฌ์šฉ์ž๊ฐ€ ์ •์˜ํ•œ ํ•จ์ˆ˜๋ฅผ ๊ฐ ์š”์†Œ์— ์ ์šฉ. ์ด ํ•จ์ˆ˜๋Š” ๊ฐ ์š”์†Œ๋ฅผ ๋งค๊ฐœ๋ณ€์ˆ˜๋กœ ๋ฐ›์•„์„œ ์ž‘์—… ์ˆ˜ํ–‰ ๋ฐ ๋ฐ˜ํ™˜ const numbers = [1, 2, 3, 4, 5]; const doubledNumbers = numbers.map((number) => { return number * 2; }); // doubledNumbers์—๋Š” [2, 4, 6, 8, 10]

Props (Properties)

์ปดํฌ๋„ŒํŠธ ๊ฐ„์— ๊ฐ’์„ ์ „๋‹ฌํ• ๋•Œ ์‚ฌ์šฉ๋จ ํŠน์ง•์€ ์ฝ๊ธฐ ์ „์šฉ์œผ๋กœ ์ „๋‹ฌ๋˜๋ฉฐ, ์ƒ์œ„ ์ปดํฌ๋„ŒํŠธ์—์„œ ํ•˜์œ„ ์ปดํฌ๋„ŒํŠธ๋กœ ๊ฐ’์„ ์ „๋‹ฌํ• ๋•Œ ์‚ฌ์šฉํ•œ๋‹ค. ๋ฌธ์ž์—ด, ์ˆซ์ž, ๊ฐ์ฒด, ํ•จ์ˆ˜ ๋“ฑ ๋ชจ๋“  ํ˜•ํƒœ์˜ ๋ฐ์ดํ„ฐ๋ฅผ ๋„˜๊ฒจ์ค„ ์ˆ˜ ์žˆ๋‹ค. // ์ƒ์œ„ ์ปดํฌ๋„ŒํŠธ A.js const A = () => { const data = [1, 2, 3, 4, 5]; return( ); }; export default A; // ํ•˜์œ„ ์ปดํฌ๋„ŒํŠธ B.js. ํ•จ์ˆ˜ํ˜• ์ปดํฌ๋„ŒํŠธ const B = (props) => { return( const datas = props.datas; ); }; // ํ•˜์œ„ ์ปดํฌ๋„ŒํŠธ C.js. ํด๋ž˜์Šคํ˜• ์ปดํฌ๋„ŒํŠธ import {Component} from 'react'; class C extends Component{ render() { con..

useState

ํ•จ์ˆ˜ํ˜• ์ปดํฌ๋„ŒํŠธ์—์„œ ์ƒํƒœ๋ฅผ ๊ด€๋ฆฌํ•˜๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉ ์ปดํฌ๋„ŒํŠธ ๋‚ด๋ถ€์—์„œ ์ƒํƒœ ๋ณ€์ˆ˜๋ฅผ ์ •์˜ํ•˜๊ณ  ์ด๋ฅผ ๊ฐ„ํŽธํ•˜๊ฒŒ ์—…๋ฐ์ดํŠธ ํ•  ์ˆ˜ ์žˆ์Œ const [์ƒํƒœ๋ณ€์ˆ˜, ์ƒํƒœ๋ณ€์ˆ˜๋ฅผ ์—…๋ฐ์ดํŠธํ•  ํ•จ์ˆ˜] = useState(์ดˆ๊ธฐ๊ฐ’); ์˜ˆ์‹œ import React, { useState } from 'react'; function Counter() { // count ์ƒํƒœ ๋ณ€์ˆ˜์™€ setCount ์—…๋ฐ์ดํŠธ ํ•จ์ˆ˜๋ฅผ ์ •์˜ const [count, setCount] = useState(0); const increment = () => { // setCount ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ count ์ƒํƒœ๋ฅผ ์—…๋ฐ์ดํŠธ setCount(count + 1); }; return ( ์นด์šดํŠธ: {count} ์ฆ๊ฐ€ ); } export default Counter; ์—ฌ๊ธฐ์—..

์ฝœ๋ฐฑ ํ•จ์ˆ˜ (Callback function)

๋‹ค๋ฅธ ํ•จ์ˆ˜์˜ parameter๋กœ์จ ์ „๋‹ฌ๋˜๋Š” ํ•จ์ˆ˜. ๋‹ค๋ฅธ ํ•จ์ˆ˜์— ์˜ํ•ด ํ˜ธ์ถœ๋˜๋Š” ํ•จ์ˆ˜. const message = function() { console.log("oh") } setTimeout (message, 3000)์ด๋ ‡๊ฒŒ ํ•˜๋ฉด 3์ดˆ ๋’ค์— message ํ•จ์ˆ˜๊ฐ€ ํ˜ธ์ถœ๋จ.

๊ฐ„๋‹จํ•œ ์•ˆ๋“œ๋กœ์ด๋“œ ๊ฒŒ์ž„ ๊ฐœ๋ฐœ - Response Tester [2] (ํ”Œ๋ ˆ์ด์Šคํ† ์–ด ๋ฐฐํฌ)

https://www.youtube.com/watch?v=Z-1zLoXDGP8&list=PLZOm4uzWk9WMqUvfwbPxxG3nbM_dYCT0U&index=12&ab_channel=%EC%B4%88%EB%B3%B4%EC%BD%94%EB%94%A9 ์œ„ ๋™์˜์ƒ ๊ฐ•์ขŒ๋ฅผ ์ฐธ๊ณ ํ•˜์˜€์Œ ์šฐ์„  ์•ฑ ์•„์ด์ฝ˜๋ถ€ํ„ฐ ์ œ์ž‘.. . . . ๋ฐฐํฌ๊ณผ์ •๋„ ๊ฑฐ์˜ ์™„๋ฃŒํ–ˆ๋Š”๋ฐ ๋งˆ์ง€๋ง‰์— ์ด๋Ÿฐ ์˜ค๋ฅ˜๊ฐ€ ๋–ด๋‹ค. " ํ˜„์žฌ ์•ฑ์ด 32์˜ API ์ˆ˜์ค€์„ ํƒ€๊ฒŸํŒ…ํ•˜๊ณ  ์žˆ์ง€๋งŒ, ๋ณด์•ˆ ๋ฐ ์„ฑ๋Šฅ์— ์ตœ์ ํ™”๋œ ์ตœ์‹  API๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ์•ฑ์„ ๋นŒ๋“œํ•˜๋ ค๋ฉด API ์ˆ˜์ค€ 33 ์ด์ƒ์„ ํƒ€๊ฒŸํŒ…ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค." ์ง€๋‚œ ํ”Œ๋ž˜ํ”ผ๋ฒ„๋“œ ํด๋ก  ๋ฐฐํฌ๋•Œ์™€ ๋น„์Šทํ•œ ์•…๋ชฝ์ด ์‹œ์ž‘๋˜๋ คํ•˜๋Š” ๊ฒƒ ๊ฐ™์€๋ฐ, ๋น ๋ฅด๊ฒŒ ๊ตฌ๊ธ€๋ง ํ•ด๋ณธ๋‹ค. . . . ์•ˆ๋“œ๋กœ์ด๋“œ ์ŠคํŠœ๋””์˜ค์—์„œ SDK ๋†’์€ ๋ฒ„์ „์„ ๋‹ค์šด๋กœ๋“œ ๋ฐ›์œผ๋ฉด ๋œ๋‹ค๊ณ  ..