Web Framework

by Justin

Transcript

1. Copyright ⓒ All Right Reserved by Buzzvil
   Web Framework
   Custom Web Framework
   ADM
   Product Manager Justin
   2021.10.13
   

   View Slide

2. Copyright ⓒ All Right Reserved by Buzzvil
   세미나(seminar)는 대학 교육 방법의
   하나로, 교수의 지도 아래 학생들이 모여
   연구 발표나 토론 등을 통하여 하는 공동
   연구이다.
   요즘에는 전문인 등이 특정한 과제에
   대하여 행하는 연수회나 강습회를 세미나
   라고 한다.
   출처: 위키백과[세미나]
   첫 세미나 발표…
   😬
   Dev Seminar
   

   View Slide

3. Copyright ⓒ All Right Reserved by Buzzvil
   Typescript: the Complete Developer’s Guide
   Udemy
   

   View Slide

4. Copyright ⓒ All Right Reserved by Buzzvil
   나만의 Web Framework 만들기
   Web Framework
   

   View Slide

5. Copyright ⓒ All Right Reserved by Buzzvil
   Web Framework란 무엇?
   Web Framework
   Gof의 디자인 패턴으로 유명한 랄프 존슨(Ralph Johnson)은
   "프레임워크란, 소프트웨어의 구체적인 부분에 해당하는 설계와 구현을
   재사용이 가능하게끔 일련의 협업화된 형태로 클래스들을 제공하는 것"
   이라고 정의하였습니다.
   

   View Slide

6. Copyright ⓒ All Right Reserved by Buzzvil
   Web Framework란 무엇?
   Web Framework
   1. 데이터를 저장하고 불러오기 & 변경에 따라 저장하고 불러오기
   2. 일부 데이터가 변경되면 해당 변경을 앱으로 공유하기
   3. 데이터를 DB에 저장하여 활용하기
   

   View Slide

7. Copyright ⓒ All Right Reserved by Buzzvil
   Demo
   Web Framework
   

   View Slide

8. Copyright ⓒ All Right Reserved by Buzzvil
   Buzzvil Dash
   Web Framework
   

   View Slide

9. Copyright ⓒ All Right Reserved by Buzzvil
   Web Framework란 무엇?
   Web Framework
   1. 데이터를 저장하고 불러오기 & 변경에 따라 저장하고 불러오기
   2. 일부 데이터가 변경되면 해당 변경을 앱으로 공유하기
   3. 데이터를 DB에 저장하여 활용하기
   

   View Slide

10. Copyright ⓒ All Right Reserved by Buzzvil
    Web Framework Using VanillaJS
    Web Framework
    

    View Slide

11. Copyright ⓒ All Right Reserved by Buzzvil
    Web Framework Using VanillaJS
    Web Framework
    

    View Slide

12. Copyright ⓒ All Right Reserved by Buzzvil
    Web Framework
    Composition & Delegation
    데이터를 저장하고 불러오기 & 변경에 따라 저장하고 불러오기
    일부 데이터가 변경되면 해당 변경을 앱으로 공유하기
    데이터를 DB에 저장하여 활용하기
    

    View Slide

13. Copyright ⓒ All Right Reserved by Buzzvil
    Web Framework
    Composition & Delegation
    데이터를 저장하고 불러오기 & 변경에 따라 저장하고 불러오기
    일부 데이터가 변경되면 해당 변경을 앱으로 공유하기
    데이터를 DB에 저장하여 활용하기
    

    View Slide

14. Copyright ⓒ All Right Reserved by Buzzvil
    Web Framework
    Composition & Delegation
    데이터를 저장하고 불러오기 & 변경에 따라 저장하고 불러오기
    일부 데이터가 변경되면 해당 변경을 앱으로 공유하기
    데이터를 DB에 저장하여 활용하기
    

    View Slide

15. Copyright ⓒ All Right Reserved by Buzzvil
    Event Queue
    Web Framework
    

    View Slide

16. Copyright ⓒ All Right Reserved by Buzzvil
    Web Framework
    Composition & Delegation
    데이터를 저장하고 불러오기 & 변경에 따라 저장하고 불러오기
    일부 데이터가 변경되면 해당 변경을 앱으로 공유하기
    데이터를 DB에 저장하여 활용하기
    

    View Slide

17. Copyright ⓒ All Right Reserved by Buzzvil
    Web Framework
    Composition & Delegation
    데이터를 저장하고 불러오기 & 변경에 따라 저장하고 불러오기
    일부 데이터가 변경되면 해당 변경을 앱으로 공유하기
    데이터를 DB에 저장하여 활용하기
    

    View Slide

18. Copyright ⓒ All Right Reserved by Buzzvil
    Web Framework Using VanillaJS
    Web Framework
    

    View Slide

19. Copyright ⓒ All Right Reserved by Buzzvil
    Web Framework Inheritance
    

    View Slide

20. Copyright ⓒ All Right Reserved by Buzzvil
    Web Framework
    Inheritance & extends
    데이터를 저장하고 불러오기 & 변경에 따라 저장하고 불러오기
    일부 데이터가 변경되면 해당 변경을 앱으로 공유하기
    데이터를 DB에 저장하여 활용하기
    

    View Slide

21. Copyright ⓒ All Right Reserved by Buzzvil
    Web Framework
    Inheritance & extends
    데이터를 저장하고 불러오기 & 변경에 따라 저장하고 불러오기
    일부 데이터가 변경되면 해당 변경을 앱으로 공유하기
    데이터를 DB에 저장하여 활용하기
    

    View Slide

22. Copyright ⓒ All Right Reserved by Buzzvil
    Web Framework Wrapping up
    

    View Slide

23. Copyright ⓒ All Right Reserved by Buzzvil
    Web Framework QnA
    

    View Slide

24. Copyright ⓒ All Right Reserved by
    Buzzvil
    감사합니다
    ADM
    Product Manager Justin
    2021.10.13
    

    View Slide