{"id":13269,"date":"2022-12-18T20:00:47","date_gmt":"2022-12-18T11:00:47","guid":{"rendered":"http:\/\/www.gisdeveloper.co.kr\/?p=13269"},"modified":"2022-12-19T10:37:38","modified_gmt":"2022-12-19T01:37:38","slug":"it-%ec%84%9c%ec%a0%81-java-%ec%96%b8%ec%96%b4%eb%a1%9c-%eb%b0%b0%ec%9a%b0%eb%8a%94-%eb%94%94%ec%9e%90%ec%9d%b8-%ed%8c%a8%ed%84%b4-%ec%9e%85%eb%ac%b8-%ec%b6%94%ec%b2%9c","status":"publish","type":"post","link":"http:\/\/www.gisdeveloper.co.kr\/?p=13269","title":{"rendered":"IT \uc11c\uc801, “JAVA \uc5b8\uc5b4\ub85c \ubc30\uc6b0\ub294 \ub514\uc790\uc778 \ud328\ud134 \uc785\ubb38” \ucd94\ucc9c"},"content":{"rendered":"

\uc774 \uae00\uc740 \uc601\uc9c4\ub2f7\ucef4 \ucd9c\ud310\uc0ac\uc5d0\uc11c \ub3c4\uc11c \ub9ac\ubdf0\ub97c \uc694\uccad\ud558\uc5ec \uc791\uc131\ud55c \uae00\uc785\ub2c8\ub2e4. \ube44\ub85d \ucd9c\ud310\uc0ac \ub9ac\ubdf0 \uc694\uccad\uc5d0 \uc758\ud574 \uc791\uc131\ud55c \uae00\uc774\uc9c0\ub9cc \uc800\ub294 \uc774\ubbf8 \uc608\uc804\uc5d0 \uc774 \ucc45\uc744 \uc218\ucc28\ub840 \uc644\ub3c5\ud558\uace0 OOP \ud559\uc2b5\uacfc \uae4a\uc740 \uc774\ud574\uc5d0 \ud070 \ub3c4\uc6c0\uc77c \ubc1b\uc558\ub358 \ucc45\uc774\uc600\ub2e4\ub294 \uc810\uc5d0\uc11c \uac1c\uc778\uc801\uc73c\ub85c\ub3c4 \ucda9\ubd84\ud788 \ucd94\ucc9c\ub4dc\ub9ac\uace0 \uc2f6\uc740 \ucc45\uc774\uae30\ub3c4 \ud569\ub2c8\ub2e4.<\/p>\n

OOP \uac1c\ub150\uc744 \uc774\uc81c \ub9c9 \ubc30\uc6b4 \uac1c\ubc1c\uc790\ub77c\uba74 GoF\uc758 \ub514\uc790\uc778\ud328\ud134 23\uac00\uc9c0\ub97c \ubc18\ub4dc\uc2dc \ud559\uc2b5\ud574\uc57c \ud558\ub294 \uc774\uc720\ub294 OOP\ub97c \uc2e4\uc81c \ucf54\ub4dc\uc5d0 \ud6a8\uacfc\uc801\uc73c\ub85c \uc801\uc6a9\ud55c \uccb4\uacc4\uc801\uc778 \ubc29\ubc95\uc774 \ubc14\ub85c \ub514\uc790\uc778\ud328\ud134\uc774\uae30 \ub54c\ubb38\uc785\ub2c8\ub2e4. \ub514\uc790\uc778\ud328\ud134\uc5d0 \ub300\ud55c \uc11c\uc801\uc740 \ub9ce\uc9c0\ub9cc \uc7a5\ud669\ud55c \uc124\uba85\uc73c\ub85c \ub09c\ud574\ud558\uac70\ub098 \uc774\ud574\ud558\uae30 \uc5b4\ub824\uc6b4\ub370.. \ud558\uc9c0\ub9cc “Java \uc5b8\uc5b4\ub85c \ubc30\uc6b0\ub294 \ub514\uc790\uc778 \ud328\ud134 \uc785\ubb38”\uc740 \ub2e4\uc790\uc778\ud328\ud134\uc744 \ucd5c\ub300\ud55c \uc54c\uae30 \uc27d\uac8c \uc124\uba85\ud55c \ucc45 \uc911 \ub2e8\uc5f0 \uc73c\ub738\uc785\ub2c8\ub2e4.<\/p>\n

\"\"<\/center><\/p>\n

\uc774 \ucc45\uc740 2001\ub144 1\ud310\uc744 \uc2dc\uc791\uc73c\ub85c 2022\ub144\uc5d0 3\ud310\uc73c\ub85c \uc0c8\ub86d\uac8c \uc5c5\ub370\uc774\ud2b8 \ub418\uc5b4 \ucd9c\uac04\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uc774 \ucc45\uc740 \ub514\uc790\uc778\ud328\ud134\uc744 Java\ub77c\ub294 \uc5b8\uc5b4\ub97c \ud1b5\ud574 \uc124\uba85\ud558\uc9c0\ub9cc Java\uc5d0 \ud2b9\ud654\ub41c OOP \ucf54\ub4dc \uc5c6\uc774 \uc77c\ubc18\uc801\uc778 OOP \ucf54\ub4dc\ub97c \uc0ac\uc6a9\ud55c \uad6c\uccb4\uc801\uc778 \uc608\uc81c\uc758 \uad6c\ud604\uc744 \uc911\uc2ec\uc73c\ub85c \uc124\uba85\ud569\ub2c8\ub2e4. \uacb0\uad6d Java\uac00 \uc544\ub2c8\ub354\ub77c\ub3c4 OOP\uc758 \uae30\ubcf8\uc744 \uc644\uc804\ud558\uac8c \uc9c0\uc6d0\ud558\ub294 \ub2e4\ub978 \uc5b8\uc5b4\ub97c \uc774\uc6a9\ud574\uc11c\ub3c4 \uc774 \ucc45\uc5d0\uc11c \uc81c\uc2dc\ud55c \uc608\uc81c\ub97c \uadf8\ub300\ub85c \uc791\uc131\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n

\ub514\uc790\uc778\ud328\ud134\uc744 \ud559\uc2b5\ud568\uc5d0 \uc788\uc5b4\uc11c \ubc18\ub4dc\uc2dc \uc54c\uace0 \uc788\uc5b4\uc5b4 \ud558\ub294 \uac83\uc740 UML\uc785\ub2c8\ub2e4. \uc989, \uc18c\ud504\ud2b8\uc6e8\uc5b4\uc758 \uc124\uacc4\ub3c4\uc778\ub370\uc694. UML \uc911 \ud074\ub798\uc2a4 \ub2e4\uc774\uc5b4\uadf8\ub7a8\uacfc \uc2dc\ud000\uc2a4 \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc740 \uc18c\ud504\ud2b8\uc6e8\uc5b4\uc758 \uc124\uacc4\ub97c \uc704\ud574 \ub9e4\uc6b0 \ud575\uc2ec\uc801\uc778 \ud45c\uae30\ub97c \uc704\ud55c \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc785\ub2c8\ub2e4. \ud074\ub798\uc2a4 \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc740 \ud074\ub798\uc2a4\ub4e4 \uac04\uc758 \uad00\uacc4\ub3c4\ub97c \ud6a8\uacfc\uc801\uc73c\ub85c \ub098\ud0c0\ub0b4\uba70 \uc2dc\ud000\uc2a4 \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc740 \uc2e4\ud589 \uc21c\uc11c\ub97c \ud074\ub798\uc2a4\ub4e4 \uac04\uc758 \uc18c\ud1b5\uacfc \ud568\uaed8 \ud6a8\uacfc\uc801\uc73c\ub85c \ub098\ud0c0\ub0c5\ub2c8\ub2e4.<\/p>\n

\uc800 \uac19\uc740 \uacbd\uc6b0 \ud504\ub85c\uadf8\ub7a8\uc744 \uac1c\ubc1c\ud558\uace0 \uc720\uc9c0\ubcf4\uc218 \ub4f1\uc744 \uc774\uc720\ub85c \uc624\ub79c \uc2dc\uac04\uc774 \ud750\ub978 \ub4a4\uc5d0 \ub2e4\uc2dc \ud574\ub2f9 \ud504\ub85c\uadf8\ub7a8\uc758 \ucf54\ub4dc\ub97c \uc218\uc815\ud574\uc57c \ud560\ub54c \uac00\uc7a5 \uba3c\uc800 \uc0b4\ud3b4\ubcf4\ub294 \uac83\uc774 \ud074\ub798\uc2a4 \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc785\ub2c8\ub2e4. \uadf8\ub9cc\ud07c \ud074\ub798\uc2a4 \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc740 \uc18c\ud504\ud2b8\uc6e8\uc5b4\ub97c \ud070 \uadf8\ub9bc\uc73c\ub85c \ub9e4\uc6b0 \ud6a8\uacfc\uc801\uc73c\ub85c \uc774\ud574\ud558\uace0 \ubd84\uc11d\ud560 \uc218 \uc788\ub294 \uc124\uacc4\ub3c4\uc785\ub2c8\ub2e4. \uadf8\ub9ac\uace0 \uc880\ub354 \uad6c\uccb4\uc801\uc774\uace0 \uc138\uc138\ud55c \ubd80\ubd84\uc744 \ubd84\uc11d\ud560\ub54c\ub294 \uc2dc\ud000\uc2a4 \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc744 \uc0b4\ud3b4\ubd05\ub2c8\ub2e4.<\/p>\n

\uc774 \ucc45\uc758 \uc800\uc790\ub294 \ub514\uc790\uc778\ud328\ud134\uc5d0 \ub300\ud55c \uad6c\uccb4\uc801\uc778 \uc0ac\ub840\ub97c \ud074\ub798\uc2a4\ub2e4\uc774\uc5b4\uadf8\ub7a8\uacfc \uc2dc\ud000\uc2a4 \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc73c\ub85c \ube60\uc9d0\uc5c6\uc774 \uc81c\uc2dc\ud558\uace0 \uc774\ub4e4\uc744 \uc911\uc2ec\uc73c\ub85c \ud55c\uac00\uc9c0 \uba85\ud655\ud55c \uc0ac\ub840\ub97c \uc2e4\ud589 \uac00\ub2a5\ud55c \uad6c\uccb4\uc801\uc778 \ucf54\ub4dc\ub85c \uc791\uc131\ud569\ub2c8\ub2e4. \uc774 \ucc45\uc5d0\uc11c \uc81c\uc2dc\ud558\ub294 23\uac1c\uc758 \ud328\ud134 \uc911 State \ud328\ud134\uc744 \ud558\ub098\ub85c \uc608\ub85c \ub4e4\uc5b4\ubcf4\uba74 \uba3c\uc800 \ud074\ub798\uc2a4 \ub2e4\uc774\uc5b4\uadf8\ub7a8\uc740 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4. (\uc6d0\ub798 \uc11c\uc801\ubcf4\ub2e4 \uc880\ub354 \uac04\uacb0\ud558\uac8c \ud45c\uae30\ud558\uc600\uc2b5\ub2c8\ub2e4)<\/p>\n

\"\"<\/center><\/p>\n

\uc774 \ucc45\uc5d0\uc11c \uc5b8\uae09\ud558\ub294 State \ud328\ud134\uc740 \uc5b4\ub5a4 \uc0ac\ubb3c\uc758 \uc0c1\ud0dc\ub97c \ud074\ub798\uc2a4\ub85c \ud45c\ud604\ud558\uc5ec \uac01 \uc0c1\ud0dc\uc5d0 \ub530\ub978 \ucc98\ub9ac\ub97c \ub9e4\uc6b0 \ud6a8\uacfc\uc801\uc73c\ub85c \uad6c\ubd84\ud558\uc5ec \uad6c\ud604 \ud560 \uc218 \uc788\ub294 \ud328\ud134\uc785\ub2c8\ub2e4. \uc774 \ud328\ud134\uc744 \uc0ac\uc6a9\ud558\uba74 \uc0c1\ud0dc\uc5d0 \ub300\ud55c \ucc98\ub9ac\ub97c if \ubb38\uc73c\ub85c \ubd84\uae30\ud558\uc9c0 \uc54a\uace0 \ud074\ub798\uc2a4\ub85c \ub098\ub220 \uad6c\ud604\ud568\uc73c\ub85c\uc368 \ucf54\ub4dc\uac00 \ub9e4\uc6b0 \ud6a8\uacfc\uc801\uc73c\ub85c \ubd84\ub9ac\ub418\uc5b4 \uad00\ub9ac\ub420 \uc218 \uc788\uc5b4 \uc0c8\ub85c\uc6b4 \uc0c1\ud0dc\uc758 \ucd94\uac00\uac00 \ubc1c\uc0dd\ud560 \uacbd\uc6b0 \uc774 State \ud328\ud134\uc758 \uac00\uce58\uac00 \uadf9\ub300\ud654 \ub429\ub2c8\ub2e4. \uc704\uc758 \ud074\ub798\uc2a4\ub2e4\uc774\uc5b4\uadf8\ub7a8\uc740 \uc774 State \ud328\ud134\uc744 \uae08\uace0 \uacbd\ube44 \uc2dc\uc2a4\ud15c\uc758 \uad6c\ud604 \uc0ac\ub840\ub97c \ud0c0\ub098\ub0b8 \uac83\uc774\uace0 \uae08\uace0\ub97c \uc0ac\uc6a9\ud568\uc5d0 \uc788\uc5b4 \ub0af\uc77c \uacbd\uc6b0(DayState \ud074\ub798\uc2a4)\uc640 \ubc24\uc77c \uacbd\uc6b0(NightState)\uc5d0 \ub530\ub77c \uadf8 \ucc98\ub9ac\ub97c \ubd84\ub9ac\ud55c \uac83\uc785\ub2c8\ub2e4.<\/p>\n

\uc774 \ucc45\uc5d0\uc11c\ub294 \uc774 \uae08\uace0 \uacbd\ube44 \uc2dc\uc2a4\ud15c\uc744 \uc0ac\ub840\ub85c State \ud328\ud134\uc73c\ub85c \ud6a8\uacfc\uc801\uc73c\ub85c \uc124\uba85\ud558\uae30 \uc704\ud574 \uc0ac\uc6a9\ud55c \uc5b8\uc5b4\ub294 Java \ucf54\ub4dc\uc774\uc9c0\ub9cc \uc55e\uc5b4 \uc5b8\uae09\ud588\ub358 \uac83\ucc98\ub7fc OOP\uc758 \uae30\ubcf8\uc801\uc778 \ub0b4\uc6a9\uc744 \ucda9\uc2e4\ud558\uac8c \uc81c\uacf5\ud558\ub294 \uc5b8\uc5b4\ub77c\uba74 \uc774 \ucc45\uc758 \ucf54\ub4dc\ub97c \uc790\uc2e0\uc774 \uc6d0\ud558\ub294 \uc5b8\uc5b4\ub85c \ubc14\uafd4 \ud45c\ud604\ud558\ub294 \uac83\ub3c4 \ucda9\ubd84\ud788 \uac00\ub2a5\ud569\ub2c8\ub2e4. \uc800 \uac19\uc740 \uacbd\uc6b0 Java\uac00 \uc544\ub2cc \uc774\uc81c\ub294 \ub300\uc138\ub85c \uc790\ub9ac\uc7a1\uc740 \uc6f9 \uac1c\ubc1c \uc5b8\uc5b4\uc778 TypeScript\ub85c \uc644\uc804\ud788 \ub3d9\uc77c\ud558\uac8c \uad6c\ud604\ud574 \ubd24\ub294\ub370.. \uc774 \ucc45\uc758 Java \ucf54\ub4dc\ub97c \uc804\ud600 \ub2e4\ub978 \uc5b8\uc5b4\ub85c \ub3d9\uc77c\ud55c \uc2dc\uc2a4\ud15c\uc744 \uad6c\ud604\ud574 \ubcf4\uba74\uc11c \uc7ac\ubbf8\ub294 \ubb3c\ub860 \ud574\ub2f9 \uc5b8\uc5b4\uc758 OOP\uc5d0 \ub300\ud55c \ub354\uc6b1 \uae4a\uc774 \uc788\ub294 \uc774\ud574\uac00 \uac00\ub2a5\ud588\uc2b5\ub2c8\ub2e4.<\/p>\n

\uc774 \ucc45\uc5d0\uc11c \uc5b8\uae09\ud55c State \ud328\ud134\uc5d0 \ub300\ud55c \uad6c\ud604 \ud074\ub798\uc2a4\ub97c TypeScript\ub85c \ud45c\ud604\ud55c \ucf54\ub4dc\ub97c \ubaa8\ub450 \uc5b8\uae09\ud574 \ubcf4\uba74 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n

\uba3c\uc800 \uc0c1\ud0dc\ub97c \ub098\ud0c0\ub0b4\ub294 \uc778\ud130\ud398\uc774\uc2a4 \ucf54\ub4dc\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4. (\ucc45\uc5d0\uc11c\ub294 Java\ub85c \ub418\uc5b4 \uc788\uc73c\ub098 \uc774\ub97c Typescript\ub85c \ubcc0\ud658\ud558\uc600\uc2b5\ub2c8\ub2e4)<\/p>\n

\r\nimport { Context } from \".\/Context\";\r\n\r\nexport interface State {\r\n    doClock(context: Context, hour: number): void; \r\n    doUse(context: Context): void;\r\n    doAlarm(context: Context): void;\r\n    doPhone(context: Context): void;\r\n}\r\n<\/pre>\n
\uadf8\ub9ac\uace0 \uc774 State \uc778\ud130\ud398\uc774\uc2a4\ub97c \ud1b5\ud574 \ub0af \uc0c1\ud0dc\ub97c \ub098\ud0c0\ub0b4\ub294 DayState \ud074\ub798\uc2a4\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4. (\ucc45\uc5d0\uc11c\ub294 Java\ub85c \ub418\uc5b4 \uc788\uc73c\ub098 \uc774\ub97c Typescript\ub85c \ubcc0\ud658\ud558\uc600\uc2b5\ub2c8\ub2e4)<\/p>\n
\r\nimport { Context } from \".\/Context\";\r\nimport { State } from \".\/State\";\r\nimport { NightState } from \".\/NightState\";\r\n\r\nexport class DayState implements State {\r\n    private static singleton: DayState = new DayState();\r\n    private constructor() {}\r\n    public static getInstance():State {\r\n        return this.singleton;\r\n    }\r\n\r\n    doClock(context: Context, hour: number): void {\r\n        if(hour < 9 || 17 <= hour) {\r\n            context.changeState(NightState.getInstance());\r\n        }\r\n    }\r\n\r\n    doUse(context: Context): void {\r\n        context.recordLog(\"\uae08\uace0 \uc0ac\uc6a9(\uc8fc\uac04)\");\r\n    }\r\n\r\n    doAlarm(context: Context): void {\r\n        context.callSecurityCenter(\"\ube44\uc0c1\ubca8(\uc8fc\uac04)\");\r\n    }\r\n\r\n    doPhone(context: Context): void {\r\n        context.callSecurityCenter(\"\uc77c\ubc18 \ud1b5\ud654(\uc8fc\uac04)\");\r\n    }\r\n\r\n    public toString(): String {\r\n        return \"[\uc8fc\uac04]\";\r\n    }\r\n}\r\n<\/pre>\n
\ubc24 \uc0c1\ud0dc\ub294 \ub2e4\uc74c\uacfc \uac19\uad6c\uc694. (\ucc45\uc5d0\uc11c\ub294 Java\ub85c \ub418\uc5b4 \uc788\uc73c\ub098 \uc774\ub97c Typescript\ub85c \ubcc0\ud658\ud558\uc600\uc2b5\ub2c8\ub2e4)<\/p>\n
\r\nimport { Context } from \".\/Context\";\r\nimport { State } from \".\/State\";\r\nimport { DayState } from \".\/DayState\";\r\n\r\nexport class NightState implements State {\r\n    private static singleton: NightState = new NightState();\r\n    private constructor() {}\r\n\r\n    doClock(context: Context, hour: number): void {\r\n        if (9 <= hour && hour < 17) {\r\n            context.changeState(DayState.getInstance());\r\n        }\r\n    }\r\n\r\n    doUse(context: Context): void {\r\n        context.callSecurityCenter(\"\ube44\uc0c1: \uc57c\uac04 \uae08\uace0 \uc0ac\uc6a9!\");\r\n    }\r\n\r\n    doAlarm(context: Context): void {\r\n        context.callSecurityCenter(\"\ube44\uc0c1\ubca8(\uc57c\uac04)\");\r\n    }\r\n\r\n    doPhone(context: Context): void {\r\n        context.recordLog(\"\uc57c\uac04 \ud1b5\ud654 \ub179\uc74c\");\r\n    }\r\n\r\n    public static getInstance(): NightState {\r\n        return this.singleton;\r\n    }\r\n\r\n    public toString(): String {\r\n        return \"[\uc57c\uac04]\";\r\n    }\r\n}\r\n<\/pre>\n
\uc0c1\ud0dc\ub97c \uad00\ub9ac\ud558\uace0 \uc804\uccb4\uc801\uc778 \uc81c\uc5b4\ub97c \uc704\ud55c Context \uc778\ud130\ud398\uc774\uc2a4\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4. (\ucc45\uc5d0\uc11c\ub294 Java\ub85c \ub418\uc5b4 \uc788\uc73c\ub098 \uc774\ub97c Typescript\ub85c \ubcc0\ud658\ud558\uc600\uc2b5\ub2c8\ub2e4)<\/p>\n
\r\nimport { State } from \".\/State\";\r\n\r\nexport interface Context {\r\n    setClock(hour: number): void;\r\n    changeState(state: State): void;\r\n    callSecurityCenter(msg: String): void;\r\n    recordLog(msg: String): void;\r\n}\r\n<\/pre>\n
\uadf8\ub9ac\uace0 Context \uc778\ud130\ud398\uc774\uc2a4\ub85c \uad6c\uccb4\uc801\uc778 \uae08\uace0\uc2dc\uc2a4\ud15c\uc744 \uad6c\ud604\ud55c SafeFrame\uc740 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4. (\ucc45\uc5d0\uc11c\ub294 Java\ub85c \ub418\uc5b4 \uc788\uc73c\ub098 \uc774\ub97c Typescript\ub85c \ubcc0\ud658\ud558\uc600\uc2b5\ub2c8\ub2e4)<\/p>\n
\r\nimport { Context } from \".\/Context\";\r\nimport { DayState } from \".\/DayState\";\r\nimport { State } from \".\/State\";\r\n\r\nexport class SafeFrame implements Context {\r\n    private state: State = DayState.getInstance();\r\n\r\n    public constructor(title: string) {\r\n        (document.querySelector(\".title\") as HTMLElement).innerText = title;\r\n\r\n        document.querySelector(\".use\").addEventListener(\"click\", this.onClickEvent.bind(this));\r\n        document.querySelector(\".alram\").addEventListener(\"click\", this.onClickEvent.bind(this));\r\n        document.querySelector(\".phone\").addEventListener(\"click\", this.onClickEvent.bind(this));\r\n        document.querySelector(\".exit\").addEventListener(\"click\", this.onClickEvent.bind(this));\r\n    }\r\n\r\n    onClickEvent(evt: Event) {\r\n        const text = (evt.currentTarget as HTMLElement).innerText;\r\n        if(text === \"\uae08\uace0\uc0ac\uc6a9\") {\r\n            this.state.doUse(this);\r\n        } else if(text == \"\ube44\uc0c1\ubca8\") {\r\n            this.state.doAlarm(this);\r\n        } else if(text == \"\uc77c\ubc18\ud1b5\ud654\") {\r\n            this.state.doPhone(this);\r\n        } else if(text == \"\uc885\ub8cc\") {\r\n            alert(\"\uc2dc\uc2a4\ud15c \uc885\ub8cc\");\r\n            document.body.innerHTML = \"\";\r\n        }\r\n    }\r\n\r\n    setClock(hour: number): void {\r\n        const clockString = `\ud604\uc7ac \uc2dc\uac04\uc740 ${hour}\uc2dc`;\r\n        console.log(clockString);\r\n        const domTime = document.querySelector(\".time\");\r\n        if(domTime) domTime.innerHTML = clockString;\r\n        this.state.doClock(this, hour);\r\n    }\r\n\r\n    changeState(state: State): void {\r\n        console.log(`${this.state}\uc5d0\uc11c ${state}\ub85c \uc0c1\ud0dc\uac00 \ubcc0\ud654\ud588\uc2b5\ub2c8\ub2e4.`);\r\n        this.state = state;\r\n    }\r\n\r\n    callSecurityCenter(msg: String): void {\r\n        const domOutput = document.querySelector(\".output\");\r\n        const domItem = document.createElement(\"div\");\r\n        domItem.innerText = `call! ${msg}`;\r\n        domOutput.appendChild(domItem);\r\n    }\r\n\r\n    recordLog(msg: String): void {\r\n        const domOutput = document.querySelector(\".output\");\r\n        const domItem = document.createElement(\"div\");\r\n        domItem.innerText = `recording ... ${msg}`;\r\n        domOutput.appendChild(domItem);\r\n    }\r\n}\r\n<\/pre>\n
\uc704\uc758 \ubaa8\ub4e0 \ud074\ub798\uc2a4\ub97c \ud65c\uc6a9\ud558\uc5ec \uc2e4\ud589 \uac00\ub2a5\ud558\ub3c4\ub85d \ud55c \ucf54\ub4dc\ub294 \ub2e4\uc74c\uacfc \uac19\uad6c\uc694. (\ucc45\uc5d0\uc11c\ub294 Java\ub85c \ub418\uc5b4 \uc788\uc73c\ub098 \uc774\ub97c Typescript\ub85c \ubcc0\ud658\ud558\uc600\uc2b5\ub2c8\ub2e4)<\/p>\n
\r\nimport { SafeFrame } from \".\/SafeFrame\";\r\n\r\nclass Main {\r\n    public static run(): void {\r\n        let frame: SafeFrame = new SafeFrame(\"State \ud328\ud134 \uc0d8\ud50c\");\r\n\r\n        let hour = 0;\r\n\r\n        setInterval(() => {\r\n            frame.setClock(hour);\r\n            hour++;\r\n\r\n            if(hour > 23) hour = 0;\r\n        }, 1000);\r\n    }\r\n}\r\n\r\nMain.run();\r\n<\/pre>\n
\uc2e4\ud589 \uacb0\uacfc\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4. (\ucc45\uc5d0\uc11c\ub294 Java\uc758 UI\ub85c \uc2e4\ud589\ub418\ub098 \uc774\ub97c \uc6f9\ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \uc2e4\ud589\ub418\ub3c4\ub85d \ud558\uc600\uc2b5\ub2c8\ub2e4)<\/p>\n
\"\"<\/center><\/p>\n
\uc774\ubbf8 \uc5b8\uae09\ud588\uc9c0\ub9cc \uc774 \ucc45\uc740 \ub514\uc790\uc778\ud328\ud134\uc744 \ub9e4\uc6b0 \uc27d\uac8c \ud6a8\uacfc\uc801\uc73c\ub85c \uc124\uba85\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4. \ub610\ud55c GoF\uc758 23\uac1c\uc758 \ub514\uc790\uc778\ud328\ud134\uc740 \ud2b9\uc815 \uc5b8\uc5b4\uc5d0 \uc885\uc18d\uc801\uc774\uc9c0 \uc54a\uc73c\ubbc0\ub85c \uc774 \ucc45\uc5d0\uc11c \uc81c\uc2dc\ud558\ub294 Java\uc5b8\uc5b4\uac00 \uc544\ub2cc \ub2e4\ub978 \uac1d\uccb4\uc9c0\ud5a5 \uc5b8\uc5b4\ub97c \ud1b5\ud574 \ucf54\ub4dc\ub97c \uc791\uc131\ud574\ubcf4\uba74 \ub514\uc790\uc778\ud328\ud134 \ubfd0\ub9cc \uc544\ub2c8\ub77c \ud574\ub2f9 \uc5b8\uc5b4\uc758 OOP\uc5d0 \ub300\ud55c \uae4a\uc774 \uc788\ub294 \uc774\ud574\ub3c4 \uac00\ub2a5\ud558\ub2e4\ub294 \uc810\uc774 \uc774 \ucc45\uc758 \ub610 \ub2e4\ub978 \uc7a5\uc810\uc785\ub2c8\ub2e4. \uc911\uae09 \uc774\uc804\uc758 \uac1c\ubc1c\uc790\ub85c\uc368 \uc18c\ud504\ud2b8\uc6e8\uc5b4 \uc124\uacc4\uc5d0 \uad00\uc2ec\uc774 \uc788\uace0 \ub514\uc790\uc778\ud328\ud134\uc744 \ud559\uc2b5\ud558\uace0\uc790 \ud558\uc2dc\ub294 \ubd84\ub4e4\uc5d0\uac8c \uc774 \ucc45\uc744 \ucd94\ucc9c\ub4dc\ub9bd\ub2c8\ub2e4. \ud2b9\ud788 OOP\uc758 \uac1c\ub150\uc744 \uc774\uc81c \ub9c9 \ud559\uc2b5\ud55c \ubd84\ub4e4\uc5d0\uac8c \uc2e4\uc81c OOP\ub97c \uc2e4\ubb34\ub098 \uc2e4\uc81c \ucf54\ub4dc\uc5d0 \uc5b4\ub5bb\uac8c \uc801\uc6a9\ud558\ub294\uc9c0 \uae4a\uc740 \uc774\ud574\ub97c \ub3d5\ub294 \ucc45\uc73c\ub85c\uc368 \uac15\ub825\ud788 \ucd94\ucc9c\ub4dc\ub9bd\ub2c8\ub2e4.<\/p>\n","protected":false},"excerpt":{"rendered":"
\uc774 \uae00\uc740 \uc601\uc9c4\ub2f7\ucef4 \ucd9c\ud310\uc0ac\uc5d0\uc11c \ub3c4\uc11c \ub9ac\ubdf0\ub97c \uc694\uccad\ud558\uc5ec \uc791\uc131\ud55c \uae00\uc785\ub2c8\ub2e4. \ube44\ub85d \ucd9c\ud310\uc0ac \ub9ac\ubdf0 \uc694\uccad\uc5d0 \uc758\ud574 \uc791\uc131\ud55c \uae00\uc774\uc9c0\ub9cc \uc800\ub294 \uc774\ubbf8 \uc608\uc804\uc5d0 \uc774 \ucc45\uc744 \uc218\ucc28\ub840 \uc644\ub3c5\ud558\uace0 OOP \ud559\uc2b5\uacfc \uae4a\uc740 \uc774\ud574\uc5d0 \ud070 \ub3c4\uc6c0\uc77c \ubc1b\uc558\ub358 \ucc45\uc774\uc600\ub2e4\ub294 \uc810\uc5d0\uc11c \uac1c\uc778\uc801\uc73c\ub85c\ub3c4 \ucda9\ubd84\ud788 \ucd94\ucc9c\ub4dc\ub9ac\uace0 \uc2f6\uc740 \ucc45\uc774\uae30\ub3c4 \ud569\ub2c8\ub2e4. OOP \uac1c\ub150\uc744 \uc774\uc81c \ub9c9 \ubc30\uc6b4 \uac1c\ubc1c\uc790\ub77c\uba74 GoF\uc758 \ub514\uc790\uc778\ud328\ud134 23\uac00\uc9c0\ub97c \ubc18\ub4dc\uc2dc \ud559\uc2b5\ud574\uc57c \ud558\ub294 \uc774\uc720\ub294 OOP\ub97c \uc2e4\uc81c \ucf54\ub4dc\uc5d0 \ud6a8\uacfc\uc801\uc73c\ub85c … <\/p>\n
\ub354 \ubcf4\uae30 “IT \uc11c\uc801, “JAVA \uc5b8\uc5b4\ub85c \ubc30\uc6b0\ub294 \ub514\uc790\uc778 \ud328\ud134 \uc785\ubb38” \ucd94\ucc9c”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-13269","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/13269","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13269"}],"version-history":[{"count":20,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/13269\/revisions"}],"predecessor-version":[{"id":13282,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/13269\/revisions\/13282"}],"wp:attachment":[{"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13269"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=13269"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gisdeveloper.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=13269"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}