수수께끼로 숙성된 바나나

2019년 6월 15일 뱅크샐러드 기술컨퍼런스 '콘샐러드' 에서 '수수께끼로 숙성된 바나나' 라는 제목으로 진행한 발표자료 입니다.
스크립트가 필요한 부분은 회색박스 안의 텍스트로 적었습니다.

Transcript

1. View Slide

2. (a.k.a )
   Web FrontEnd Developer
   

   View Slide

3. 
   Web FrontEnd Developer
   ,
   

   View Slide

4. 
   Web FrontEnd Developer
   ,
   150
   

   View Slide

5. 150 -1
   https://sosolog.netlify.com/posts/what-i-learn-150-1
   

   View Slide

6. . :)
   

   View Slide

7. Index
   01 02 03
   

   View Slide

8. View Slide

9. ..
   ?
   ?
   ?
   .
   https://speakerdeck.com/soyoung210/inteonsangryugjagjeon
   

   View Slide

10. ,
    

    View Slide

11. ,
    .
    

    View Slide

12. View Slide

13. ,
    ?
    Project Product
    ?
    ?
    ?
    

    View Slide

14. ?
    

    View Slide

15. ?
    
    

    View Slide

16. Skill 1.
    

    View Slide

17. ?
    ?
    ?
    ?
    ?
    Q. , ?
    Skill 1.
    

    View Slide

18. , DK , ..
    .
    ..
    ..
    ! !
    event tracking.. ?
    Q. , ?
    Skill 1.
    

    View Slide

19. .
    Q. , ?
    Skill 1.
    
    

    View Slide

20. .
    Q. , ?
    Skill 1.
    , .
    

    View Slide

21. .
    

    View Slide

22. 1. .
    , End Picture.
    Q. , ?
    Skill 1.
    

    View Slide

23. 2. .
    , .
    1. .
    Q. , ?
    Skill 1.
    

    View Slide

24. 3. A .
    A-1 .
    2. .
    1. .
    Q. , ?
    Skill 1.
    

    View Slide

25. 4. 3 B .
    B-1 .
    3. A .
    2. .
    1. .
    Q. , ?
    Skill 1.
    

    View Slide

26. 1. Cyclic Dependency .
    2. webpack 4.29.5 ,
    Route Redirect .
    3. Dynamic Import ,
    Import .
    4. webpack .
    Ref:
    

    View Slide

27. 4. 3 B .
    B-1 .
    3. A .
    2. .
    1. .
    5. ?
    Q. , ?
    Skill 1.
    

    View Slide

28. ?
    .
    

    View Slide

29. YES!
    , .
    , !
    

    View Slide

30. YES!
    NO!
    B-1 . C .
    

    View Slide

31. +1
    

    View Slide

32. ⏰ Skill 2.
    

    View Slide

33. ?
    Q. , ?
    Skill 2.
    

    View Slide

34. ?
    

    View Slide

35. Skill 3.
    

    View Slide

36. Q. , ?
    Skill 3.
    

    View Slide

37. ,
    Q. , ?
    Skill 3.
    . .
    

    View Slide

38. ~ ?
    

    View Slide

39. View Slide

40. , .
    Q. , ?
    Skill 3.
    

    View Slide

41. ✅ 1, 2,3
    Q. , ?
    Skill 3.
    

    View Slide

42. ,
    ?
    Project Product
    ?
    ?
    ?
    

    View Slide

43. Project Product
    ?
    

    View Slide

44. Project Product
    ?
    ,
    

    View Slide

45. Project
    ,
    .
    

    View Slide

46. Product
    Web .
    

    View Slide

47. .
    Product
    .
    ,
    .
    .
    

    View Slide

48. .
    Product
    

    View Slide

49. WIKI
    

    View Slide

50. ,
    ?
    Project Product
    ?
    ?
    ?
    

    View Slide

51. ?
    ?
    

    View Slide

52. ?
    ?
    

    View Slide

53. 150 ,
    .
    

    View Slide

54. , ?
    

    View Slide

55. .
    

    View Slide

56. .
    3 ?
    if ?
    ᓈ
    ߛӒې
    ?
    3 3 .
    .
    .
    .
    

    View Slide

57. A : , .
    . (feat. HSH )
    
    

    View Slide

58. View Slide

59. .
    

    View Slide

60. Architecture ? TypeScript
    ?
    RxJS 

    ?
    

    View Slide

61. View Slide

62. 
    ,
    ?
    Project Product
    ?
    ?
    ?
    

    View Slide

63. 
    . Project Product
    ?
    ?
    ?
    

    View Slide

64. 
    ,
    ?
    Project Product
    ?
    ?
    ?
    

    View Slide

65. 
    ,
    ?
    Project ,
    Product
    ?
    ?
    

    View Slide

66. 
    ,
    ?
    Project Product
    ?
    ?
    ?
    

    View Slide

67. 
    ,
    ?
    Project Product
    ? .
    

    View Slide

68. ❤
    

    View Slide

69. Thank You
    

    View Slide