profile
์‚์•ฝ๐Ÿฃ

Nuxt.js

Nuxt

2022๋…„ 7์›” 11์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

Vue - lifecycle

lifecycle

2022๋…„ 7์›” 7์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

Vue - ๋ฌธ๋ฒ•

vue์—์„œ ์“ฐ์ด๋Š” ๋ฌธ๋ฒ•๋“ค ๐Ÿคจ

2022๋…„ 7์›” 5์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

Vue - ๊ธฐ๋ณธ ๊ตฌ์กฐ

์ปดํฌ๋„ŒํŠธ ์˜ˆ์‹œ๋ฅผ ๋ณด๋ฉฐ ๊ธฐ๋ณธ๊ตฌ์กฐ ํŒŒ์•…ํ•˜๊ธฐ!

2022๋…„ 7์›” 4์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

TypeScript

TypeScript์— ๋Œ€ํ•ด ์•Œ์•„๋ณด๊ธฐ ์ „์— ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๊ฐ€ ๋‚˜์˜ค๊ฒŒ ๋œ ๋ฐฐ๊ฒฝ์„ ์‚ดํŽด๋ณด์ž. JavaScript๋Š” ์›๋ž˜ ํด๋ผ์ด์–ธํŠธ ์ธก ์–ธ์–ด๋กœ ๋„์ž…๋˜์—ˆ์œผ๋‚˜, Node.js์˜ ๊ฐœ๋ฐœ๋กœ ์ธํ•ด JS๋Š” ์„œ๋ฒ„ ์ธก ๊ธฐ์ˆ ๋กœ๋„ ํ™œ์šฉ ํ•  ์ˆ˜ ์žˆ์–ด์กŒ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ JS ์ฝ”๋“œ๊ฐ€ ์ปค์งˆ์ˆ˜๋ก ์†Œ์Šค ์ฝ”๋“œ๊ฐ€ ๋” ๋ณต์žกํ•ด์ ธ์„œ ์ฝ”๋“œ๋ฅผ ์œ ์ง€, ๊ด€๋ฆฌ, ์žฌ์‚ฌ์šฉํ•˜๊ธฐ๊ฐ€ ์–ด๋ ค์›Œ์กŒ๋‹ค. ๋”์šฑ type ๊ฒ€์‚ฌ ๋ฐ ์ปดํŒŒ์ผ...

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

NextJS

React์˜ SSR(Server Side Rendering)์„ ์‰ฝ๊ฒŒ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋„์™€์ฃผ๋Š” ํ”„๋ ˆ์ž„์›Œํฌ.

2022๋…„ 5์›” 5์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

ํ…Œ์ŠคํŠธ ์ฃผ๋„ ๊ฐœ๋ฐœ / TDD(Test Driven Development)

์‹ค์ œ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•˜๊ธฐ ์ „ ํ…Œ์ŠคํŠธ ์ฝ”๋“œ๋ฅผ ๋จผ์ € ์ž‘์„ฑํ•˜๊ณ ,๊ทธ ํ…Œ์ŠคํŠธ ์ฝ”๋“œ๋ฅผ ํŒจ์Šคํ•  ์ˆ˜ ์žˆ๋Š” ์‹ค์ œ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•˜๋Š” ๊ฐœ๋ฐœ๋ฐฉ์‹ํ…Œ์ŠคํŠธ ์ฝ”๋“œ ์ž‘์„ฑ > ํ…Œ์ŠคํŠธ ์‹คํ–‰ Fail > ํ…Œ์ŠคํŠธ ์ฝ”๋“œ์— ๋งž๋Š” ์ฝ”๋“œ ์ž‘์„ฑ > ํ…Œ์ŠคํŠธ ์‹คํ–‰ PassTDD๋ฅผ ํ•˜๋ฏ€๋กœ ์ธํ•ด ๋งŽ์€ ๊ธฐ๋Šฅ์„ ํ…Œ์ŠคํŠธํ•˜๊ธฐ์— ์†Œ์Šค

2022๋…„ 5์›” 2์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

ํ”„๋ก ํŠธ์—”๋“œ ๋กœ๋“œ๋งต ์Šคํ„ฐ๋”” #8 #CSS ์‹ฌํ™”

๐ŸŒผ CSS ๊ตฌ์กฐ(Architecture) ๐ŸŒผ CSS ์ „์ฒ˜๋ฆฌ๊ธฐ(CSS preprocessor)

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

ํ”„๋ก ํŠธ์—”๋“œ ๋กœ๋“œ๋งต ์Šคํ„ฐ๋”” #7 #ํŒจํ‚ค์ง€๋งค๋‹ˆ์ €

๐ŸŒผ npm npm์ด๋ž€? NPM์€ Node Package Manager์˜ ์•ฝ์ž์ด๋‹ค. ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํŒจํ‚ค์ง€ ๋งค๋‹ˆ์ €์ด๊ณ  NodeJS์—์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ๋ชจ๋“ˆ๋“ค์„ ํŒจํ‚ค์ง€ํ™”ํ•˜์—ฌ ๋ชจ์•„๋‘” ์ €์žฅ์†Œ ์—ญํ• ์„ ํ•˜๋ฉฐ ์„ค์น˜/๊ด€๋ฆฌ๋ฅผ ์ˆ˜ํ–‰ํ•  ์ˆ˜ ์žˆ๋Š” CLI๋ฅผ ์ œ๊ณตํ•œ๋‹ค. ํŒจํ‚ค์ง€ ์„ค์น˜ npm i

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

ํ”„๋ก ํŠธ์—”๋“œ ๋กœ๋“œ๋งต ์Šคํ„ฐ๋”” #6 #์›น ๋ณด์•ˆ์ง€์‹

HTTPS HTTPS๋Š” ๊ธฐ๋ณธ ๊ณจ๊ฒฉ์ด๋‚˜ ์‚ฌ์šฉ ๋ชฉ์  ๋“ฑ์€ HTTP์™€ ๊ฑฐ์˜ ๋™์ผํ•˜์ง€๋งŒ, ๋ฐ์ดํ„ฐ๋ฅผ ์ฃผ๊ณ  ๋ฐ›๋Š” ๊ณผ์ •์— โ€˜๋ณด์•ˆโ€™ ์š”์†Œ๊ฐ€ ์ถ”๊ฐ€๋˜์—ˆ๋‹ค๋Š” ๊ฒƒ์ด ๊ฐ€์žฅ ํฐ ์ฐจ์ด์ ์ด๋‹ค. HTTPS๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ์„œ๋ฒ„์™€ ํด๋ผ์ด์–ธํŠธ ์‚ฌ์ด์˜ ๋ชจ๋“  ํ†ต์‹  ๋‚ด์šฉ์ด ์•”ํ˜ธํ™”๋œ๋‹ค. ์šฐ๋ฆฌ๊ฐ€ ํŠน์ • ํŒŒ์ผ์— ์•”ํ˜ธ๋ฅผ

2022๋…„ 1์›” 11์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

ํ”„๋ก ํŠธ์—”๋“œ ๋กœ๋“œ๋งต ์Šคํ„ฐ๋”” #5 #๋ฒ„์ „๊ด€๋ฆฌ

git์ด๋ž€ ๋ฒ„์ „๊ด€๋ฆฌ ์‹œ์Šคํ…œ์œผ๋กœ ํ”„๋กœ๊ทธ๋ž˜๋ฐ์„ ํ•˜๋ฉฐ ๊ทธ๋•Œ๊ทธ๋•Œ ์ˆ˜์ •์‚ฌํ•ญ์„ ๊ธฐ๋กํ•˜๊ณ  ๋ฒ„์ „์„ ์ €์žฅํ•˜๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉํ•œ๋‹ค.$git initํ˜„์žฌ ์‚ฌ์šฉ ์ค‘์œผ๋กœ ์—ด๋ ค์žˆ๋Š” git์˜ ํด๋” ๊ฒฝ๋กœ๋ฅผ ํ™•์ธํ•˜๋Š” ๋ช…๋ น์–ด์ด๋‹ค.$git config --global user.email(์‚ฌ์šฉํ•˜๋Š” ์ด๋ฉ”์ผ)$g

2022๋…„ 1์›” 6์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

ํ”„๋ก ํŠธ์—”๋“œ ๋กœ๋“œ๋งต ์Šคํ„ฐ๋”” #4 #javascript

๐ŸŒผ ๊ตฌ๋ฌธ(Syntax)๊ณผ ๊ธฐ๋ณธ ๋ฌธ๋ฒ• ๐ŸŒผ DOM ์กฐ์ž‘ ๋ฐฉ๋ฒ• ๋ฐฐ์šฐ๊ธฐ ๐ŸŒผ Fetch API / Ajax(XHR) ๋ฐฐ์šฐ๊ธฐ ๐ŸŒผ ๋ชจ๋“ˆ๋Ÿฌ JavaScript์™€ ES6+ ๋ฐฐ์šฐ๊ธฐ ๐ŸŒผ ๊ฐœ๋… ์ดํ•ดํ•˜๊ธฐ ํ˜ธ์ด์ŠคํŒ… ์ด๋ฒคํŠธ ๋ฒ„๋ธ”๋ง ์Šค์ฝ”ํ”„ ํ”„๋กœํ† ํƒ€์ž… Shadow DOM Strict

2021๋…„ 12์›” 30์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

ํ”„๋ก ํŠธ์—”๋“œ ๋กœ๋“œ๋งต ์Šคํ„ฐ๋”” #3 #CSS

CSS ๊ธฐ์ดˆ ๋ฐฐ์šฐ๊ธฐ ๋ ˆ์ด์•„์›ƒ ๋งŒ๋“ค๊ธฐ floats Positioning Display CSS Grid Flex Box ๋ฐ˜์‘ํ˜• ๋””์ž์ธ๊ณผ ๋ฏธ๋””์–ด์ฟผ๋ฆฌ

2021๋…„ 12์›” 27์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

ํ”„๋ก ํŠธ์—”๋“œ ๋กœ๋“œ๋งต ์Šคํ„ฐ๋”” #2 #HTML

๐ŸŒผ ๊ธฐ์ดˆ ๋ฐฐ์šฐ๊ธฐ ๐ŸŒผ ์˜๋ฏธ๋ก ์ (Semantic)์ธ HTML ์ž‘์„ฑ ๐ŸŒผ ํผ๊ณผ ์œ ํšจ์„ฑ ๊ฒ€์‚ฌ ๐ŸŒผ ์ปจ๋ฒค์…˜๊ณผ ๋ชจ๋ฒ” ์‚ฌ๋ก€(Best Practice) ๐ŸŒผ ์ ‘๊ทผ์„ฑ ๐ŸŒผ ๊ธฐ๋ณธ SEO

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

ํ”„๋ก ํŠธ์—”๋“œ ๋กœ๋“œ๋งต ์Šคํ„ฐ๋”” #1 #์ธํ„ฐ๋„ท

๐ŸŒผ์ธํ„ฐ๋„ท์€ ์–ด๋–ป๊ฒŒ ์ž‘๋™๋ ๊นŒ์š”? ๐ŸŒผHTTP๋Š” ๋ฌด์—‡์ผ๊นŒ์š”? ๐ŸŒผ๋ธŒ๋ผ์šฐ์ €์™€ ๋™์ž‘ ์›๋ฆฌ ๐ŸŒผDNS์™€ ์ž‘๋™ ์›๋ฆฌ ๐ŸŒผ๋„๋ฉ”์ธ ๋„ค์ž„์€ ๋ฌด์—‡์ผ๊นŒ์š”? ๐ŸŒผํ˜ธ์ŠคํŒ…์€ ๋ฌด์—‡์ผ๊นŒ์š”?

2021๋…„ 12์›” 1์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

ํ”„๋ก ํŠธ์—”๋“œ ๋กœ๋“œ๋งต ์Šคํ„ฐ๋””

๋กœ๋“œ๋งต ์ถœ์ฒ˜๋Š” ์—ฌ๊ธฐ!

2021๋…„ 12์›” 1์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท

React, JS ์ฝœ๋ก (:) ํŒŒ๋ผ๋ฏธํ„ฐ ์‚ฌ์šฉํ•˜๊ธฐ

์ƒํ’ˆ ์ƒ์„ธํŽ˜์ด์ง€๋‚˜ ์•„์ด๋”” ์„œ์นญํ•  ๋•Œ ์ด๋Ÿฐ์‹์œผ๋กœ ๊ฐ’ ๋„˜๊ธฐ๊ณ ๋ฐ›๋Š” ์ชฝ์—์„ ์ด๋Ÿฐ์‹์œผ๋กœ ํŒŒ์‹ฑ

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

React build(๋ฐฐํฌ) ํ›„ api response ๋ฌธ์ œ

๐ŸŽ€ ์ž‘์—…ํ™˜๊ฒฝ ๐ŸŽ€front-end : reactback-end : spring๋ฐฐํฌํ™˜๊ฒฝ : ubuntu 20.04 / apache์–ดํ—‰ํ๋ฅตํ™ํ‘ํ‘๋‚˜๋ฅผ ๊ดด๋กญ๊ฒŒ ํ•œ ์˜ค๋Š˜์˜ ๋ฌธ์ œ๋ฅผ ์†Œ๊ฐœํ•œ๋‹คlocal์—์„œ๋Š” api๋ž‘ ํ†ต์‹  ์ž˜ ํ•ด์„œ ๊ฐ’ ์ž˜๋งŒ ๋ฐ›์•„์˜ค๋”๋‹ˆ๋งŒ,,๋นŒ๋“œํ•ด์„œ ์„œ๋ฒ„์— ์˜ฌ๋ฆฌ๋‹ˆ๊นŒ

2021๋…„ 8์›” 12์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

๋ฆฌ์•กํŠธ ์ •๋ฆฌ(#1 ์ตœ์‹  ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ)

๋ฆฌ์•กํŠธ ๋“ค์–ด๊ฐ€๊ธฐ ์ „์— ์ตœ์‹  ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๊ธฐ์ˆ ์— ๋Œ€ํ•ด ๊ณต๋ถ€ํ•ด๋ณด์ž :D (์™€,,์‹ ๋‚œ๋‹ค,,)

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