Banner

My Tech Blog (๊ฐ์ฒด)

// JSON ๋ฐ์ดํ„ฐ ๋‹ค๋ฃจ๊ธฐ ์œ„ํ•œ JS ์‚ฌ์šฉ๋ฒ•// [1] : ๋ฐ์ดํ„ฐ const person = [ `{"name":"์ด์ˆœ์‹ ","age":20,"nationality":"๋Œ€ํ•œ๋ฏผ๊ตญ"}`, {"name":"๋งฅ์•„๋”","age":30,"nationality":"๋ฏธ๊ตญ"}, {"name":"์—˜๋ฆฌ์ž๋ฒ ์Šค","age":40,"nationality":"์˜๊ตญ"}, {"name":"์ž”๋‹ค๋ฅดํฌ","age":50,"nationality":"ํ”„๋ž‘์Šค"},]; console.log(typeof person); // objectconsole.log(typeof person[0]); // stringconsole.log(typeof person[1]); // object ์ฒซ๋ฒˆ์งธ ์š”์†Œ๋ฅผ ์ž‘์€ ๋”ฐ์˜ดํ‘œ๋กœ ๊ฐ์‹ธ๋ฉด string ..
JSON๊ณผ XML์€ ๋ฐ์ดํ„ฐ๋ฅผ ํ‘œํ˜„ํ•˜๊ณ  ์ „์†กํ•˜๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉํ•˜๋Š” ๋‘ ๊ฐ€์ง€ ํ˜•์‹์ด๋‹ค.1. XMLXML์€ ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ•˜๊ณ  ์ „๋‹ฌํ•  ๋ชฉ์ ์œผ๋กœ ๋งŒ๋“ค์–ด์กŒ์œผ๋ฉฐ, ์ €์žฅ๋˜๋Š” ๋ฐ์ดํ„ฐ์˜ ๊ตฌ์กฐ๋ฅผ ๊ธฐ์ˆ ํ•˜๊ธฐ ์œ„ํ•œ ์–ธ์–ด์ด๋ฉฐ EXtensible Markup Language์˜ ์•ฝ์ž์ด๋‹ค. - XML์€ ๋‹ค๋ฅธ ๋ชฉ์ ์˜ ๋งˆํฌ์—… ์–ธ์–ด๋ฅผ ๋งŒ๋“œ๋Š” ๋ฐ ์‚ฌ์šฉ๋˜๋Š” ๋‹ค๋ชฉ์  ๋งˆํฌ์—… ์–ธ์–ด- XML์€ ๋‹ค๋ฅธ ์‹œ์Šคํ…œ๋ผ๋ฆฌ ๋‹ค์–‘ํ•œ ์ข…๋ฅ˜์˜ ๋ฐ์ดํ„ฐ๋ฅผ ์†์‰ฝ๊ฒŒ ๊ตํ™˜ํ•  ์ˆ˜ ์žˆ๋„๋ก ํ•ด์ค€๋‹ค.- XML์€ ์ƒˆ๋กœ์šด ํƒœ๊ทธ๋ฅผ ๋งŒ๋“ค์–ด ์ถ”๊ฐ€ํ•ด๋„ ๊ณ„์†ํ•ด์„œ ๋™์ž‘ํ•˜๋ฏ€๋กœ, ํ™•์žฅ์„ฑ์ด ์ข‹๋‹ค. - XML์€ ๋ฐ์ดํ„ฐ๋ฅผ ๋ณด์—ฌ์ฃผ์ง€ ์•Š๊ณ , ๋ฐ์ดํ„ฐ๋ฅผ ์ „๋‹ฌํ•˜๊ณ  ์ €์žฅํ•˜๋Š” ๊ฒƒ๋งŒ์„ ๋ชฉ์ ์œผ๋กœ ํ•œ๋‹ค.- XML์€ ํ…์ŠคํŠธ ๋ฐ์ดํ„ฐ ํ˜•์‹์˜ ์–ธ์–ด๋กœ ๋ชจ๋“  XML ๋ฌธ์„œ๋Š” ์œ ๋‹ˆ์ฝ”๋“œ ๋ฌธ์ž๋กœ๋งŒ ์ด๋ฃจ์–ด์ง„๋‹ค.XML ๊ธฐ๋ฐ˜์˜ ์–ธ์–ด XHTML, SVG,..
์ €๋ฒˆ์— ํšŒ์›๊ฐ€์ž… ์–‘์‹ `join.jsp` ๊นŒ์ง€ ๋งŒ๋“ค์—ˆ๋‹ค. ์˜ค๋Š˜์€ userDAO ํด๋ž˜์Šค์— ํšŒ์›๊ฐ€์ž…์„ ์ฒ˜๋ฆฌํ•˜๋Š” ๋ฉ”์„œ๋“œ๋ฅผ ํ•˜๋‚˜ ์ถ”๊ฐ€ํ•ด ์ค„๊ฒƒ์ด๋‹ค.DAO ํด๋ž˜์Šค๋Š” ์‹ค์ œ๋กœ DB์— ์ ‘๊ทผํ•ด์„œ ์–ด๋–ค ๋ฐ์ดํ„ฐ๋ฅผ ๊ฐ€์ ธ์˜ค๊ฑฐ๋‚˜ ๋ฐ์ดํ„ฐ๋ฅผ ๋„ฃ๋Š” ์—ญํ• ์„ ํ•˜๋Š” ๋ฐ์ดํ„ฐ ์ ‘๊ทผ ๊ฐ์ฒด์ด๋‹ค.๊ทธ๋ฆฌ๊ณ  ์ฒ˜๋ฆฌ๋œ ๊ฒฐ๊ณผ๊ฐ’์„ ๊ฐ€์ ธ์™€์„œ View ์ฒ˜๋ฆฌํ•˜๋Š” `join Action.jsp` ๊นŒ์ง€ ๋งŒ๋“ค์–ด ๋ณผ ๊ฒƒ์ด๋‹ค.   ๋จผ์ € userDAO ํด๋ž˜์Šค๋กœ ๊ฐ„๋‹ค.login ๋ฉ”์„œ๋“œ ์•„๋ž˜์— join ๋ฉ”์„œ๋“œ๋ฅผ ๋งŒ๋“ค์–ด ์ค€๋‹ค.// ํšŒ์›๊ฐ€์ž… ์ฒ˜๋ฆฌ ๋กœ์ง public int join(User user) { String SQL = "INSERT INTO USER VALUES(?, ?, ?, ?, ?)"; try { psmt = conn.prepareStatem..
๐Ÿ“ JavaScript โœ… 1. screen ๊ฐ์ฒดscreen ๊ฐ์ฒด๋Š” ์‚ฌ์šฉ์ž์˜ ๋ชจ๋‹ˆํ„ฐ ์ •๋ณด(์†์„ฑ)์„ ์ œ๊ณตํ•˜๋Š” ๊ฐ์ฒด์ž…๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด ๋ชจ๋‹ˆํ„ฐ์˜ ๋„ˆ๋น„๋‚˜ ๋†’์ด ๋˜๋Š” ์ปฌ๋Ÿฌ ํ‘œํ˜„ bit์„ ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค.  1-1. ๊ธฐ๋ณธํ˜• screen.์†์„ฑ;screen.width; //๋ชจ๋‹ˆํ„ฐ์˜ ๋„ˆ๋น—๊ฐ’ ๋ฐ˜ํ™˜ 1-2. screen ๊ฐ์ฒด ์˜ ์†์„ฑ ์ข…๋ฅ˜์ข…๋ฅ˜์„ค๋ช…screen.widthํ™”๋ฉด์˜ ๋„ˆ๋น„๊ฐ’ ๋ฐ˜ํ™˜screen.heightํ™”๋ฉด์˜ ๋†’์ด๊ฐ’ ๋ฐ˜ํ™˜screen.availWidth(์ž‘์—… ํ‘œ์‹œ์ค„์„ ์ œ์™ธํ•œ) ํ™”๋ฉด์˜ ๋„ˆ๋น„๊ฐ’ ๋ฐ˜ํ™˜ screen.availHeight (์ž‘์—… ํ‘œ์‹œ์ค„์„ ์ œ์™ธํ•œ) ํ™”๋ฉด์˜ ๋†’์ด๊ฐ’ ๋ฐ˜ํ™˜ screen.colorDepth์‚ฌ์šฉ์ž ๋ชจ๋‹ˆํ„ฐ๊ฐ€ ํ‘œํ˜„ ๊ฐ€๋Šฅํ•œ ์ปฌ๋Ÿฌ bit๋ฅผ ๋ฐ˜ํ™˜  โœ… 2. location ๊ฐ์ฒดlocation ๊ฐ์ฒด๋Š” ์‚ฌ์šฉ์ž ๋ธŒ๋ผ์šฐ์ €์™€ ๊ด€๋ จ..
๐Ÿ“ JavaScript ๐Ÿ–ฅ๏ธ ๋ธŒ๋ผ์šฐ์ € ๊ฐ์ฒด๋ธŒ๋ผ์šฐ์ €์— ๋‚ด์žฅ๋œ ๊ฐ์ฒด๋ฅผ '๋ธŒ๋ผ์šฐ์ € ๊ฐ์ฒด'๋ผ๊ณ  ํ•ฉ๋‹ˆ๋‹ค. window๋Š” ๋ธŒ๋ผ์šฐ์ € ๊ฐ์ฒด์˜ ์ตœ์ƒ์œ„ ๊ฐ์ฒด์ด๊ณ , window ๊ฐ์ฒด์—๋Š” ํ•˜์œ„ ๊ฐ์ฒด๊ฐ€ ํฌํ•จ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ฆ‰, ๊ณ„์ธต์  ๊ตฌ์กฐ๋กœ ์ด๋ฃจ์–ด์ ธ ์žˆ์œผ๋ฉฐ ์ด๊ฒƒ์„ ๋ธŒ๋ผ์šฐ์ € ๊ฐ์ฒด ๋ชจ๋ธ(BOM, Browser Object Model)์ด๋ผ๊ณ  ํ•ฉ๋‹ˆ๋‹ค. โ€‹โœ… window ๊ฐ์ฒด์˜ ๋ฉ”์„œ๋“œ ํ•œ๋ˆˆ์— ๋ณด๊ธฐโ€‹์ข…๋ฅ˜๊ธฐ๋Šฅopen("URL", "์ƒˆ ์ฐฝ ์ด๋ฆ„", "์ƒˆ ์ฐฝ ์˜ต์…˜")URL ํŽ˜์ด์ง€๋ฅผ ์ƒˆ ์ฐฝ์œผ๋กœ ๋‚˜ํƒ€๋‚ด๊ธฐalert(data)๊ฒฝ๊ณ  ์ฐฝ์„ ๋‚˜ํƒ€๋‚ด๊ณ  ๋ฐ์ดํ„ฐ๋ฅผ ๋ณด์—ฌ์ฃผ๊ธฐ์‚ฌ์šฉ์ž๊ฐ€ [ํ™•์ธ] ๋ˆ„๋ฅด๋ฉด alert() ์‚ฌ์šฉํ•œ ๋‹ค์Œ ์œ„์น˜ ์ฝ”๋“œ ์ˆ˜ํ–‰prompt("์งˆ๋ฌธ", "๋‹ต๋ณ€")์งˆ๋ฌธ๊ณผ ๋‹ต๋ณ€์œผ๋กœ ์งˆ์˜์‘๋‹ต ์ฐฝ์„ ๋‚˜ํƒ€๋‚ด๊ธฐconfirm("์งˆ๋ฌธ ๋‚ด์šฉ")์งˆ๋ฌธ์œผ๋กœ ํ™•์ธ์ด๋‚˜ ์ทจ์†Œ ..
package ex01_๊ฐ์ฒด๋ฐฐ์—ด;public class Pokemon { // ํฌ์ผ“๋ชฌ ์ž๋ฃŒํ˜• // 1. ํ•„๋“œ public static final Pokemon pikachu = null; // ์ด๋ฆ„ private String name; // ํƒ€์ž… private String type; // ๊ณต๊ฒฉ๋ ฅ private int atk; // ์ฒด๋ ฅ private int hp; // ์Šคํ‚ฌ private String skill; // 2. ๋ฉ”์„œ๋“œ // ๋ชจ๋“  ํ•„๋“œ๋ฅผ ์ดˆ๊ธฐํ™”์‹œํ‚ฌ ์ˆ˜ ์žˆ๋Š” ์ƒ์„ฑ์ž public Pokemon(String name, String type, int atk, int hp, String skill) { this.name = name; this.type = type; this.atk = atk; ..
package ex01_๊ฐ์ฒด๋ฐฐ์—ด;import java.util.Arrays;public class Main { public static void main(String[] args) { // 1. ๊ฐ์ฒด ๋ฐฐ์—ด // ๋ฐฐ์—ด์ด๋ž€? // --> ๋™์ผํ•œ ์ž๋ฃŒํ˜•์„ ํ•˜๋‚˜๋กœ ๋ฌถ์–ด์„œ ๊ด€๋ฆฌํ•ด์ฃผ๋Š” ์ž๋ฃŒ๊ตฌ์กฐ // ๋ฐฐ์—ด ์„ ์–ธ ๋ฐฉ๋ฒ• // ์ž๋ฃŒํ˜•[] ๋ณ€์ˆ˜๋ช… = new ์ž๋ฃŒํ˜•[ํฌ๊ธฐ]; // ๋‚˜๋งŒ์˜ ์ž๋ฃŒํ˜• // ํฌ์ผ“๋ชฌ ๋ฐ์ดํ„ฐ๋ฅผ 3๊ฐœ ์ €์žฅ ํ•  ์ˆ˜ ์žˆ๋Š” bag ๋ฐฐ์—ด ์ƒ์„ฑ Pokemon[] bag = new Pokemon[3]; // ํฌ์ผ“๋ชฌ์€ ๋ž˜ํผ๋Ÿฐ์Šค ๋ณ€์ˆ˜ํƒ€์ž… - null(๊ธฐ๋ณธ๊ฐ’) // new๋Š” ๋ž˜ํผ๋Ÿฐ์Šค ๋ณ€์ˆ˜ ์ƒ์„ฑํ•˜๋Š” ํ‚ค์›Œ๋“œ // bag 0๋ฒˆ ๋ฐฉ์— ํ”ผ์นด์ธ„ ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅ // ํ”ผ์นด์ธ„, ์ „๊ธฐ, 5000, 500..
โœ… this ํ‚ค์›Œ๋“œ ์˜๋ฏธ ์ž๋ฐ”์—์„œ this ํ‚ค์›Œ๋“œ๋Š” ํ˜„์žฌ ๊ฐ์ฒด๋ฅผ ๊ฐ€๋ฆฌํ‚ค๋Š” ์ฐธ์กฐ ๋ณ€์ˆ˜์ž…๋‹ˆ๋‹ค. = this ํ‚ค์›Œ๋“œ๋Š” ์ž๊ธฐ ์ž์‹ ์„ ๊ฐ€๋ฆฌํ‚ด. = ์ธ์Šคํ„ด์Šค๊ฐ€ ์ž๊ธฐ ์ž์‹ ์˜ ์ฃผ์†Œ๋ฅผ ๋ฐ˜ํ™˜ํ•˜๋Š” ๊ฒฝ์šฐ ์‚ฌ์šฉ ์—ฌ๊ธฐ์„œ "ํ˜„์žฌ ๊ฐ์ฒด"๋ž€ ํ˜„์žฌ ๋ฉ”์„œ๋“œ๊ฐ€ ํ˜ธ์ถœ๋˜๊ณ  ์žˆ๋Š” ๊ฐ์ฒด๋ฅผ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค. ํด๋ž˜์Šค์˜ ์ธ์Šคํ„ด์Šค๊ฐ€ ์ƒ์„ฑ๋  ๋•Œ๋งˆ๋‹ค ๊ฐ ์ธ์Šคํ„ด์Šค๋Š” ๊ณ ์œ ํ•œ ๋ฉ”๋ชจ๋ฆฌ ๊ณต๊ฐ„์„ ๊ฐ€์ง€๋ฉฐ, ์ด๋ฅผ ๊ฐ์ฒด๋ผ๊ณ  ํ•ฉ๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ ๋ฉ”์„œ๋“œ๊ฐ€ ํ˜ธ์ถœ๋  ๋•Œ๋งˆ๋‹ค ํ•ด๋‹น ๋ฉ”์„œ๋“œ๊ฐ€ ์†ํ•œ ๊ฐ์ฒด๋ฅผ ์ง€์นญํ•  ์ˆ˜ ์žˆ์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. โœ… this ํ‚ค์›Œ๋“œ์˜ ์“ฐ์ž„ ์ธ์Šคํ„ด์Šค ๋ณ€์ˆ˜์™€ ๋กœ์ปฌ ๋ณ€์ˆ˜ ๊ตฌ๋ถ„: ๋ฉ”์„œ๋“œ ๋‚ด์—์„œ ์ธ์Šคํ„ด์Šค ๋ณ€์ˆ˜์™€ ๋กœ์ปฌ ๋ณ€์ˆ˜์˜ ์ด๋ฆ„์ด ์ถฉ๋Œํ•  ๋•Œ, this๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ธ์Šคํ„ด์Šค ๋ณ€์ˆ˜์— ์ ‘๊ทผํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋ฅผ ํ†ตํ•ด ๋ช…ํ™•ํ•˜๊ฒŒ ๋ณ€์ˆ˜์˜ ๋ฒ”์œ„๋ฅผ ๊ตฌ๋ถ„ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋‹ค๋ฅธ ์ƒ์„ฑ์ž ํ˜ธ์ถœ: ํ•˜๋‚˜์˜ ์ƒ์„ฑ..
์ธ์ ˆ๋ฏธ์˜€๋˜๊ฒƒ
'๊ฐ์ฒด' ํƒœ๊ทธ์˜ ๊ธ€ ๋ชฉ๋ก
์ƒ๋‹จ์œผ๋กœ