도쿄사는 외노자

Html.Lazy? elm의 함수는 순수성이 보장되어 있기에, Input이 일정하다면 Output 또한 일정하다. 동일한 Input을 매번 넣어봐야 동일한 결과만 나오므로, 매번 함수를 돌리는 것은 비효율적이라는 결론이 나온다. Html.Lazy의 역할 여기서 등장하는 것이 Html.Lazy. Html.Lazy를 한 문장으로 설명하자면, 「Model이 변할 때에만 View도 변한다」 이다. 이걸 걸어주면 elm의 런타임이 Html의 함수를 보고, 이전과 동일한 변수를 가진다면 그냥 함수를 돌리지 않고 이전의 결과를 그대로 쓰게 된다. 함수를 돌려봐야 이전과 동일한 결과가 나오므로, 그냥 아예 안돌려버리면 그만큼 코스트 퍼포먼스가 좋아지는 것. 사용법 보통은 그냥 Import를 하고, 기존의 view mo..

@markdown ## elm Native #### elm Ports의 단점 이전에 elm Ports를 통해 jQuery로 Bootstrap Modal을 열어 보았다.Ports는 코드도 간단하고 편하고 이래저래 쓸만했다.단 한가지, 날 찝찝하게 만드는 것이 있다면...Ports를 사용하는 모듈은 port module로 선언해야 한다는 것.port module을 사용하는 패키지는 Elm Package로 공개할 수 없다.Port의 사용으로 인해 JS를 인스톨할 필요가 생기기 때문이란다.내가 Elm Package를 만들어 배포할 일은 없으니 사실 Ports를 쓰건 말건 별 상관도 없지만서도, 우리 팀의 미학에도 어긋나기에 슬프지만 Ports를 사용하는 것은 그만두기로 했다. #### elm Native 그래서..

@markdown ### Ports : elm - javascript elm에서 Bootstrap을 이용해 DataTables를 만드는 중.Row에 놓은 Detail Button을 Click시,1. ShowDetailModal Message로 Modal의 State를 현재 Click한 Row의 Data로 갱신하고2. Bootstrap의 data-toggle로 DetailModal을 열고자 했다. 그런데 여기서 한가지 변수가 발생했다.Button Click의 경우 Modal만 열고 끝나야 하는데, Bubble로 인해, Row Click Event가 함께 가동되는 것.Row Click Event는 선택된 Row의 State인 Selected를 True로 만들고, Row의 색깔을 바꾼다.이로 인해 Detail..

Elm TutorialElm Native Basics