개발11 테스트 주도 개발 테스트 주도 개발 책을 읽는 이유 테스트 주도 개발 책을 읽고 블로깅을 하기로 하였쑵니다. 부스트캠프 캐치마이마인드 프로젝트를 진행하면서 어려운 로직을 코드로 구현할 때, 기능만 구현되는 엉망진창의 코드를 짠다는 것을 알게되었습니다. 원인이 무엇일까? 고민을 많이 하였습니다ㅠㅠ. 사고의 과정에는 문제가 없었으나 코드로 풀어나가는 데 문제가 있었고, 코드 구현 방식에 문제가 있음을 알았습니다. 구현을 하고 나면 리팩토링을 하지 않는 습관같은 것들이 문제였습니다. 코드를 구현해도 코드의 수준이 나아지지를 않는 것이였습니다. 테스트 주도 개발 aka TDD는 평소의 구현 습관을 송두리째 바꿔놓습니다. 항상 더 좋은 코드가 있는지 고민하게 만듭니다. 개인적으로는 TDD로 프로젝트를 1개 하는 것이 그렇지 않은 .. 2020. 5. 24. 진단평가 사이트 기능 추가 진단 평가 사이트에서 전체적으로 부족한 부분들을 메꾸고 기능을 추가하는 작업을 맡게되었씁니다. 진단 평가 사이트는 구글 설문조사와 비슷하게 구성되어 있습니다. 선생님은 문제를 만들고 문제로 구성된 평가지를 만들어 학생들에게 배포할 수 있습니다. 학생들은 받은 평가지를 푼 후 평가를 받습니다. 말 그대로 진단 평가를 할 수 있는 학습 사이트입니다. 첫 번째로 평가지 진행률 확인 기능입니다. 해당 폴더에서 사람들이 평가지를 얼마나 진행했는지 보여주는 기능! 우측 진행률 버튼을 누르면 확인 가능하게끔 구성하였습니다. 구현은 해당 쿼리 만들고 beautify에서 datatable컴포넌트를 사용하였습니다. 두 번째로 페이지네이션~. 평가지 진행하는 사람이 많아지면서 결과 확인할 때 100명이 넘어가니 쿼리받는데 .. 2020. 5. 21. Google Custom Search API를 이용해서 이상형 월드컵을 만들어보자! 초등학생 소프트웨어 교육을 위해서 이상형 월드컵과 비슷한 나만의 월드컵이라는 것을 만들어 보았습니당. 다음과 같이 16개의 칸에 이상형 월드컵에서 종목들을 입력하면 관련된 이미지를 Google Custom Search API를 통해 받아와서 보여줍니다. 1~2개 넣으면 2강전, 3~4개 넣으면 4강전, 4~8개 넣으면 8강, 8~16개 넣으면 16강입니다. 실행하면 다음과 같이 나옵니다. API query가 하루에 100개 넘어가면 과금되서 쿼리량을 줄어보려고 같은 단어는 이미지를 sessionStorage에 넣어서 다시 받아오도록 하였습니다. css는 spectre라는 굉장히 가벼운 라이브러리를 써서 만들었고 한 3일 걸렸나? 퀄리티가 딱 봐도 그래보이지요. 그래도 google api 써보는게 조금은 .. 2020. 5. 21. 이전 1 2 3 다음