개발 알다가도 모르겠네요

네 번째 프리코스 과제는 우테코 제공 라이브러리를 활용해서 다리를 끝까지 건너가는 게임을 구현하는 것이었다. 3주차 공통 피드백을 참고해 이번 과제에 반영하고자 했다. 예외 처리 예외 상황을 고려해 프로그래밍하는 습관을 들이고자 했다. 예외에 대한 상황을 최대한 쪼개서 각각 예외 처리하는 방식이었다. 예외 처리해야 할 상황을 하나하나 생각하는 것이 어려웠지만, 이때 테스트 케이스를 작성해서 제가 생각한 대로 예외 처리가 되는지 살폈다. 성공하는 테스트 케이스뿐만 아니라 예외 상황에서의 테스트 케이스를 작성해서 구현하는 것 또한 중요하다는 것을 깨달았다. 더욱 깔끔한 코드 지난 주 차 까지는 각 메서드의 코드 라인이 15줄로 제한되었지만, 이번 주는 10줄로 제한되면서 자연스레 메서드를 더욱 세부적으로 나..

세번째 프리코스 과제는 지난 주와 비슷하게 우테코에서 제공하는 라이브러리를 활용하여 로또게임을 구현하는 과제였다. 2주 차 공통 피드백과 피어리뷰를 참고해서 3주차 코딩 방식에 적용하고자 노력했다. README.md 작성법 공통 피드백에서 언급된 ‘죽은 문서가 아닌 살아있는 문서를 만들 것’ 이라는 피드백이 인상 깊었다. 처음부터 모든 구현 기능 목록을 완벽하게 작성하기보다는 기능을 구현해나가면서 문서를 업데이트하는 것이 중요하다는 것을 깨달았다. 특히 예외 처리의 경우, 공통 피드백에 언급된 것처럼 기능을 구현해나가면서 유동적으로 추가&수정해 나가도록 노력했다. 지난 주차까지는 기능 목록에 메서드 설계방식을 상세하게 작성했다. 이번 주에는 너무 세세한 부분까지 정리하는 것이 아니라 시야를 넓혀 전체의 ..

두 번째 프리코스 과제는 우테코에서 제공하는 라이브러리를 활용하여 구현하는 과제로 1주차보다는 구현하는데 시간이 좀 더 걸렸다. 피어리뷰를 통해 1주차 과제 구현과 코딩 방식에 대한 피드백을 받았고, 2주차 과제에서는 피드백을 의식하면서 코드를 작성하려고 노력했다. 구현하면서 크게 세 가지 토픽에서 깨달은 점이 있다. 코딩 스타일 indent depth를 최대 2까지만 허용하는 요구사항이 있었기에 eslint를 적용하여 depth를 넘기지 않도록 강제하였다. Airbnb Style Guide로 코딩 스타일을 설정하여 형식과 규칙에 어긋나거나 가독성이 떨어지는 코드를 효율적으로 바꿀 수 있었다. 또한 prettier를 통해 들여쓰기나 따옴표, 세미콜론 등의 스타일을 강제하여 코딩 스타일을 일관되게 유지하고..

프리코스 첫 주 과제는 기존에 많이 접했던 코딩테스트 유형의 문제들이었기에 풀이 자체는 그렇게 어렵지는 않았다. 하지만 기존에는 신중하게 생각하지 않았던 개발 내외적인 부분들이 많았기에, 이를 하나하나 보완해나가는 것에 중점을 두었다. 이 과정에서 대표적으로 세 가지 토픽에서 깨달은 점이 있었다. Javascript Syntax 기존에 자바스크립트를 접했기 때문에 기본 문법은 숙지한 상태였지만 includes, flat, from, spread, reduce, forEach, map과 같이 숙달되지 않은 문법들이 많았기에 최대한 적용하여 숙련도를 높이고자 노력했다. 세부적으로는 splice와 slice의 차이점을 파악하였고, Map과 Object의 장단점을 파악해서 상황에 맞게 적용하는 법을 학습했다. ..

화살표 방향키 입력으로 seleectedIndex 변경 키보드 이벤트를 통해, selectedIndex 값을 바꿀 수 있도록 해보자. //Suggestion.js export default function Suggestion({ $target, initialState }) { this.$element = document.createElement("div"); this.$element.className = "Suggestion"; $target.appendChild(this.$element); this.state = { selectedIndex: 0, items: initialState.items, }; this.setState = (nextState) => { this.state = { ...this.s..