๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

728x90
๋ฐ˜์‘ํ˜•

๐Ÿ‘ฉ‍๐Ÿ’ป ๊ฐœ๋ฐœ ๊ณต๋ถ€/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๋ฅผ ์‚ฌ์šฉํ•  ๊ฒฝ์šฐ, ์ƒ์œ„์—..

728x90
๋ฐ˜์‘ํ˜•