際際滷

際際滷Share a Scribd company logo

React vac pattern

?
?
NAVER Engineering
NAVER Engineering

React VAC Pattern - View ??? JSX? ???? ??? ??! React ??? ??? ?? ???? View ??? JSX? ???? ???? ?? ?????. ?? 1. React ?? - React ???? Front-End ??? ??? ??? ?? ??? 2. React ??? ??? ? - React ???? ??? ??? ?????? 3. VAC Pattern - View ??? JSX? ???? ????! 4. ?? ??(with VAC Debugger) - VAC Debugger? ??? VAC Pattern? ?????. 5. ??? ?? ??(??? ??) - ??? ?? ????? VAC? ???? ??? ??

1 of 21
Download to read offline
React VAC Pattern View ??? JSX? ???? ??? ??! NTS ??????? ???
Contents 1. React ?? 2. React ???? ??? ? 3. VAC Pattern 4. ?? ??(with VAC Debugger) 5. ??? ?? ??(??? ??)
1. React ?? React ???? Front-End ??? ??? ??? ?? ???
1. React ?? React ???? Front-End ??? ??? ??? ?? ???
2. React ???? ??? ? React ???? ??? ??? ??????
2. React ???? ??? ? React ???? ??? ??? ??????
2. React ???? ??? ? React ???? ??? ??? ??????
2. React ???? ??? ? React ???? ??? ??? ??????
2. React ???? ??? ? React ???? ??? ??? ??????
2. React ???? ??? ? React ???? ??? ??? ??????
3. VAC Pattern View ??? JSX? ???? ????!
3. VAC Pattern View ??? JSX? ???? ????! ? ??, ??? ?? ? ??? ?? ???? ??? ?? ?? ?? ? props? ???? ????, ???? ??? ???? ?? stateless ???? ? ???? ??? ???? ? ?? ?? ?? ??
3. VAC Pattern View ??? JSX? ???? ????! UI Functionality Business Logic Props, State Normal Pattern JSX Style Child Components UI Functionality Business Logic Props, State VAC Pattern Props Object VAC
3. VAC Pattern View ??? JSX? ???? ????! Props Object
3. VAC Pattern View ??? JSX? ???? ????! VAC
4. ?? ??(with VAC Debugger) VAC Debugger? ??? VAC Pattern? ?????.
Todo List ??? VAC Pattern ?? ?? https://oss.navercorp.com/fedev/example-vac
5. ??? ?? ??(??? ??) ??? ?? ????? VAC? ???? ??? ??
5. ??? ?? ??(?????) ??? ?? ????? VAC? ???? ??? ?? ? ??? ??? ???? ??? QA? ? ????? ? ??? ???. ? ???? ??? ????? ?? ????? ?? ????? ???. ? ?? ???? ???? ???? ?? ???? ?? ??? ? ???. ? Props ??? ??? ?? ?? ??? ??? ??? ?? ???. ? ???? ? ?????? ?????? ??? ? ??? ???.
5. ??? ?? ??(?????) ??? ?? ????? VAC? ???? ??? ?? ? FE, UI?? ???? ???? ???? ?? ??? ??????. ? UI? ?????? ?? ???? ??? ??? ??? ?????? ????. ? UI ???? VAC? ? ???? ???? FE?? ??? ?? ?????. ? ??? ?? DOM? ?? ??? ?? ??? ???? ?? ????. ? ???? ??? ?? ??? ?? ??? ?? ????? ?? ?? ?????? ? ?? ? ?????.
Thanks! End of Documents.

More Related Content

React vac pattern

  • 1. React VAC Pattern View ??? JSX? ???? ??? ??! NTS ??????? ???
  • 2. Contents 1. React ?? 2. React ???? ??? ? 3. VAC Pattern 4. ?? ??(with VAC Debugger) 5. ??? ?? ??(??? ??)
  • 3. 1. React ?? React ???? Front-End ??? ??? ??? ?? ???
  • 4. 1. React ?? React ???? Front-End ??? ??? ??? ?? ???
  • 5. 2. React ???? ??? ? React ???? ??? ??? ??????
  • 6. 2. React ???? ??? ? React ???? ??? ??? ??????
  • 7. 2. React ???? ??? ? React ???? ??? ??? ??????
  • 8. 2. React ???? ??? ? React ???? ??? ??? ??????
  • 9. 2. React ???? ??? ? React ???? ??? ??? ??????
  • 10. 2. React ???? ??? ? React ???? ??? ??? ??????
  • 11. 3. VAC Pattern View ??? JSX? ???? ????!
  • 12. 3. VAC Pattern View ??? JSX? ???? ????! ? ??, ??? ?? ? ??? ?? ???? ??? ?? ?? ?? ? props? ???? ????, ???? ??? ???? ?? stateless ???? ? ???? ??? ???? ? ?? ?? ?? ??
  • 13. 3. VAC Pattern View ??? JSX? ???? ????! UI Functionality Business Logic Props, State Normal Pattern JSX Style Child Components UI Functionality Business Logic Props, State VAC Pattern Props Object VAC
  • 14. 3. VAC Pattern View ??? JSX? ???? ????! Props Object
  • 15. 3. VAC Pattern View ??? JSX? ???? ????! VAC
  • 16. 4. ?? ??(with VAC Debugger) VAC Debugger? ??? VAC Pattern? ?????.
  • 17. Todo List ??? VAC Pattern ?? ?? https://oss.navercorp.com/fedev/example-vac
  • 18. 5. ??? ?? ??(??? ??) ??? ?? ????? VAC? ???? ??? ??
  • 19. 5. ??? ?? ??(?????) ??? ?? ????? VAC? ???? ??? ?? ? ??? ??? ???? ??? QA? ? ????? ? ??? ???. ? ???? ??? ????? ?? ????? ?? ????? ???. ? ?? ???? ???? ???? ?? ???? ?? ??? ? ???. ? Props ??? ??? ?? ?? ??? ??? ??? ?? ???. ? ???? ? ?????? ?????? ??? ? ??? ???.
  • 20. 5. ??? ?? ??(?????) ??? ?? ????? VAC? ???? ??? ?? ? FE, UI?? ???? ???? ???? ?? ??? ??????. ? UI? ?????? ?? ???? ??? ??? ??? ?????? ????. ? UI ???? VAC? ? ???? ???? FE?? ??? ?? ?????. ? ??? ?? DOM? ?? ??? ?? ??? ???? ?? ????. ? ???? ??? ?? ??? ?? ??? ?? ????? ?? ?? ?????? ? ?? ? ?????.
  • 21. Thanks! End of Documents.