목록Software Design Pattern/Journal (4)
Moe's Tech Blog
I was in the task of building software requiring many subtasks. Some of the functions included data analysis, data filtering, data customization, and generation of output. Depending on audiences, the data filtering and data customization may differ. Initially, I attacked the problem using only functions. It resulted in a thousand lines of functions and codes. Even though it worked, it was hard t..
[디자인 페턴] 불필요한 요소 제거기 프로그래스 저널 1
머리가 아프다. 늘 웹사이트를 만들듯 도면 없이 full-scale 프로그램을 만들었는데 1000라인이 넘어선 지금, 유지보수하거나 새로운 feature를 만들려고 하면은 머릿속이 하얗게 된다. 여기에 문제까지 일어나니 숨쉴 틈이 없다. Node-ftp 라이브러리를 사용해 upload를 하는데 36번째 파일에서 계속 disconnect 된다. disconnect 되면은 다시 접속하는 방법으로 다시 구현했는데 계속 튕긴다. UML 활동 다이어그램을 공부하고 그렸더니 내 코드 로직에는 문제가 없는듯 하다. Filezilla를 활용해서 했는데 모든 파일이 업로드가 된다. 나는 지금 노드의 basic-ftp를 사용해 문제 해결을 하려고 한다. 잘 됬으면.
[디자인 페턴] Factory를 이용해 scroll animation 코드 관리하기
필자는 회사에서 다음의 웹사이트 처럼 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..