profile
๊นŒ๋จน์ง€๋งˆ๋„ํ† ๋„ํ† ์ž ๋ณด๐Ÿ˜
ํƒœ๊ทธ ๋ชฉ๋ก
์ „์ฒด๋ณด๊ธฐ (115)vue(44)React(32)router(16)vue router(13)๋„์ ๋„์ (11)JavaScript(9)components(9)typescript(8)vuex(7)Props(5)State(5)queue(4)withoutCRA(4)next.js(3)v model(3)CSS(3)v if(3)useState(3)v-for(3)v-on(3)webpack(2)modules(2)Redux Toolkikt(2)babel(2)CSR(2)key(2)Payload(2)typeof(2)transition(2)css-modules(2)react-query(2)useEffect(2)mutations(2)API(2)link(2)router view(2)๋น„๋™๊ธฐ(2)setter(2)pre-rendering(2)node.js(2)Fetch(2)ref(2)class(2)lifecycle(2)catch-all(2)Dispatch(2)ESLint(2)forwarding refs(1)framework(1)library(1)actions(1)alias(1)Registered Ports(1)mapActions(1)beforeRouteEnter(1)plugins(1)merge(1)Type Aliases(1)rds(1)http(1)Callback refs(1)CRA(1)linux(1)mapState(1)Cloudinary(1)stack(1)ํ˜ธ์ด์ŠคํŒ…(1)์กฐ๊ฑด๋ถ€ ๋ Œ๋”๋ง(1)$route.matched(1)priority queue(1)Dynamic Ports(1)scroll-behavior(1)mac(1)Named Routes(1)once(1)X-Templates(1)์ฝ”๋”ฉํ…Œ์ŠคํŠธ(1)React.lazy(1)Cache(1)v-show(1)Rebux(1)๋ชจ๋“ˆ(1)Object Spread Operator(1)SSH key(1)intersection(1)appear(1)memoization(1)yarn(1)router.replace(1)velog(1)๋‹ค์ค‘์ž…๋ ฅ์ œ์–ด(1)mapMutations(1)PORT(1)beforeRouteUpdate(1)permission denied(1)instanceof(1)HWR(1)์„ ์–ธ์  ๋ Œ๋”๋ง(1)์ „์—ญ ์ƒํƒœ ๊ด€๋ฆฌ(1)Crashlytics(1)strict(1)getServerSideProps(1)fetching(1)v-once(1)computed(1)structure(1)Firebase(1)Getters(1)slot-scope(1)await(1)command not found(1)rootGetters(1)๊ตฌ์กฐ(1)ajax(1)ํ”Œ๋Ÿฌ๊ทธ์ธ(1)window.history API(1)async(1)rootState(1)branch(1)in(1)์ˆซ์žํ˜• ์—ด๊ฑฐ(1)useParams(1)Deque(1)implements(1)layout(1)namespaced(1)Named Views(1)hoisting(1)์‚ฌ์šฉ์ž ์ •์˜(1)this.$route(1)hash mode(1)๋ฌธ์žํ˜• ์—ด๊ฑฐ(1)directives(1)ec2(1)๋ฆฌ๋ฒ„์Šค ๋งคํ•‘(1)Nginx(1)REST API(1)npx(1)const(1)let(1)var(1)updated(1)vuex store(1)Handling Events(1)fragment(1)inline-template(1)msa(1)๋ผ์šฐํŠธ ๋ฉ”ํƒ€ ํ•„๋“œ(1)conflict(1)nested(1)afterEach(1)interface(1)cacheTime(1)coding test(1)Lazy loading(1)Query Invalidation(1)registerModule(1)context(1)watch(1)Google Analytics(1)union(1)destroyed(1)typescript ๊ธฐ๋ณธ ํƒ€์ž…(1)v-slot(1)keep alive(1)router-link(1)useMemo(1)useReducer(1)ํ˜ผํ•ฉํ˜• ์—ด๊ฑฐ(1)apache(1)rtk(1)circular queue(1)axios(1)Outlet(1)Enum(1)middleware(1)parent(1)styled components(1)redux-persist(1)์ด๋ฒคํŠธ์ฒ˜๋ฆฌ(1)repository(1)hook(1)useCallback(1)์‚ฌ์šฉ์ž ์ •์˜ ์ด๋ฒคํŠธ(1)preserveState(1)BrowserRouter(1)type annotation(1)swp(1)SSR(1)type(1)transition mode(1)const ์—ด๊ฑฐ(1)template(1)$off(1)custom hook(1)beforeEnter(1)Stale(1)data(1)meta(1)params(1)shallow copy(1)Slots(1)array(1)form(1)๋„ค๋น„๊ฒŒ์ด์…˜ ๊ฐ€๋“œ(1)getter(1)extends(1)passing-props(1)spa(1)E325: ATTENTION(1)ON(1)router.push()(1)jest(1)style(1)rewrites(1)redirects(1)์กฐ๊ฑด๋ถ€๋ Œ๋”๋ง(1)github(1)router.go(1)v-else-if(1)render(1)redirect(1)seo(1)Well-Known Ports(1)JSX(1)diff(1)useNavigate(1)v else(1)@Inject(1)v-bind(1)@BeforeEach(1)๊ฟ€๋ฒ™์ฐจ๋…ธ(1)mutation(1)unregisterModule(1)ํƒ€์ž… ๊ฐ€๋“œ(1)๋ฆฌ์ŠคํŠธ ๋ Œ๋”๋ง(1)keyof(1)forms(1)CreateElement(1)methods(1)provide(1)Style Bindings(1)beforeResolve(1)transition-group(1)deep copy(1)mixins(1)createNamespacedHelpers(1)history mode(1)authentication(1)git(1)์—ด๊ฑฐํ˜•(1)vim(1)staletime(1)๊ฐ์ฒด ์ „๊ฐœ ์—ฐ์‚ฐ์ž(1)React.memo(1)queries(1)type guard(1)์ˆœํ™˜ ์ฐธ์กฐ(1)๋ณ€์ด(1)์ œ์–ด์ปดํฌ๋„ŒํŠธ(1)Root(1)hydration(1)mounted(1)port number(1)promise(1)import(1)useFetch(1)beforeCreate(1)Dynamic Routes(1)data fetching(1)npm(1)A/B testing(1)instance(1)caching(1)mapGetters(1)ReactDOM(1)Created(1)

Javascript ๊ธฐ์ดˆ ๋ฌธ๋ฒ• Part 1

js ๊ณต๋ถ€ํ•˜๋ฉด์„œ ์ •๋ฆฌํ•ด๋†“์€ ๊ฒƒ๋“ค ๋ธ”๋กœ๊ทธ์— ์˜ฎ๊ธฐ๊ธฐ~๐Ÿค“๊ธฐ์กด ๊ฐ์ฒด๋ฅผ ์ƒˆ๋กœ์šด ๋ณ€์ˆ˜์— ๋„ฃ์€ ๊ฒฝ์šฐ,์ƒˆ๋กœ์šด ๋ณ€์ˆ˜ ์•ˆ์— ๋‹ด๊ธด ๊ฐ์ฒด์˜ ๊ฐ’์ด ๋ณ€๊ฒฝ๋˜๋ฉด ๊ธฐ์กด ๊ฐ์ฒด์˜ ๊ฐ’๋„ ๋ฐ”๋€๋‹ค.shallow copy(์–•์€ ๋ณต์‚ฌ)์˜ ๋ฌธ์ œ์ ๊ฐ์ฒด ๋‚ด ๋˜ ๋‹ค๋ฅธ ๊ฐ์ฒด๊ฐ€ ์žˆ๋‹ค๋ฉด ๋ณต์‚ฌ๋˜์ง€ ์•Š๋Š”๋‹ค.deep copy๊นŠ

2023๋…„ 10์›” 28์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

๋ฆฌ๋ˆ…์Šค ์„œ๋ฒ„ ์—ฐ๊ฒฐํ•ด๋ดค๋‹ค

์•„๋Š”๋ฐ๋กœ ์ž‘์„ฑํ•œ๋‹ค,,์œˆ๋„์šฐ : GUI๋ฆฌ๋ˆ…์Šค : CUI(CLI) โ†’ CUI๊ฐ€ ๋” ํŽธํ•ด์„œ ๋ฆฌ๋ˆ…์Šค ๋งŽ์ด ์‚ฌ์šฉํ•œ๋‹ค.๋ฆฌ๋ˆ…์Šค๋Š” ์ข…๋ฅ˜๊ฐ€ ๋งŽ์Œ aws, centOS, ubuntu, redhat ๋“ฑ๋“ฑEC2 : AWS์—์„œ ์„œ๋ฒ„๋ฅผ ๋ถ€๋ฅด๋Š” ์ด๋ฆ„(๋ฆฌ๋ˆ…์Šค, ์œˆ๋„์šฐ ๋‘˜ ๋‹ค ๊ฐ€๋Šฅ)GCP : ๊ตฌ๊ธ€์—

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

RTK(Redux Toolkikt) + redux-persist ์ฝ”๋“œ ์ ์šฉ

<span style="color:store์— ์ €์žฅ๋œ state๋ฅผ storage์— ์ €์žฅํ•˜๊ธฐ ์œ„ํ•ด redux-persist๋ฅผ ์‚ฌ์šฉํ–ˆ๋‹ค.๋‹ค๋“ค RTK์— redux-persist์„ ์ ์šฉํ•˜๋Š” ๊ฑธ ๋„ˆ๋ฌด ์–ด๋ ต๊ฒŒ ์„ค๋ช…ํ•ด๋†จ๋Š”๋ฐ ์ง„์งœ ๋ณ„๊ฑฐ ์•„๋‹˜์œ„์—์„œ ์ž‘์„ฑํ•œ store.ts์— ์•„๋ž˜

2023๋…„ 8์›” 3์ผ
ยท
1๊ฐœ์˜ ๋Œ“๊ธ€
ยท

JavaScript let, var, const ๊ทธ๋ฆฌ๊ณ  ํ˜ธ์ด์ŠคํŒ…

๋ฉด์ ‘์„ ์ข€ ๋ด๋ณธ ํ”„๋ก ํŠธ์—”๋“œ๋ผ๋ฉด let๊ณผ var์˜ ์ฐจ์ด๊ทธ๋ฆฌ๊ณ  ๊ทธ์— ๋”ฐ๋ฅธ ๊ผฌ๋ฆฌ ์งˆ๋ฌธ์œผ๋กœ ํ˜ธ์ด์ŠคํŒ…์— ๋Œ€ํ•œ ๊ฒƒ์„ ํ•œ ๋ฒˆ์ฏค? ๊ฒฝํ—˜ํ•ด ๋ดค์„ ๊ฑฐ๋ผ ์ƒ๊ฐํ•œ๋‹ค์ด๊ฒƒ์— ๋Œ€ํ•ด ๊ฐ€์žฅ ์ž˜ ์ •๋ฆฌ๋˜์–ด ์žˆ๋Š” ์œ ํŠœ๋ธŒ๋ฅผ ๋ฐœ๊ฒฌํ•˜๊ณ  ๊ทธ ์˜์ƒ์„ ๋‚˜๋ฅผ ์œ„ํ•ด ์ด๋ ‡๊ฒŒ ์ •๋ฆฌํ•œ๋‹ค๋‚˜๋ฅผ ํž˜๋“ค๊ฒŒ ํ•˜๋˜ ํ˜ธ์ด์ŠคํŒ…๊ณผ let,,

2023๋…„ 7์›” 26์ผ
ยท
2๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

TypeScript ๋‹ค์‹œ ์ •๋ฆฌ

ํ—ท๊ฐˆ๋ ค์„œ ๋‹ค์‹œ ์ •๋ฆฌํ•˜๋Š” TypeScript,,,๐Ÿ‘<span style="background-color:- ์—„๊ฒฉํ•œ ํƒ€์ž… ์ฒดํฌ๊ฐ€ ๊ฐ€๋Šฅํ•˜๊ณ , ํƒ€์ž…์„ ์ง€์ • ๊ฐ€๋Šฅ์ฝ”๋“œ๊ฐ€ ์‹คํ–‰๋˜๊ธฐ ์ „, ์ปดํŒŒ์ผ ์—๋Ÿฌ ๋ฏธ๋ฆฌ ํ™•์ธadd(a, b)JavaScript : ๋ฌธ์ž์—ด + ๋ฌธ์ž์—ด = ๋ฌธ์ž์—ด

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

TypeScript Type, Union, Intersection

์˜๋ฏธ์—†๋Š” ๋ฐ˜๋ณต์„ ์ค„์ด๊ณ  ํƒ€์ž…์„ ๋ช…์‹œ์ ์œผ๋กœ ์‚ฌ์šฉํ•˜๋„๋ก ๋•๋Š”๋‹คlet, const๋ฅผ ์„ ์–ธํ•ด ๋ณ€์ˆ˜๋ฅผ ์ดˆ๊ธฐํ™” ํ•˜๋“ฏ์ด type ํ‚ค์›Œ๋“œ๋กœ ์‚ฌ์šฉ ๊ฐ€๋Šฅinterface์™€ type์˜ ์ฐจ์ดinterface๋Š” ์ปดํŒŒ์ผ๋Ÿฌ๊ฐ€ ์ถ”๋ก ํ•˜๋ ค ํ•˜์ง€๋งŒ type์€ ์ถ”๋ก ํ•˜์ง€ ์•Š์Œinterface๋Š” ๊ตฌ์กฐํ™” ๋ฐ

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

TypeScript ์—ด๊ฑฐํ˜•(Enum)

enum ํ‚ค์›Œ๋“œ + PascalCase ์กฐํ•ฉ์œผ๋กœ ์ƒ์„ฑ์˜๋ฏธ์žˆ๋Š” ์ƒ์ˆ˜ ์ž๋ฃŒ๋ฅผ ์ •์˜ํ•  ์ˆ˜ ์žˆ๋‹ค => ๋ฌธ์„œํ™”ํ‚ค๋ฅผ ๊ฐ’์ด ํ• ๋‹นํ•˜๋ฉฐ ์ˆœ์„œ๊ฐ€ ์—†๋Š” ์ง‘ํ•ฉ์ด์ž ์ž๋ฃŒ๊ตฌ์กฐ๊ณ„์‚ฐ๋œ ๊ฐ’ ์‚ฌ์šฉ ๊ฐ€๋Šฅ(ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๊ฐ€ ์•Œ์•„์„œ ์ถ”๋ก )์ปดํŒŒ์ผ ์‹œ ์‚ฌ๋ผ์ง€๋Š” Interface์™€ ๋‹ฌ๋ฆฌ <span style=

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

TypeScript ํƒ€์ž… ๊ฐ€๋“œ

ํƒ€์ž… ๊ฐ€๋“œ ํƒ€์ž…์„ ์ขํ˜€๊ฐ€๊ธฐ ์œ„ํ•œ ๊ณผ์ •์ด๋‹ค. any์™€ ๊ฐ™์€ ๋„“์€ ๋ฒ”์œ„์˜ ํƒ€์ž…์„ ์ขํžˆ๊ณ  ๊ทธ๋กœ ์ธํ•ด ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋”์šฑ ์•ˆ์ •์ ์œผ๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค. typeof javascript์—์„œ ์ด๋ฏธ ์กด์žฌํ•˜๋Š” ํƒ€์ž… ๊ฒ€์‚ฌ ์—ฐ์‚ฐ์ž ๊ธฐ๋ณธํ˜•(Primitive) ํƒ€์ž…์„ ํƒ€์ž… ๊ฐ€๋“œํ•  ๋•Œ ์šฉ์ด

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

TypeScript Interface

JavaScript์—๋Š” ์กด์žฌํ•˜์ง€ ์•Š์Œ ๊ฐ์ฒด์˜ ํƒ€์ž…์„ ์ •์˜ํ•˜๊ณ  ์ƒ๊น€์ƒˆ๋ฅผ ๊ฐ€์ง€๋„๋ก ํ•  ์ˆ˜ ์žˆ์Œ extens๊ฐ€ ์•„๋‹Œ implements ํ‚ค์›Œ๋“œ๋กœ ๊ตฌํ˜„ TypeScript์—์„œ์˜ ํด๋ž˜์Šค ๊ธฐ๋Šฅ์€ C#์—์„œ ์œ ๋ž˜๋œ ๊ฒƒ์ด ๋งŽ์Œ ์ผ๋ถ€ ๊ธฐ๋Šฅ์€ TS์—์„œ๋งŒ ์กด์žฌํ•˜๋Š” ๊ณ ์œ  ๋ฌธ๋ฒ•์œผ๋กœ ์ปดํŒŒ์ผ ํ›„

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

TypeScript Class

Class class + ํŒŒ์Šค์นผ ์ผ€์ด์Šค(pascal case) + {} JavaScript : ES2015์˜ ์ƒˆ๋กœ์šด ๋ฌธ๋ฒ• TypeScript : C#์—์„œ ์œ ๋ž˜๋œ ๊ฒƒ์ด ๋งŽ์Œ ์ผ๋ถ€ ๊ธฐ๋Šฅ์€ TS์—์„œ๋งŒ ์กด์žฌํ•˜๋Š” ๊ณ ์œ  ๋ฌธ๋ฒ•์œผ๋กœ ์ปดํŒŒ์ผ ํ›„ ์‚ฌ๋ผ์ง ํ•„๋“œ ์ผ์ข…์˜ ์†์„ฑ contruc

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

๋„์ ๋„์ 3

์ฐธ ๋งŽ์ด ๋ถ€์กฑํ•˜๋‹ค ๋งค๋ฒˆ ๋А๋ผ์ง€๋งŒ ๋„ˆ๋ฌด ๋ถ€์กฑํ•˜๋‹ค์š”์ฆ˜ ์ฝ๋Š” ๋ธ”๋กœ๊ทธ๊ฐ€ ์žˆ๋Š”๋ฐ ์–ด๋””์„œ ๊ทธ๋ ‡๊ฒŒ ๋งŽ์€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์•„๋Š” ๊ฑด์ง€ ๋ชจ๋ฅด๊ฒ ๋‹ค์ด์ฏค ๋˜๋ฉด ๋ฆฌ์•กํŠธ๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์‹ธ์›€์ธ๊ฐ€? ๋ˆ„๊ฐ€๋ˆ„๊ฐ€ ๋” ํšจ์œจ์ ์ธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์“ฐ๋‚˜~ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋„ ๊ณต๋ถ€๋„ ํ•ด์•ผ ํ•˜๋Š”๋ฐ,,ํƒ€์Šค๋Š” ์ •๋ง ๊ธฐ์ดˆ์ ์ธ ๋นจ๊ฐ„ ์ค„ ์—†

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

์ด๊ฒƒ์ €๊ฒƒ - ๊ฐœ๋ฐœํ™˜๊ฒฝ

node : ๋ธŒ๋ผ์šฐ์ € ๋ฐ–์—์„œ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์‹คํ–‰ํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์ฃผ๋Š” ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์‹คํ–‰ ํ™˜๊ฒฝ npm : Package Manager, node๋ฅผ ์„ค์น˜ํ•˜๋ฉด ์ž๋™์œผ๋กœ ์„ค์น˜๋จ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์‰ฝ๊ฒŒ ์„ค์น˜ํ•˜๊ณ  ๋ฒ„์ „ ๊ด€๋ฆฌํ•  ์ˆ˜ ์žˆ๊ฒŒ ํ•ด์คŒ npm์„ ์‚ฌ์šฉํ•˜๋ฉด package.json์ด๋ผ

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

์ฝ”,, ์ฝ” ์ฝ”๋”ฉํ…Œ์ŠคํŠธ

ํ•˜๋ฃจ์— ์ฝ”๋”ฉํ…Œ์ŠคํŠธ๋งŒ 3๋ฒˆ์„ ๋ดค๋‹ค์ œ-์ผ ์–ด๋ ค์› ๋˜ ๊ฑด ํ…Œ์ŠคํŠธ๊ณ ๋ฆด๋ผ๋‹ค๋ชจ๋“  ์ง€๋ฌธ์ด ์˜์–ด๊ณ  ์„ ํƒํ•˜๋Š” ๊ฐ๊ด€์‹ ๋งˆ์ € ์˜์–ด๋‹ค ใ…‹ใ…‹์ฟ ใ…œ ๋ฒˆ์—ญ๊ธฐ ํ•„์ˆ˜..์ฝ”๋”ฉํ…Œ์ŠคํŠธmbti (์ง„์งœ mbti ํ…Œ์ŠคํŠธ๊ฐ™์•˜์Œ)์ˆ˜ํ•™ ๋ฌธ์ œ (์‹œ์† ์–ด์ฐŒ๊ตฌ ์ €์ฐŒ๊ตฌ ์ผ๋•Œ A์™€ B๊ฐ€ ๋งŒ๋‚˜๋Š” ์ง€์ ์€? ๊ฐ™์€ ๋ฌธ์ œ)React ๊ด€

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

๋‹ค์‹œ ์“ฐ๋Š” React Next.js #2

Next.js ๋‹ค์–‘ํ•œ ๊ธฐ๋Šฅ layout ํŒจํ„ด components ํด๋”์— Layout.js ๋งŒ๋“ค์–ด NavBer, Header ๋“ฑ ๊ณตํ†ต์œผ๋กœ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์„ ๋„ฃ๋Š”๋‹ค. ๊ณตํ†ต์œผ๋กœ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์„ _app.js์— ์ž‘์„ฑํ•ด๋„ ๋˜์ง€๋งŒ, ๋Œ€์ค‘์ ์œผ๋กœ app.js๋ฅผ ํฌ๊ฒŒ ํ•˜๊ธฐ๋ณด๋‹จ Layout

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

๋‹ค์‹œ ์“ฐ๋Š” React Next.js #1

์•„ Nextjs ๋ญ๋”๋ผ~ ๋ถ„๋ช…ํžˆ ์ผ์—ˆ๋Š”๋ฐ~๋‹ค์‹œ ์“ด๋‹ค~์‰ฝ๊ฒŒ ํ’€์–ด ๋งํ•˜๋ฉด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ(Library) : ๋‹จ์ˆœ ํ™œ์šฉ๊ฐ€๋Šฅํ•œ ๋„๊ตฌ๋“ค์˜ ์ง‘ํ•ฉ ๊ฐ™์€ ๋А๋‚Œ๋‚ด๊ฐ€ ์‚ฌ์šฉํ•˜๊ณ  ์‹ถ์„๋•Œ ์‚ฌ์šฉํ•˜๊ณ  ์‚ฌ์šฉํ•˜๊ณ  ์‹ถ์€๊ฑฐ ์‚ฌ์šฉํ•˜๋ฉด ๋œ๋‹ค.ํ”„๋ ˆ์ž„์›Œํฌ(Framework) : ํ”„๋ ˆ์ž„์›Œํฌ๊ฐ€ ์ •ํ•œ ๊ทœ์น™๋Œ€๋กœ ์‚ฌ์šฉํ•ด์•ผ

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

ํฌํŠธ(Port)๋ž€?

๊ฟ€ ๋จน์€ ๋ฒ™์–ด๋ฆฌ๊ฐ€ ๋˜์ง€ ์•Š๊ธฐ ์œ„ํ•œ ์ฐจ๊ทผ์ฐจ๊ทผํ•œ ๋…ธ๋ ฅ #1 ํฌํŠธ(Port) IP ์ฃผ์†Œ์™€ ํ•จ๊ป˜ ํ‘œ๊ธฐํ•˜๋Š” ์˜ˆ์‹œ : http://000.000.000.000:21 http : ํ”„๋กœํ† ์ฝœ 000.000.000.000 : IP ์ฃผ์†Œ :num : ํฌํŠธ ๋ฒˆํ˜ธ ํฌํŠธ(port)๋Š” ๋ณดํ†ต

2023๋…„ 3์›” 22์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

Cloudinary ์…‹์—…ํ•˜๊ธฐ

Cloudinary๋Š” ํด๋ผ์šฐ๋“œ ๊ธฐ๋ฐ˜์˜ ์ด๋ฏธ์ง€ ๋ฐ ๋น„๋””์˜ค ๊ด€๋ฆฌ ์„œ๋น„์Šค์ด๋‹ค. ์ด๋ฏธ์ง€๋‚˜ ๋น„๋””์˜ค๋ฅผ ๊ทธ๋ƒฅ ์—…๋กœ๋“œ ํ•˜๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋ผ ๋ณ€ํ™˜ํ•˜์—ฌ ๋” ๋น ๋ฅด๊ฒŒ ๋กœ๋”ฉํ•  ์ˆ˜ ์žˆ๊ณ ,๋ณ€ํ™˜ ์‹œ ํ€„๋ฆฌํ‹ฐ๋‚˜ ์‹œ๊ฐ์ ์œผ๋กœ ์˜ํ–ฅ์„ ์ฃผ์ง€ ์•Š์œผ๋ฉฐ ์ž๋™์œผ๋กœ ์ด๋ฏธ์ง€๋‚˜ ๋น„๋””์˜ค๋ฅผ ๋‹ค๋ฅธ ๋ฒ„์ „์œผ๋กœ ๋งŒ๋“ค ์ˆ˜ ์žˆ๊ฒŒ ํ•œ๋‹ค.์ผ

2023๋…„ 2์›” 16์ผ
ยท
0๊ฐœ์˜ ๋Œ“๊ธ€
ยท
post-thumbnail

Firebase ์…‹์—…ํ•˜๊ธฐ

Firebase๋Š” ๊ตฌ๊ธ€์—์„œ ์ง€์›ํ•˜๋ฉฐ ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜ ๊ฐœ๋ฐœ ํ”Œ๋ ›ํผ์ด๋‹ค.๋นŒ๋“œํ•˜๊ณ  ์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜์„ ์„ฑ์žฅํ•  ์ˆ˜ ์žˆ๊ฒŒํ•˜๊ณ  ๊ฒŒ์ž„์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋„๋ก ๋„์™€์ค€๋‹ค.Firebase๋Š” ๋นŒ๋“œ ๋‹จ๊ณ„๋ถ€ํ„ฐ ์‹œ์ž‘ํ•ด์„œ ๋ฐฐํฌ ํ›„๊นŒ์ง€ ๋ชจ๋“  ํ”„๋กœ์„ธ์Šค์—์„œ ํ•„์š”ํ•œ ๊ฒƒ๋“ค์„ ๋‹ด๊ณ  ์žˆ๋‹ค.๋นŒ๋“œ : Firestore, Au

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

Git์— ๋Œ€ํ•ด ๋ฐฐ์›Œ๋ณด์ž

Git Git : ๋‹ค์šด๋ฐ›์•„ ์„ค์น˜ํ•ด์„œ ์‚ฌ์šฉํ•˜๋Š” ํ˜•์ƒ ๊ด€๋ฆฌ ๋„๊ตฌ(Configuration Management Tool) ํ”„๋กœ๊ทธ๋žจ GitHub : Git์„ ๊ธฐ๋ฐ˜์œผ๋กœ ์—ฌ๋Ÿฌ ๊ฐ€์ง€ ์„œ๋น„์Šค๋ฅผ ์ œ๊ณตํ•˜๋Š” ์˜จ๋ผ์ธ ์„œ๋น„์Šค Git ์‚ฌ์šฉํ•˜๊ธฐ 1. Git ์„ค์น˜ Homebrew ํŽ˜์ด์ง€์—์„œ ์Šค

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

๋„์ ๋„์ 2

์˜ค๋Š˜ Vue ๊ฐ•์˜๋ฅผ ๋‹ค ๋“ค์—ˆ๋‹ค,,์ข€ ๊ตต์งํ•œ ๊ฒƒ๋“ค์€ ๋‚˜๋ฆ„? ๋‹ค ๋“ค์€ ๊ฒƒ ๊ฐ™๋‹ค์™œ ์ด๋ ‡๊ฒŒ ์˜ค๋ž˜ ๋†€์•˜๋‚˜ ์ž์ฑ…๋„ ํ•˜๊ณค ํ–ˆ์ง€๋งŒ ์ด์ œ์™€ ๋‹ค์‹œ ์ƒ๊ฐํ•ด๋ณด๋ฉด๊ทธ๋ž˜๋„ ๋‚˜๋ฅผ ์œ„ํ•ด ์‰ฌ์–ด๋„ ๋˜๋Š”, ์‰ด๋งŒํ•œ ์‹œ๊ฐ„์ด์—ˆ๋˜ ๊ฑฐ ๊ฐ™๋‹คVue ๊ฐ•์˜๊ฐ€ ๋๋‚˜๊ฐˆ ๋•Œ์ฏค Vue๊ฐ€ ๋๋‚˜๋ฉด ๋ญ๋ถ€ํ„ฐ ์‹œ์ž‘ํ•ด์•ผ ํ•˜๋‚˜ ๋ง‰๋ง‰ํ–ˆ๋Š”๋ฐ

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