profile
๐Ÿ‘จโ€๐Ÿ’ป ์˜ˆ๋น„ ๊ฐœ๋ฐœ์ž ์‚ฝ์งˆ์˜ ๊ธฐ๋ก๋“ค
ํƒœ๊ทธ ๋ชฉ๋ก
์ „์ฒด๋ณด๊ธฐ (63)C(20)network(12)JavaScript(10)ip(8)git(6)IBM(6)cloud(6)CloudCore(6)python(5)django(5)Libft(5)React(5)component(4)Clouders(4)github(3)GNL(3)๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ(3)ft_printf(3)Makefile(3)์ปดํ“จํ„ฐ๊ณตํ•™(2)CSS(2)Props(2)์—ฐ๊ฒฐ๋ฆฌ์ŠคํŠธ(2)GCC(2)tcp(2)EventListener(2)node.js(2)ES2020(2)querystring(2)html(2)Subject(2)์„œ๋ธŒ๋„ท๋งˆ์Šคํฌ(2)unix(1)์œ ๋‹‰์Šค(1)Subnetting(1)IP์ฃผ์†Œ(1)๋„คํŠธ์›Œํฌ(1)linkedlist(1)printf(1)subnetmask(1)socket(1)์ฝœ๋ฐฑํ•จ์ˆ˜(1)Microservices(1)์ฟผ๋ฆฌ์ŠคํŠธ๋ง(1)ssh(1)ํ˜•์‹๋ฌธ์ž์—ด(1)keyboradEvent(1)writeFile(1)์ปจํ…Œ์ด๋„ˆ(1)bootstrap(1)redirection(1)๊ณ ์ •IP(1)์‚ฌ์„คIP(1)State(1)keyCode(1)MTV(1)์„œ์‹์ง€์ •์ž(1)material(1)42Seoul(1)Brodcast(1)์„œ๋ธŒ๋„ทํŒ…(1)Clouder(1)SDU(1)์ธ๊ณต์ง€๋Šฅ(1)๊ณต์ธIP(1)CDN(1)์ •์ ๋ณ€์ˆ˜(1)๋ธ”๋ก์ฒด์ธ(1)form(1)์œ ๋™IP(1)apt-get(1)ํ˜•์‹ํƒœ๊ทธ(1)๊ฐ€๋ณ€์ธ์ž(1)UPD(1)์ต๋ช…ํ•จ์ˆ˜(1)valgrind(1)onClick(1)IPclass(1)Netmask(1)๋ฆฌ๋ˆ…์Šค(1)file(1)DHCP(1)Netwhat(1)IoT(1)readFile(1)devops(1)Severless(1)ํŒŒ์ผ์ž…์ถœ๋ ฅ(1)๊ฐ€์ƒ๋จธ์‹ (1)๋ธŒ๋กœ๋“œ์บ์ŠคํŠธ(1)javasciprt(1)routing(1)๋ฉ”๋ชจ๋ฆฌ(1)OSI7๋ชจ๋ธ(1)๋ฒ ์–ด๋ฉ”ํƒˆ์„œ๋ฒ„(1)TCP/IP(1)POST(1)library(1)List(1)http(1)DNS(1)ubuntu(1)linux(1)๋„ท๋งˆ์Šคํฌ(1)๊ฐ€์ƒํ™”(1)PDU(1)MVC(1)SaaS(1)PaaS(1)IaaS(1)์šฐ๋ถ„ํˆฌ(1)

React Component๋กœ ์›นํŽ˜์ด์ง€ ๋””์ž์ธํ•˜๊ธฐ

CSS, React ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๋ฐ ํ…œํ”Œ๋ฆฟ์„ componentํ™” ์‹œ์ผœ ์˜ˆ๋ฐœ์ž๋‹ท์ปด ๋ฉ”์ธ ํŽ˜์ด์ง€๋ฅผ ๋ฐ˜์‘ํ˜•์œผ๋กœ ๋””์ž์ธํ–ˆ๋‹ค.

2020๋…„ 6์›” 25์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

[IBM Cloud] ๋– ์˜ค๋ฅด๋Š” ํด๋ผ์šฐ๋“œ ํŠธ๋ Œ๋“œ

์ด ๋ชจ๋“ˆ์—์„œ๋Š” Hybrid Multicloud, Microservices ๋ฐ Serverless์™€ ๊ฐ™์€ ๋ช‡ ๊ฐ€์ง€ ์ƒˆ๋กœ์šด ํด๋ผ์šฐ๋“œ ํŠธ๋ Œ๋“œ์— ๋Œ€ํ•ด ํ•™์Šตํ•œ๋‹ค.

2020๋…„ 6์›” 19์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

[IBM Cloud] ํด๋ผ์šฐ๋“œ ์Šคํ† ๋ฆฌ์ง€ ์œ ํ˜• ๋ฐ CDN

์ด ๋ชจ๋“ˆ์—์„œ๋Š” 4๊ฐ€์ง€ ์ฃผ์š” ํด๋ผ์šฐ๋“œ ์Šคํ† ๋ฆฌ์ง€ ์œ ํ˜•์˜ ๊ธฐ๋Šฅ๊ณผ ์ฐจ์ด์ ์— ๋Œ€ํ•ด ํ•™์Šตํ•œ๋‹ค.

2020๋…„ 6์›” 19์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

[IBM Cloud] ํด๋ผ์šฐ๋“œ ์ปดํ“จํŒ…์˜ ๊ตฌ์„ฑ ์š”์†Œ

์ด ๋ชจ๋“ˆ์—์„œ๋Š” ๊ฐ€์ƒํ™”(virtualization), ๊ฐ€์ƒ ๋จธ์‹ (virtual machines), ๋ฒ ์–ด ๋ฉ”ํƒˆ ์„œ๋ฒ„(bare metal servers) ๋“ฑ ํด๋ผ์šฐ๋“œ ์ปดํ“จํŒ… ์•„ํ‚คํ…์ฒ˜์˜ ๋‹ค์–‘ํ•œ ๊ตฌ์„ฑ ์š”์†Œ์— ๋Œ€ํ•ด ํ•™์Šตํ•œ๋‹ค.

2020๋…„ 6์›” 19์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

[IBM Cloud] ํด๋ผ์šฐ๋“œ ์„œ๋น„์Šค ๋ชจ๋ธ ๋ฐ ๋ฐฐํฌ ๋ชจ๋ธ

์ด ๋ชจ๋“ˆ์—์„œ๋Š” ๋‹ค์–‘ํ•œ ์œ ํ˜•์˜ ํด๋ผ์šฐ๋“œ ์ปดํ“จํŒ… ์„œ๋น„์Šค ๋ชจ๋ธ ๋ฐ ๋ฐฐํฌ ๋ชจ๋ธ์— ๋Œ€ํ•ด ํ•™์Šตํ•œ๋‹ค.

2020๋…„ 6์›” 19์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

[IBM Cloud] ํด๋ผ์šฐ๋“œ๋ฅผ ํ™œ์šฉํ•˜๋Š” ์ƒˆ ๊ธฐ์ˆ ๋“ค

์ด ๋ชจ๋“ˆ์—์„œ๋Š” ํด๋ผ์šฐ๋“œ ์ปดํ“จํŒ…์ด ์ง€์›ํ•˜๋Š” ๋ช‡ ๊ฐ€์ง€ ์ƒˆ๋กœ์šด ๊ธฐ์ˆ ์— ๋Œ€ํ•ด์„œ ๋ฐฐ์šด๋‹ค.

2020๋…„ 6์›” 19์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

[IBM Cloud] ํด๋ผ์šฐ๋“œ ์ปดํ“จํŒ… ๊ฐœ์š”

์ด ๋ชจ๋“ˆ์—์„œ๋Š” ํด๋ผ์šฐ๋“œ ์ปดํ“จํŒ…์˜ ์ •์˜ ๋ฐ ํ•„์ˆ˜ ํŠน์„ฑ์— ๋Œ€ํ•ด ํ•™์Šตํ•œ๋‹ค.

2020๋…„ 6์›” 19์ผ
ยท
1๊ฐœ์˜ ๋Œ“๊ธ€

[React] ์ปดํฌ๋„ŒํŠธ์˜ State ๋ž€?

์‚ฌ์šฉ์ž๊ฐ€ ์•Œ ํ•„์š”๊ฐ€ ์—†๋Š” ๋ฐ์ดํ„ฐ๋ฅผ ๋‚ด๋ถ€์—์„œ ์€๋‹‰ํ•˜๋Š” ๊ฒƒ. ์ฆ‰, ์บก์Šํ™”๋ฅผ ํ†ตํ•ด ์ฝ”๋“œ๋ฅผ ๋ฆฌํŽ™ํ† ๋ง ํ•˜๋Š” ๊ฒƒ์ด ์ข‹์€ ์‚ฌ์šฉ์„ฑ์„ ๋งŒ๋“œ๋Š” ํ•ต์‹ฌ์ด๋‹ค.

2020๋…„ 6์›” 18์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

[React] ์ปดํฌ๋„ŒํŠธ์˜ Props ๋ž€?

๋งˆ์น˜ HTML ํƒœ๊ทธ์˜ ์†์„ฑ์ฒ˜๋Ÿผ, ํ•œ ์ปดํฌ๋„ŒํŠธ์˜ ์š”์†Œ์— props value๋ฅผ ์ง€์ •ํ•˜๋ฉด ๋‹ค๋ฅธ ์ปดํฌ๋„ŒํŠธ์—์„œ ๊ทธ value์— ๊ฐ’์„ ๋„ฃ์–ด ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ๊ฒƒ์ด๋‹ค.

2020๋…„ 6์›” 17์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

[React] ์ปดํฌ๋„ŒํŠธ(Component) ์ƒ์„ฑ ๋ฐ ํŒŒ์ผ๋ณ„๋กœ ๋ถ„๋ฆฌํ•˜๊ธฐ

App.js ํŒŒ์ผ์˜ App ์ปดํฌ๋„ŒํŠธ ๊ตฌ์กฐ๋ฅผ ์ฐธ๊ณ ํ•ด ์ƒˆ๋กœ์šด ์ปดํฌ๋„ŒํŠธ๋ฅผ ๋งŒ๋“ค๊ณ , ํŒŒ์ผ๋กœ ๋ถ„๋ฆฌํ•ด ๊ด€๋ฆฌํ•œ๋‹ค.

2020๋…„ 6์›” 17์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

[React] ํŒŒ์ผ ๊ตฌ์กฐ ์ดํ•ดํ•˜๊ธฐ

์ƒˆ๋กœ์šด React์•ฑ์„ ์ƒ์„ฑํ•˜๋ฉด ์—ฌ๋Ÿฌ ํด๋”์™€ ํŒŒ์ผ๋“ค์ด ์ƒ๊ธฐ๋Š”๋ฐ, ๊ทธ์ค‘ ๊ฐ€์žฅ ํ•ต์‹ฌ์ด ๋˜๋Š” ํŒŒ์ผ์€ ๋‹ค์Œ 3๊ฐ€์ง€ ์ด๋‹ค.

2020๋…„ 6์›” 17์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

[ES2020] Click, Enter ๋‘ ๊ฐœ์˜ ์ด๋ฒคํŠธ ๋™์‹œ์— ๋“ฑ๋กํ•˜๊ธฐ

form ๋‚ด๋ถ€์˜ button๋ฅผ submitํ•˜๋ฉด ํด๋ฆญ๊ณผ ์—”ํ„ฐ๊ฐ€ ๋™์‹œ์— ์ž…๋ ฅ๋œ๋‹ค. ์ด๊ฑธ ์ด์šฉํ•ด์„œ form ํƒœ๊ทธ์— ์ด๋ฒคํŠธ๋ฅผ ๋“ฑ๋กํ•ด, ํด๋ฆญ์„ ํ•˜๋“  ์—”ํ„ฐ๋ฅผ ๋ˆ„๋ฅด๋“  ๊ฐ™์€ ์ด๋ฒคํŠธ๋กœ ์ทจ๊ธ‰ํ•  ์ˆ˜ ์žˆ๋‹ค.

2020๋…„ 6์›” 17์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

[ES2020] Click eventListener ๋“ฑ๋กํ•˜๊ธฐ

์ฆ‰, jsํŒŒ์ผ์— ๋ฐœ์ƒํ–ˆ์„ ๋•Œ ์‹คํ–‰ ๋˜์–ด์•ผ ํ•˜๋Š” ํ•จ์ˆ˜๋ฅผ ์งœ๋ฉด ๋ธŒ๋ผ์šฐ์ €๋Š” ๊ทธ ์ด๋ฒคํŠธ๊ฐ€ ๋ฐœ์ƒํ–ˆ์„ ๋•Œ ๋“ฑ๋ก๋œ ์ฝ”๋“œ๋ฅผ ์‹คํ–‰ํ•˜๊ฒŒ ๋œ๋‹ค. ์ด๋Ÿฐ ๋ฐฉ์‹์„ ์ด๋ฒคํŠธ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์ด๋ผ๊ณ  ํ•œ๋‹ค.

2020๋…„ 6์›” 16์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

[Node.js] '์ƒˆ ๊ธ€ ์ž‘์„ฑ' ํŽ˜์ด์ง€ ๋งŒ๋“ค๊ธฐ

์›น๋ธŒ๋ผ์šฐ์ €๋กœ๋ถ€ํ„ฐ POST method๋กœ ์ „์†ก๋ฐ›์€ ๋ฐ์ดํ„ฐ๋ฅผ ํŒŒ์ผ๋กœ ์ €์žฅํ•˜๊ณ , ์ž‘์„ฑํ•œ ๊ธ€๊ณผ ๋‚ด์šฉ์„ ๋ณผ ์ˆ˜ ์žˆ๋Š” ํŽ˜์ด์ง€๋กœ Redirectionํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์ •๋ฆฌํ–ˆ๋‹ค.

2020๋…„ 6์›” 15์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

[Node.js] ์›นํŽ˜์ด์ง€์— ํŒŒ์ผ ๋„์šฐ๊ธฐ

์ฟผ๋ฆฌ์ŠคํŠธ๋ง์— ๋”ฐ๋ผ์„œ data๋””๋ ‰ํ† ๋ฆฌ์— ์žˆ๋Š” ์ ์ ˆํ•œ ํŒŒ์ผ์„ ์ฝ์–ด ๋ถˆ๋Ÿฌ์˜ค๋Š” ์ž‘์—…์„ ํ•ด๋ณผ ๊ฒƒ์ด๋‹ค. ๊ฐ ํŽ˜์ด์ง€ ๋งˆ๋‹ค ๋‹ค๋ฅธ ๋‚ด์šฉ์„ ์ผ์ผ์ด html ํŒŒ์ผ์— ์ ์–ด์ค„ ํ•„์š”๊ฐ€ ์—†์–ด ํ›จ์”ฌ ๊น”๋”ํ•˜๊ณ  ์œ ์ง€๋ณด์ˆ˜๊ฐ€ ์šฉ์ดํ•œ ์›น ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜์ด ๋  ๊ฒƒ์ด๋‹ค.

2020๋…„ 6์›” 14์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

[Node.js] URL์—์„œ ์ฟผ๋ฆฌ์ŠคํŠธ๋ง ์ถ”์ถœํ•˜๊ธฐ

์‹ค์ œ๋กœ ์›น ์„œ๋ฒ„๋ฅผ ๋งŒ๋“ค๋•Œ๋Š” ์ฟผ๋ฆฌ์ŠคํŠธ๋ง์„ ๋จผ์ € ์ง€์ •ํ•˜๊ณ  ๊ทธ ์ฟผ๋ฆฌ์ŠคํŠธ๋ง์œผ๋กœ URL์„ ์—ฐ๊ฒฐํ•œ๋‹ค. ํ•˜์ง€๋งŒ ์ด ์šฐ๋ฆฌ์˜ ๋ชฉ์ ์€ ์ฟผ๋ฆฌ์ŠคํŠธ๋ง์„ ์ฝ๊ณ  ๋‹ค๋ฃจ๋Š” ๋ฐฉ๋ฒ•์„ ํ•™์Šตํ•˜๋Š”๊ฒƒ์ด๊ธฐ ๋•Œ๋ฌธ์—, ๋ฐ˜๋Œ€๋กœ URL์—์„œ ์ฟผ๋ฆฌ์ŠคํŠธ๋ง ๋ฐ์ดํ„ฐ์„ parse(์ถ”์ถœ)ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์•Œ์•„๋ณผ ๊ฒƒ์ด๋‹ค.

2020๋…„ 6์›” 13์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

JavaScript ๊ฐ์ฒด ์ง€ํ–ฅ์˜ ํŠน์ง•

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ๋ชจ๋“  ๊ฒƒ๋“ค์€ <๊ฐ์ฒด>์— ๊ธฐ๋ฐ˜์„ ๋‘๊ณ  ์žˆ๋‹ค. ์ด ๊ธ€์—์„œ๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ฐ์ฒด๋งŒ์˜ ํŠน์ง•์„ ์ •๋ฆฌํ–ˆ๋‹ค.

2020๋…„ 6์›” 13์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

JavaScript & C ๋ฌธ๋ฒ• ๋น„๊ต

์ด ๊ธ€์€ ๋‹จ์ˆœํžˆ ๋‘ ์–ธ์–ด ๋ฌธ๋ฒ•์˜ ์ฐจ์ด์„ ๋น„๊ตํ•œ๋‹ค. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์˜ ๋ฌธ๋ฒ•์ด C์™€ ๋งŽ์ด ์œ ์‚ฌํ•œ ๊ฒƒ ๊ฐ™์•„์„œ, ์•ฝ๊ฐ„ ๋‹ค๋ฅธ ํ‘œํ˜„๋ฒ• ์ •๋„๋งŒ ์ •๋ฆฌํ•ด๋‘๋ฉด ์‰ฝ๊ฒŒ ์™ธ์šธ ์ˆ˜ ์žˆ์„ ๊ฒƒ ๊ฐ™๋‹ค.

2020๋…„ 6์›” 13์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

๐Ÿ‘จโ€๐Ÿ‘จโ€๐Ÿ‘ฆโ€๐Ÿ‘ฆ Github๋กœ ํ˜‘์—… ํ”„๋กœ์ ํŠธ ๊ด€๋ฆฌํ•˜๊ธฐ

"์ด์Šˆ(Issue) ๋“ฑ๋ก โžก ํ’€๋ฆฌํ€˜์ŠคํŠธ(Pull request) ์š”์ฒญ โžก ์ฝ”๋“œ๋ฆฌ๋ทฐ(Code review)" Github์˜ ํ˜‘์—… ์‹œ์Šคํ…œ์„ ํ†ตํ•ด ํ”„๋กœ์ ํŠธ ๊ด€๋ฆฌํ•˜๊ธฐ.

2020๋…„ 6์›” 9์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€

[CSS] box-model, display, position

CSS ๊ธฐ์ดˆ ๋ ˆ์ด์•„์›ƒ์„ ๋ฐฐ์›์‹œ๋‹ค

2020๋…„ 6์›” 9์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€