$30 off During Our Annual Pro Sale. View Details »

수수께끼로 숙성된 바나나

수수께끼로 숙성된 바나나

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

SoYoung210

June 18, 2019
Tweet

More Decks by SoYoung210

Other Decks in Technology

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. 01

    View Slide

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

    View Slide

  10. ,

    View Slide

  11. ,
    .

    View Slide

  12. 02

    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. 03

    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