GithubHelp home page GithubHelp logo

Visitor Count

Giljong Yu - Frontend Developer

Hello, my name is Yu Gil-jong. I am based in Seoul, South Korea, and work as a front-end developer.

Before I got into development, I was involved in music, and before that, I wrote. and Now i'm in love with development

I enjoy talking about development. If you'd like to chat or have any requests,

please feel free to email me at [email protected]. You're welcome anytime.


🚀 Projects

Xionhub is my most beloved project.🥰

This project is organized as a monorepo and provides all the shared configs and plugins for eslint, prettier, TypeScript, which I frequently use, along with utility functions. Additionally, you can find the design tokens I built myself and the React component design system based on them.

🍰Feature sliced design prettier shared configuration

@xionhub/fsd-prettier is a library I created that can be usefully used in projects that comply with Feature-Sliced ​​design.

🏅 ETC

Theo's Sprint is a sprint in which designers, back-end developers, and front-end developers gather to experience collaboration and develop an MVP over a short period of 6 days.

🧾 Study

Frontend Article Study is a study group that I lead.

This study has been active since August 2023, continuing to the present with 15 team members actively participating. The purpose of this study is to facilitate exchange among frontend developers.

Technical SEO Study 3

Technical SEO Study 3 is a study group I participated in as a member.

This study started in March 2024 and focuses on learning challenging or easily overlooked SEO optimization techniques. Through studying and undertaking demo projects, it aims to build SEO skills from the perspective of a frontend developer.


✍️ Tech Blog

I run a tech blog that has accumulated 110,000 visitors with an average of 500 daily visitors.

Below is a collection of articles from my tech blog that I love or that have received a lot of love.


🛠 Tech Stack & Tools

I enjoy working with frontend development productivity tools. Below is a list of the technology stack I am particularly confident in.

  • Frontend Frameworks/Libraries: I primarily use Next.js and React I often enjoy looking into the source code of these open sources and have a decent understanding of their operating principles at the code level.
  • Languages: I love TypeScript,I aim for strictly type-safe code and do not hesitate to make efforts to achieve it.
  • Styling: I am a fervent fan of the utility-first philosophy of Tailwind CSS I love the TailwindCSS ecosystem and have even tried building my own design tokens and TailwindCSS plugins.
  • Build Tools & Package Managers: I prefer Yarn but am not limited to any specific package manager. My choice of build tool is centered around performance and developer experience. I use Vite esbuild

💼 Career

I work as a frontend developer at a company called Quokka Crew. I am currently developing an application called Yeonpick, which can be checked at here. In this application, I am responsible for developing the webview part and the project is made up of Next.js, TypeScript, and Yarn Berry.

At this place, I have been tasked with optimizing CI/CD times, developing common components, minimizing build times, logging user actions, developing numerous features, and improving performance.


📫 Connect With Me

For collaborations or discussions on new technologies and project ideas, you can reach me through the following:

Email Badge LinkedIn Badge Careerly Badge Tech Blog Badge

I look forward to connecting with like-minded individuals and exploring the endless possibilities in the realm of web development.

YuGilJong's Projects

all-of-javascript icon all-of-javascript

T. J. 크라우더의 저서 웹 개발자를 위한 자바스크립트의 모든 것을 읽고 배운점을 서술합니다.

book icon book

모던 웹을 위한 마이크로 프런트엔드, 도커 교과서 등의 책을 읽고 배운점을 서술합니다.

component-lib icon component-lib

react componenet library를 build하는 가장 모던한 예제입니다.

devxion-blog icon devxion-blog

fullpage 기능을 직접 구현한 블로그입니다. 현재는 유지보수하고 있지 않습니다

pandacss-approuter icon pandacss-approuter

pandacss는 build time에 모든 css가 빌드되는 도구입니다. 해당 도구의 사용예시를 다룹니다.

traning icon traning

astro , clean architecture , ddd , di 등의 예제를 다룹니다

xionhub icon xionhub

feature sliced design을 따르며 만든 blog project 입니다.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.