Giter Club home page Giter Club logo

photo-manager's Introduction

photo-manager

사이트 주소

https://seungsimdang-photo-manager.netlify.app/

사용한 라이브러리 및 스택 ⛏️

  1. HTML
  2. CSS
  3. JavaScript

구현 내용 🔧

< HTML >

  • 페이지 헤더 생성
  • 직원 목록과 직원 추가 및 삭제 버튼 등의 메인 콘텐츠 생성

< CSS >

  • 상대 수치(ren)를 사용한 페이지 스타일을 지정
  • 애니메이션 구현

< JavaScript >

  • JavaScript를 이용한 반응형 페이지 구현
  • 직원 추가 버튼을 클릭하여 새로운 직원을 등록
  • 체크박스를 삭제한 직원에 대해 직원 삭제 버튼 클릭 시 직원 목록에서 제거
  • 이름, 이메일로 직원 검색
  • 직원 프로필을 눌러 상세 페이지로 이동

아쉬웠던 점 및 느낀점 😥

  • firebase를 사용해보지 않아 기능 구현이 어려웠다.
  • SPA 개발을 목표로 하였지만 어려워서 구현하지 못했다.
  • 로그인 기능은 시간상 구현하지 못했다.
  • 개인적으로 지금까지 배웠던 JavaScript 내용으로 구현하기 어려웠던 과제였던 것 같다. 하지만 과제를 진행하면서 DOM 조작 방법 등 배울 수 있는 것이 많은 과제였다. 추후 리팩토링 시 더욱 완성도 있게 개선해보고 싶다.

User Flow

User Flow

photo-manager's People

Contributors

seungsimdang avatar

Watchers

 avatar

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.