๐ฉ๐ป ๊ฐ๋ฐ ๊ณต๋ถ/2025 ํ๊ฒฝxํ ์ค ๋ถ์บ (Fullstack) (14) ์ธ๋ค์ผํ ๋ฆฌ์คํธํ [ํ๊ฒฝxํ ์ค] Java : ์ฐ์ต๋ฌธ์ 100์ ํ์ด - (์งํ ์ค) ์๋ฐ ๋ฌธ๋ฒ ์ตํ๊ธฐ & ์๊ณ ๋ฆฌ์ฆ ํ์ด ์ฐ์ต ๋ฌธ์ ์ถ์ฒhttps://blog.naver.com/nissisoft21/222520498886 ์๋ฐ 100์ ๋ฌธ์ 1~50์๋ ํ์ธ์ ์ฝ๋ฉ๊ฐ์ฌ์ ๋๋ค. ์์ผ๋ก ์๋ฐ 100์ ๋ฌธ์ ํ์ด๋ฅผ ํตํด, ๊ทธ๋์ ๋ฐฐ์ด ์๋ฐ๋ฌธ๋ฒ์ ๊ณต๋ถํ๊ณ ํ์ตํ...blog.naver.com ํ์ด ์ฝ๋1. 1๋ฒ ~ 20๋ฒimport java.util.Scanner;public class question1_20 { public static void main(String[] args){ // 1๋ฒ System.out.println("Hello"); // 2๋ฒ System.out.println("Hello World"); // 3๋ฒ .. [ํ๊ฒฝxToss] ๐์ถ๊ฐ๊ณต๋ถ) Node JS, MySQL ์๋ฒ ํธ๋ฌ๋ธ์ํ / API ๋ง๋ค๊ธฐ ER_NOT_SUPPORTED_AUTH_MODE ์๋ฌ mysql ํธ๋ฌ๋ธ์ํ ๊ธฐ๋กํฐ๋ฏธ๋์์ node mysql-server.js ๋ก ์๋ฒ๋ฅผ ์คํํ์ ๋, ์๋์ ๊ฐ์ ์ค๋ฅ๊ฐ ๋ฌ๋ค.code: 'ER_NOT_SUPPORTED_AUTH_MODE',errno: 1251,sqlMessage: 'Client does not support authentication protocol requested by server; consider upgrading MySQL client',sqlState: '08004',fatal: true ๋ถ๋ช ๋ชฝ๊ณ ๋๋น ์ธ๋๋ ์๋๋๋ฐ..!!!์ด ์ค๋ฅ๋ MySQL ์๋ฒ์ ์ธ์ฆ ๋ฐฉ์์ด ํ์ฌ ์ฌ์ฉ ์ค์ธ MySQL ํด๋ผ์ด์ธํธ์์ ์ง์๋์ง ์๊ธฐ ๋๋ฌธ์ ๋ฐ์ํ๋ค๊ณ ํ๋ค MySQL 8.0 ์ด์์์๋ ๊ธฐ๋ณธ ์ธ์ฆ ํ๋ฌ๊ทธ์ธ์ด caching_sha2_passwor.. [ํ๊ฒฝxToss] Fullstack ๊ฐ๋ฐ - ์ค๊ฐ ํ๋ก์ ํธ ํ๊ณ ๐๐ฉ๐ป [ํ๊ตญ๊ฒฝ์ ์ ๋ฌธ with toss bank] Tech ์ฐ์์ธ์ฌ ์์ฑ์ ์ํ ํ์คํ ๊ณผ์ 2๊ธฐ ์ฝ 3์ฃผ ๋์ ์งํํ ์ค๊ฐ ํ๋ก์ ํธ ํ๊ธฐ.์ง๋ ์ฃผ์ ๋ฐํ๊ฐ ๋๋ฌ๋๋ฐ, ๋ ๋ฏธ๋ค๋ค๊ฐ๋ ๊ธฐ์ต์ด ํ๋ฐ๋ ๊ฒ ๊ฐ์ ์๋๋ฌ ์์ฑํด๋ณด๋ ค ํ๋ค โฌ๏ธ ํ์ ์์ค โฌ๏ธ https://github.com/inthhh/bufl_fe GitHub - inthhh/bufl_fe: ๋ฒํ - ์๊ธ ์ชผ๊ฐ๊ธฐ ์๋ํ ์๋น์ค๋ฒํ - ์๊ธ ์ชผ๊ฐ๊ธฐ ์๋ํ ์๋น์ค. Contribute to inthhh/bufl_fe development by creating an account on GitHub.github.com ๋ชฉ์ฐจ 1. ํ ๋น๋ฉ2. ์ฃผ์ 3. ๊ธฐํ์ ์์ฑ4. ๊ฐ๋ฐ - ๊ฐ๋ฐ ์งํ - ์ฌ๊ฑด์ฌ๊ณ 5. ๋ฐํ ์ค๋น 1. ํ ๋น๋ฉํ์ ๊ฐ์ฌ๋๊ป์ ์์๋ก.. [ํ๊ฒฝxToss] 8์ฃผ์ฐจ ์์ฝ : Typescript + ์ค๊ฐ ํํ๐ฅท * ๊ฐ์ธ์ ํ์ต ๋ด์ฉ ๊ธฐ๋ก ์ค, ๊ทนํ ์ผ๋ถ์ ๋ด์ฉ๋ง ์์ฑ๋์์ต๋๋ค. typescript ํํ ์์ ๋น์ ํ์๋ค์๊ฒ react ts๋ก ๊ฐ๋ฐ์ ์งํํ์๊ณ ํ์๋๋ฐ,๋ง์นจ ๊ฐ์ฌ๋์ด ๊ฐ์๋ฅผ ์งํํด์ฃผ์ จ๋ค.ts๋ฅผ ๊ฒฝํํด๋ณด์ง ์์ ํ์๋ค์ด ์์๊ธฐ์ ๋คํ์ด์์!! //ํ์ ๋จ์ธ(Assertion) : ํ๋ณํ๊ณผ ์ ์ฌtype Person = { name: string age: number} //ํ์ ์ขํ๊ธฐfunction func1(value: number | string) { //value.toFixed() //์ค์ํ์ผ๋ก ๋ฐ๊พธ๊ธฐ //value.toUpperCase() //๋๋ฌธ์๋ก ๋ฐ๊พธ๊ธฐ if (typeof value === 'number') { value.toFixed() } else if (typeof v.. [ํ๊ฒฝxToss] 6-7์ฃผ์ฐจ ์์ฝ : React.js ์ฌํ, NodeJS ๊ธฐ์ด ๊ฐ์ธ์ ํ์ต ๋ด์ฉ ๊ธฐ๋ก ์ค, ๊ทนํ ์ผ๋ถ์ ๋ด์ฉ๋ง ์์ฑ๋์์ต๋๋ค. React ๊ธฐ์ดList & Key๋ฆฌ์คํธ(List): ๋ฐฐ์ด ๋ฐ์ดํฐ๋ฅผ ๋์ ์ผ๋ก ๋ ๋๋งํ๊ธฐ ์ํด ์ฌ์ฉ๋๋ JSX ์์๋ค์ ์งํฉ React์์๋ ๋ฐฐ์ด์ ๊ฐ ํญ๋ชฉ์ JSX ์๋ฆฌ๋จผํธ๋ก ๋ณํํ์ฌ ํ๋ฉด์ ์ถ๋ ฅํฉ๋๋ค.ํค(Key): ๋ฆฌ์กํธ์์ ๊ฐ ๋ฆฌ์คํธ ํญ๋ชฉ์ ๊ณ ์ ํ๊ฒ ์๋ณํ๊ธฐ ์ํด ์ฌ์ฉํ๋ ์์ฑ์ ๋๋ค. ํค๋ ๋ฆฌ์กํธ๊ฐ ์ด๋ค ์์๊ฐ ๋ณ๊ฒฝ๋์๋์ง, ์ถ๊ฐ๋์๋์ง, ์ ๊ฑฐ๋์๋์ง๋ฅผ ๋น ๋ฅด๊ฒ ํ์ ํ์ฌ DOM์ ํจ์จ์ ์ผ๋ก ์ ๋ฐ์ดํธํ๋ ๋ฐ ์ค์ํ ์ญํ ์ ํฉ๋๋ค.Form๋ฆฌ์กํธ์์ ์ ๋ ฅํผ(input form)์ ์ฌ์ฉ์์ ์ ๋ ฅ์ ๋ฐ์ ์ํ(state)๋ก ๊ด๋ฆฌํ๋ ์ค์ํ ์์์ ๋๋ค. ์ ๋ ฅํผ์ ๋ง๋ค ๋๋ ๋ฆฌ์กํธ์ ์ํ(state)์ ์ด๋ฒคํธ ํธ๋ค๋ฌ๋ฅผ ์ฌ์ฉํ์ฌ ์ ๋ ฅ ๋ฐ์ดํฐ๋ฅผ ๊ด๋ฆฌํฉ๋๋ค.. [ํ๊ฒฝxToss] 5์ฃผ์ฐจ ์์ฝ : React.js ๊ธฐ์ด * ๊ฐ์ธ์ ํ์ต ๋ด์ฉ ๊ธฐ๋ก ์ค, ๊ทนํ ์ผ๋ถ์ ๋ด์ฉ๋ง ์์ฑ๋์์ต๋๋ค. ๋งํฌ๋ค์ด ํ์ผ ์์ฑ๋ฒgit, github ์ฌ์ฉ๋ฒgithub desktop React.js ๊ธฐ์ดReact๋ ์น ํ๋ ์์ํฌ๋ก, JS ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ํ๋๋ก์ ์ฌ์ฉ์ ์ธํฐํ์ด์ค๋ฅผ ๋ง๋ค๊ธฐ ์ํด ์ฌ์ฉ๋จ- facebook์์ ์ ๊ณตํด์ฃผ๋ ํ๋ก ํธ์๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ- ์ปดํฌ๋ํธ ๊ธฐ๋ฐ์ UI ๋ผ์ด๋ธ๋ฌ๋ฆฌ ๋ช ๋ นํ ํ๋ก๊ทธ๋๋ฐ vs ์ ์ธํ ํ๋ก๊ทธ๋๋ฐ๋ช ๋ นํ ํ๋ก๊ทธ๋๋ฐ: ๋ช ๋ นํ ํ๋ก๊ทธ๋๋ฐ์ ์ปดํจํฐ์๊ฒ ์ํํด์ผ ํ ์์ ์ ์์ฐจ์ ์ธ ๋ช ๋ น์ด๋ค๋ก ๊ตฌ์ฑํ ํ๋ก๊ทธ๋๋ฐ ๋ฐฉ์์ ๋๋ค. ๋ช ๋ นํ ํ๋ก๊ทธ๋๋ฐ์์๋ ์ฝ๋๊ฐ ํ๋ก๊ทธ๋จ ์ํ๋ฅผ ๋ณ๊ฒฝํ๋ ๋ฐ ํ์ํ ์ ์ฐจ๋ฅผ ๋ช ์์ ์ผ๋ก ๊ธฐ์ ํ๋ฉฐ, ๋ณ์๋ฅผ ์ฌ์ฉํด ์ํ๋ฅผ ์ถ์ ํฉ๋๋ค. ๋ํ์ ์ธ ๋ช ๋ นํ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด๋ก๋ C, C++, Java, Python ๋ฑ์ด.. [ํ๊ฒฝxToss] 4์ฃผ์ฐจ ์์ฝ : JS ์ค๊ธ * ๊ฐ์ธ์ ํ์ต ๋ด์ฉ ๊ธฐ๋ก ์ค, ๊ทนํ ์ผ๋ถ์ ๋ด์ฉ๋ง ์์ฑ๋์์ต๋๋ค.ํ ํ๋ฆฟ ๋ฆฌํฐ๋ด(Template literals) - es6๋ถํฐ์ ์ด๋ฆ์ ${name}์ ๋๋ค. ๋ฐฐ์ด(Array)์ฐ์๋ ๊ณต๊ฐ์ ๋์ผํ ํ์ ์ ๋ฐ์ดํฐ๋ฅผ ์์ฐจ์ ์ผ๋ก ๋์ดํ ์๋ฃ๊ตฌ์กฐArray ๊ฐ์ฒดnew : ๊ฐ์ฒด ์์ฑ ์ ์ฌ์ฉํ๋ ์์ฝ์ด๊ฐ์ฒด(Object) : ์ฝ๋๋ก ์ ์(ํด๋์ค, ํจ์)๋ ๋ฉ๋ชจ๋ฆฌ์ ์ ์ฌ ํ ํ์ฑํ๋ ์ํ. ์ธ์คํด์คinstanceof : ๊ฐ์ฒด๊ฐ ํน์ ํด๋์ค์ ์ํ๋์ง ์๋์ง๋ฅผ ํ์ธjs ๋ฐฐ์ด์ ๋ฆฌ์คํธ ๊ธฐ๋ฅ์ ํฌํจ ๊ฐ ํ์ ๋ณ์ vs ์ฐธ์กฐํ์ ๋ณ์๊ฐ ํ์ ์ ๋ฉ๋ชจ๋ฆฌ ๊ณต๊ฐ์ ์ค์ ๊ฐ์ ๊ฐ์ง์ฐธ์กฐ ํ์ ์ ๋ฉ๋ชจ๋ฆฌ ๊ณต๊ฐ์ ๊ฐ์ ์ฃผ์๋ฅผ ๊ฐ์งํจ์(Function)์ฉ๋1. ์ฝ๋ ์ค๋ณต ์ ๊ฑฐ - ์ฌ์ฌ์ฉ์ฑ2. ์ฝ๋ ์ด๋ฆ - ๊ฐ๋ ์ฑ3. ๊ธฐ๋ฅ์ ๋ถ๋ฆฌ/๊ฒฐํฉ - ๋ชจ๋ํ.. [ํ๊ฒฝxToss] ๐์ถ๊ฐ๊ณต๋ถ) Javascript ํ์ดํ ํจ์ ์ฅ์ / arrow function ์ฌ์ฉ ์ด์ ES6 ๋ฌธ๋ฒ ์ดํ๋ถํฐ ํ์ดํ ํจ์๊ฐ ๋ฑ์ฅํ๋ค ๊ถ๊ธํ ๊ฒ :์ JS์์ ํ์ดํ ํจ์ ์ฌ์ฉ์ ๊ถ์ฅํ๋๊ฑธ๊น? ์ ? WHY/ ?? 1. ํจ์ํ ๋ณ์ const apple = 1000; // ๋ณ์const add = (a, b) => a + b; // ํ์ดํ ํจ์console.log(add(2, 3)); // 5 ์ฌ์ฉ์ด ์ง๊ด์ ์ด๋ค.๋ณ์์ ๋์ผํ๊ฒ ์ ์ธ ํ, ๋ณ์ ์ด๋ฆ์ ํธ์ถํ๋ฉด ํจ์๋ฅผ ์คํ์ํฌ ์ ์๋ค! 2. ๊ฐ๋จํ ์์ ์งง์ ์์์ผ ๊ฒฝ์ฐ ๊ดํธ๊ฐ ํ์์๋ค let func = x => x * 2 ; 3. this๋ฅผ ์ฌ์ฉํ์ง ์๋๋ค. ๐๐๐โผ๏ธ ์ผ๋ฐ ํจ์ ๋ด์์๋ this๋ฅผ ์ฌ์ฉํ ์ ์์ผ๋, ํ์ดํ ํจ์์๋ ํด๋น ๋ฌธ๋ฒ์ด ์ ์ฉ๋์ง ์์.๊ทผ๋ฐ ์ด๊ฒ ์ฅ์ ์ด ๋๋ค.ํ์ดํ ํจ์ ๋ด์์ this๋ฅผ ์ฌ์ฉํ ๊ฒฝ์ฐ, ์์์.. ์ด์ 1 2 ๋ค์