목록Software Design Pattern (19)
Moe's Tech Blog
머리가 아프다. 늘 웹사이트를 만들듯 도면 없이 full-scale 프로그램을 만들었는데 1000라인이 넘어선 지금, 유지보수하거나 새로운 feature를 만들려고 하면은 머릿속이 하얗게 된다. 여기에 문제까지 일어나니 숨쉴 틈이 없다. Node-ftp 라이브러리를 사용해 upload를 하는데 36번째 파일에서 계속 disconnect 된다. disconnect 되면은 다시 접속하는 방법으로 다시 구현했는데 계속 튕긴다. UML 활동 다이어그램을 공부하고 그렸더니 내 코드 로직에는 문제가 없는듯 하다. Filezilla를 활용해서 했는데 모든 파일이 업로드가 된다. 나는 지금 노드의 basic-ftp를 사용해 문제 해결을 하려고 한다. 잘 됬으면.
필자는 회사에서 다음의 웹사이트 처럼 scroll animation 코드를 구현을 하고 싶습니다. 구글의 everydayrobots.com 한꺼번에 하고 싶었으나, 기술적인 한계로 작게 그리고 주먹구구식으로 시작했습니다. 요소가 화면에 보여지면은 class ‘data-animate’를 요소에 삽입해 애니메이션을 하나씩 trigger 했습니다. 다른 코드블록에 에니메이션을 적용하고 싶을땐 코드를 복사 그리고 붙여넣기를 했습니다. // CSS 애니메이션 function runAnimations() { $(".ANIMATION_BLOCK .menu_item").attr('data-animate', 'fade-in-up'); $(".ANIMATION_BLOCK .search_bar").attr('data-ani..
필자의 디자인 페턴의 공부의 계기는 2018년도로 거슬러 올라갑니다. 첫번째 회사에 취직을 했을땐 필자는 “그냥 돌아가게끔 만들면 되겠지” 하는 생각이 대다수 였습니다. 그때 필자는 회사에서 살아남아야지 생각아래 회사에서 요구하는것들을 배우며 거기에 필요한것들을 배우고 있었습니다. 다른것을 생각할 여유가 없었습니다. 시간이 지나고 자리가 잡혀갔을때 큰 코드베이스를 보며 필자는 “어떻해 하면은 보기좋고 관리하기도 편한 클린한 코드를 만들 수 있을까. 상대방이 왜 이렇게 개발을 했어? 라는 질문에 답변을 줄 수 있을까”는 고민을 갖게되었습니다. 그때 제 선배 겔럼님이 design pattern을 공부하면 그에대한 답변을 얻을 수 있을거라고 조언을 하셨습니다. 필자는 시간이 지나 지금 디자인 페턴 그리고 아키..