Welcome to my page!
I'm an optimist who strives for user-centric development,
and I enjoy writing articles to organize my thoughts.
- 🌱 I love talking about dreams, football, books, and music.
- ⚽ I try to live by the spirit of "stay hungry, stay foolish."
- 📬 Connect me: [email protected]
📱 My Front-End Tech
| Category | Tech |
|---|---|
| Core Web Tech | HTML, CSS, JavaScript (ES6+, DOM), TypeScript |
| Component-Based | React |
| Meta Framework | Next.js |
| Template-Based SSG | Gatsby, Hugo, Jekyll |
| Quality & Tooling | ESLint, Prettier |
| Styling | CSS, SCSS, Tailwind, Emotion, styled-components |
| State Management | Redux Toolkit, Zustand, Recoil, React Query |
| Data Fetching | Fetch, Axios, SWR, Apollo Client |
| Bundling & Build | Vite, Webpack |
| Testing | Jest, Cypress |
| App Platforms | React Native, Expo, Flutter |
💾 My Back-End Tech (Node)
| Category | Tech |
|---|---|
| Framework | Express.js, NestJS |
| API Paradigm | REST, GraphQL(Apollo), gRPC, Serverless |
| ORM / DB | TypeORM / PostgreSQL, MySQL, SQLite, SQLite Mongoose / MongoDB Redis |
| Auth & Security | JWT, OAuth2, Passport.js, bcrypt |
| API Validation | class-validator, Swagger |
| HTTP & API Clients | axios, fetch, Postman, Apollo Client |
| Testing | Jest |
| File Handling | multer, AWS S3 SDK |
| Deployment & DevOps | Docker, PM2, GitHub Actions, Vercel |
⚙️ My Other Tech
| Category | Tech |
|---|---|
| CI/CD | GitHub Actions |
| Container & Orchestration | Docker, Kubernetes, Helm, Docker Compose |
| Build Tools | Webpack, Vite |
| Test Automation | Jest, Cypress |
| Cloud & Deployment | AWS, Vercel, Netlify |
| AWS EC2, EBS, ELB, Auto Scaling, RDS, S3, Cloud Front, Route 53, IAM, DynamoDB, Lambda, SDK-CLI |
|
| Artifact Repository | GitHub Packages |
| Version Control | Git, GitHub |
| Team Collaboration | Notion, Slack, Jira, Trello |
| Programming Languages | C, Java, Python |
I try to follow the Repository Naming Convention in my repositories. 📝💦
- Use
kebab-case(lowercase letters with hyphens) (e.g.react-todo-app,node-api-server)[subject]-[platform]-[name]-[tech]lecture-:pratice-:project-: Personal or team projectstemplate-: Project or configuration templatesportfolio-:demo-: presentationsnote-: Notes or learning summaries in Markdown
- Avoid special characters and whitespace
- Make names descriptive and meaningful
- Include technologies or topics when relevant (e.g.
nextjs-blog,flutter-weather-app)