더그의 블로그

스킬 필터

관련된 프로젝트를 보기위해 스킬들을 클릭하세요

34개 중 34개의 프로젝트 선택됨

  • HTML/CSS
  • Astro
  • Typescript
  • JavaScript
  • PHP
  • Python
  • Flask
  • React
  • Redux
  • Sass
  • Tailwindcss
  • Node.js
  • Express
  • EJS
  • Three.js
  • GSAP
  • Socket.io
  • Googlemaps API
  • MySQL
  • MongoDB
  • AWS
  • Netlify
  • PaaS
  • Deployment
  • Linux
  • Vitest
  • Vue
  • TeamProject

프로젝트

  • Dug's Blog

    Astro, SSR로 구현한 개인 블로그

    배포주소 : 저장소로 이동
    프론트엔드저장소 : 저장소로 이동
    백엔드저장소 : 저장소로 이동

    관련 스킬

    • HTML/CSS
    • Astro
    • Typescript
    • Tailwindcss
    • Deployment

  • Dug's notes - notepad HTML

    HTML에 관한 아이디어를 기록하는 프로젝트

    배포주소 : -
    프론트엔드저장소 : 저장소로 이동
    백엔드저장소 : -

    관련 스킬

    • HTML/CSS
    • JavaScript

  • 7JavaScript games

    7개의 자바스크립트 게임을 제작하는 프로젝트

    배포주소 : -
    프론트엔드저장소 : 저장소로 이동
    백엔드저장소 : -

    관련 스킬

    • HTML/CSS
    • JavaScript

  • Dug's notes - Typescript

    Typescript의 개념을 배우는 프로젝트

    배포주소 : -
    프론트엔드저장소 : 저장소로 이동
    백엔드저장소 : -

    관련 스킬

    • Typescript

  • Dug's notes - Astro SSR by Coding in public

    Astro의 개념을 배우는 프로젝트

    배포주소 : -
    프론트엔드저장소 : 저장소로 이동
    백엔드저장소 : -

    관련 스킬

    • Astro

  • Dug's notes - Astro SSR by traversymedia

    Astro SSR의 개념을 배우는 프로젝트

    배포주소 : -
    프론트엔드저장소 : 저장소로 이동
    백엔드저장소 : -

    관련 스킬

    • Astro

  • Dug's notes - Astro by JamesQQuick

    Astro의 개념을 배우는 프로젝트

    배포주소 : -
    프론트엔드저장소 : 저장소로 이동
    백엔드저장소 : -

    관련 스킬

    • Astro

  • Dug's notes - Astro by traversymedia

    Astro의 개념을 배우는 프로젝트

    배포주소 : -
    프론트엔드저장소 : 저장소로 이동
    백엔드저장소 : -

    관련 스킬

    • Astro

  • Dug's notes - Pokemon memory game

    포켓몬이 테마인 HTML게임을 제작하는 프로젝트

    배포주소 : 저장소로 이동
    프론트엔드저장소 : 저장소로 이동
    백엔드저장소 : -

    관련 스킬

    • HTML/CSS
    • JavaScript
    • Deployment

  • Dug's notes - googlemaps

    Googlemaps API 조작을 연습하는 프로젝트

    배포주소 : -
    프론트엔드저장소 : 저장소로 이동
    백엔드저장소 : -

    관련 스킬

    • HTML/CSS
    • JavaScript
    • Googlemaps API

  • React best practice

    효율적인 React페이지 작성을 연습하는 프로젝트

    배포주소 : -
    프론트엔드저장소 : 저장소로 이동
    백엔드저장소 : -

    관련 스킬

    • HTML/CSS
    • Typescript
    • React

  • 25Projects with React

    25개의 React페이지를 제작하는 프로젝트

    배포주소 : -
    프론트엔드저장소 : 저장소로 이동
    백엔드저장소 : -

    관련 스킬

    • HTML/CSS
    • Typescript
    • React
    • Sass

  • Dug's notes - Python

    Python과 Flask의 개념을 배우는 프로젝트

    배포주소 : -
    프론트엔드저장소 : 저장소로 이동
    백엔드저장소 : -

    관련 스킬

    • Python
    • Flask

  • Dug's notes - three.js

    three.js의 개념을 배우는 프로젝트

    배포주소 : -
    프론트엔드저장소 : 저장소로 이동
    백엔드저장소 : -

    관련 스킬

    • HTML/CSS
    • JavaScript
    • Three.js

  • Dug's notes - svg

    HTML상의 svg파일 조작을 연습하는 프로젝트

    배포주소 : -
    프론트엔드저장소 : 저장소로 이동
    백엔드저장소 : -

    관련 스킬

    • HTML/CSS
    • JavaScript

  • 10Responsive websites

    10가지 반응형 웹사이트를 제작하는 프로젝트

    배포주소 : -
    프론트엔드저장소 : 저장소로 이동
    백엔드저장소 : -

    관련 스킬

    • HTML/CSS
    • JavaScript

  • Cloning qude

    웹사이트 Qude의 클론페이지를 제작을 통해 GSAP 조작을 연습하는 프로젝트

    배포주소 : -
    프론트엔드저장소 : 저장소로 이동
    백엔드저장소 : -

    관련 스킬

    • HTML/CSS
    • JavaScript
    • GSAP

  • Dug's notes - GSAP

    GSAP을 활용해 컴포넌트 제작을 연습하는 프로젝트

    배포주소 : -
    프론트엔드저장소 : 저장소로 이동
    백엔드저장소 : -

    관련 스킬

    • HTML/CSS
    • JavaScript
    • GSAP

  • 150Animation projects

    150가지 HTML 애니메이션을 제작하는 프로젝트

    배포주소 : -
    프론트엔드저장소 : 저장소로 이동
    백엔드저장소 : -

    관련 스킬

    • HTML/CSS
    • JavaScript

  • Dug's blog(prototype)

    SSR블로그 페이지를 제작하는 프로젝트

    배포주소 : -
    프론트엔드저장소 : -
    백엔드저장소 : 저장소로 이동

    관련 스킬

    • HTML/CSS
    • Typescript
    • Sass
    • Node.js
    • Express
    • EJS

  • Dug's notes - PHP

    PHP의 개념을 배우는 프로젝트

    배포주소 : -
    프론트엔드저장소 : 저장소로 이동
    백엔드저장소 : -

    관련 스킬

    • PHP

  • 60Projects In 60Days

    HTML,CSS,JavaScript를 통한 60일간의 Coding challenge

    배포주소 : -
    프론트엔드저장소 : 저장소로 이동
    백엔드저장소 : -

    관련 스킬

    • HTML/CSS
    • JavaScript

  • Dug's notes - Node.js

    Node.js를 통한 백엔드 관련 지식 습득

    배포주소 : -
    프론트엔드저장소 : -
    백엔드저장소 : 저장소로 이동

    관련 스킬

    • JavaScript
    • Node.js
    • MySQL
    • MongoDB
    • Socket.io

  • 50Projects In 50Days

    HTML,CSS,JavaScript를 통한 50일간의 Coding challenge

    배포주소 : -
    프론트엔드저장소 : 저장소로 이동
    백엔드저장소 : -

    관련 스킬

    • HTML/CSS
    • JavaScript

  • Dug's Works

    Dug의 작품 소개를 위한 웹 사이트

    배포주소 : 저장소로 이동
    프론트엔드저장소 : 저장소로 이동
    백엔드저장소 : 저장소로 이동

    관련 스킬

    • HTML/CSS
    • Typescript
    • React
    • Redux
    • Sass
    • Node.js
    • Express
    • MySQL
    • AWS
    • Netlify
    • PaaS
    • Deployment
    • Linux

  • Dug's notes - Algorithms and Data Structure

    JavaScript를 통한 알고리즘 및 자료구조 관련 지식 습득

    배포주소 : -
    프론트엔드저장소 : 저장소로 이동
    백엔드저장소 : 저장소로 이동

    관련 스킬

    • JavaScript

  • Dug's notes - UnitTesting

    Vitest(Typescript, JavaScript)를 통한 test code 작성연습

    배포주소 : -
    프론트엔드저장소 : 저장소로 이동
    백엔드저장소 : 저장소로 이동

    관련 스킬

    • Typescript
    • JavaScript
    • Vitest

  • 100Day of Code(Python)

    Python을 통한 100일간의 Coding challenge

    배포주소 : -
    프론트엔드저장소 : 저장소로 이동
    백엔드저장소 : 저장소로 이동

    관련 스킬

    • Python

  • Social Login Collector

    대형 플랫폼들의 Social login API를 다루는 웹 사이트

    배포주소 : -
    프론트엔드저장소 : 저장소로 이동
    백엔드저장소 : 저장소로 이동

    관련 스킬

    • HTML/CSS
    • Typescript
    • React
    • Node.js
    • Express

  • Chat with Dug

    친구들과 사용하기 위해 만든 Socket.io를 활용한 채팅 사이트

    배포주소 : 저장소로 이동
    프론트엔드저장소 : 저장소로 이동
    백엔드저장소 : 저장소로 이동

    관련 스킬

    • HTML/CSS
    • JavaScript
    • React
    • Socket.io
    • Node.js
    • Express
    • MySQL
    • AWS
    • Netlify
    • PaaS
    • Deployment
    • Linux

  • Drag&Drop

    Vue를 사용하여 DOM의 Drag&Drop을 구현한 컴포넌트

    배포주소 : -
    프론트엔드저장소 : 저장소로 이동
    백엔드저장소 : 저장소로 이동

    관련 스킬

    • HTML/CSS
    • JavaScript
    • Vue
    • Node.js
    • Express
    • MySQL

  • TodoList

    React의 기초적인 문법을 활용하여 구현한 Todo list 컴포넌트

    배포주소 : -
    프론트엔드저장소 : 저장소로 이동
    백엔드저장소 : 저장소로 이동

    관련 스킬

    • HTML/CSS
    • JavaScript
    • Node.js
    • Express
    • MySQL

  • Jegabox

    메가박스 웹 사이트의 클론사이트

    배포주소 : -
    프론트엔드저장소 : -
    백엔드저장소 : 저장소로 이동

    관련 스킬

    • Node.js
    • JavaScript
    • Express
    • MySQL
    • TeamProject

  • Photofolio

    그라폴리오 웹 사이트의 클론사이트

    배포주소 : -
    프론트엔드저장소 : -
    백엔드저장소 : 저장소로 이동

    관련 스킬

    • Node.js
    • JavaScript
    • Express
    • MySQL
    • TeamProject