Hello, I'm Your Developer!

Crafting elegant and efficient solutions, one line of code at a time.

About Me

I'm a passionate developer with expertise in creating user-focused, scalable, and aesthetic web applications. I take pride in turning ideas into reality using the latest technologies.

My journey in the tech world has been fueled by a love for coding and an endless curiosity for how things work. When I'm not coding, you can find me exploring the latest trends in technology and design.

Hello, I'm Your Developer!

Crafting elegant and efficient solutions, one line of code at a time.

About Me

I'm a passionate developer with expertise in creating user-focused, scalable, and aesthetic web applications. I take pride in turning ideas into reality using the latest technologies.

@import url(https://fonts.googleapis.com/css2?family=Lato&display=swap); @import url(https://fonts.googleapis.com/css2?family=Open+Sans&display=swap); @import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200); @import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css); /*! tailwindcss v3.4.11 | MIT License | https://tailwindcss.com*/ *, :after, :before { border: 0 solid #e5e7eb; box-sizing: border-box; } :after, :before { --tw-content: ""; } :host, html { line-height: 1.5; -webkit-text-size-adjust: 100%; font-family: Open Sans, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; font-feature-settings: normal; font-variation-settings: normal; -moz-tab-size: 4; tab-size: 4; -webkit-tap-highlight-color: transparent; } body { line-height: inherit; margin: 0; } hr { border-top-width: 1px; color: inherit; height: 0; } abbr:where([title]) { text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, pre, samp { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; font-feature-settings: normal; font-size: 1em; font-variation-settings: normal; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { border-collapse: collapse; border-color: inherit; text-indent: 0; } button, input, optgroup, select, textarea { color: inherit; font-family: inherit; font-feature-settings: inherit; font-size: 100%; font-variation-settings: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; margin: 0; padding: 0; } button, select { text-transform: none; } button, input:where([type="button"]), input:where([type="reset"]), input:where([type="submit"]) { -webkit-appearance: button; background-color: transparent; background-image: none; } :-moz-focusring { outline: auto; } :-moz-ui-invalid { box-shadow: none; } progress { vertical-align: baseline; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } summary { display: list-item; } blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre { margin: 0; } fieldset { margin: 0; } fieldset, legend { padding: 0; } menu, ol, ul { list-style: none; margin: 0; padding: 0; } dialog { padding: 0; } textarea { resize: vertical; } input::placeholder, textarea::placeholder { color: #9ca3af; opacity: 1; } [role="button"], button { cursor: pointer; } :disabled { cursor: default; } audio, canvas, embed, iframe, img, object, svg, video { display: block; vertical-align: middle; } img, video { height: auto; max-width: 100%; } [hidden] { display: none; } *, :after, :before { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59, 130, 246, 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59, 130, 246, 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } #webcrumbs .mx-auto { margin-left: auto; margin-right: auto; } #webcrumbs .mb-4 { margin-bottom: 16px; } #webcrumbs .mb-6 { margin-bottom: 24px; } #webcrumbs .mt-4 { margin-top: 16px; } #webcrumbs .mt-6 { margin-top: 24px; } #webcrumbs .flex { display: flex; } #webcrumbs .h-\[240px\] { height: 240px; } #webcrumbs .h-\[40px\] { height: 40px; } #webcrumbs .w-\[240px\] { width: 240px; } #webcrumbs .w-\[40px\] { width: 40px; } #webcrumbs .w-\[800px\] { width: 800px; } #webcrumbs .basis-1\/3 { flex-basis: 33.333333%; } #webcrumbs .basis-2\/3 { flex-basis: 66.666667%; } #webcrumbs .flex-row { flex-direction: row; } #webcrumbs .items-center { align-items: center; } #webcrumbs .justify-center { justify-content: center; } #webcrumbs .justify-between { justify-content: space-between; } #webcrumbs .gap-4 { gap: 16px; } #webcrumbs .gap-6 { gap: 24px; } #webcrumbs .rounded-full { border-radius: 9999px; } #webcrumbs .rounded-lg { border-radius: 24px; } #webcrumbs .rounded-md { border-radius: 18px; } #webcrumbs .bg-primary-500 { --tw-bg-opacity: 1; background-color: rgb(115 65 255 / var(--tw-bg-opacity)); } #webcrumbs .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } #webcrumbs .object-contain { object-fit: contain; } #webcrumbs .p-6 { padding: 24px; } #webcrumbs .text-center { text-align: center; } #webcrumbs .font-title { font-family: Lato, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; } #webcrumbs .text-2xl { font-size: 24px; line-height: 31.200000000000003px; } #webcrumbs .text-4xl { font-size: 36px; line-height: 41.4px; } #webcrumbs .text-lg { font-size: 18px; line-height: 27px; } #webcrumbs .font-bold { font-weight: 700; } #webcrumbs .leading-relaxed { line-height: 1.625; } #webcrumbs .text-neutral-700 { --tw-text-opacity: 1; color: rgb(103 103 103 / var(--tw-text-opacity)); } #webcrumbs .text-neutral-950 { --tw-text-opacity: 1; color: rgb(40 40 40 / var(--tw-text-opacity)); } #webcrumbs .text-primary-50 { --tw-text-opacity: 1; color: rgb(243 241 255 / var(--tw-text-opacity)); } #webcrumbs .shadow-lg { --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } #webcrumbs { font-family: Open Sans !important; font-size: 16px !important; } #webcrumbs :is(.bg-primary-500) { color: hsla(0, 0%, 100%, 0.9) !important; } 반갑습니다 개발자입.

Hello, I'm Your Developer!

Crafting elegant and efficient solutions, one line of code at a time.

About Me

I'm a passionate developer with expertise in creating user-focused, scalable, and aesthetic web applications. I take pride in turning ideas into reality using the latest technologies.