우아한테크코스 7기 프론트엔드 지원자 이지인입니다.
이번주 저의 간단한 회고문과 함께 프리코스기간 동안 저의 전체적인 목표를 이곳에 첨부합니다.
감사합니다. 😊
밑에 부분은 프리코스 2에서 빌드 실패를 하게 되어, 코치님들께서 고려달라는 글이다.
[고려해 주시면 감사드리겠습니다. 🙏]
우테코 지원 페이지 내에서 2주차 프리코스 - 예제 테스트 실행 시 '예기치 못한 오류로 인해 실행에 실패하였습니다.'라는 메시지가 나타났습니다.
다만, 저의 VS Code에서 동일한 코드를 실행했을 때는 문제없이 정상적으로 작동하였습니다.
원인을 찾아보니, 커밋이 누락된 부분이 원인일 수도 있을 것 같았습니다. 마감 시간이 얼마 안되었다 보니, 이 부분은 건드리면 다른 부분에 문제가 생길까 조치를 취하지 못했습니다.
남은 프리코스 3주차와 4주차에서는 제출 당일 오전에 PR 을 미리 올려 혹시나 비슷한 문제가 발생하더라도 git을 하나씩 공부하며 직접 해결할 수 있도록 하겠습니다. 더 꼼꼼히 신경 쓰겠습니다.
아래는 VS Code 에서 코드 실행과 테스트 코드가 통과된 캡처 화면입니다.
감사합니다!
결과 실행 터미널
테스트 코드 실행 터미널
[10.29(화) 14:25 분 작성]
코드리뷰를 받아보니 원인을 파악하게 되었습니다 :)
-
package-lock.json파일이 삭제 되었습니다.
커밋 내역을 확인해보니 처음 Eslint, Prettier 설정을 할 때 제가 잘 못 건드렸는지 삭제가 되어있더라고요. 프리코스 3,4 에서는 이 부분도 꼭 신경써서 실수 없게 하려고 합니다! -
폴더 파일과 import 폴더 파일의 대소문자가 달랐습니다.
vs code에서는 실행이 잘 되었고 test코드도 잘 돌아가서 아무 문제가 없다고 생각했습니다. 하지만 어제 제출 전 알게된 사실은 맥 vscode에서는 대소문자 구분을 잘 못한다는 것을 알게 되었습니다. 어제 (월) 제출일 밤 10시에 '예기치 못한 상황이 발생했습니다.'가 발생했을 때 제출 시간인 자정까지 여러번 확인을 해보았지만 저에게는 보이지 않았습니다. 하지만 오늘 디스코드로 다른 분께 해당 부분을 요청해서 함께 살펴보니 View의 'v'가 대문자라는 것을 알게되었습니다. 저만의 폴더, 파일명 컨벤션을 정하여 이 부분도 실수 없게 하겠습니다.
[프리코스 2 회고]
이번 주의 시작은 화요일 새벽 코드 리뷰부터 시작하였습니다. 개발을 처음 시작하는 단계다 보니, 저의 코드를 다른 사람에게 보여주는 것에 대한 두려움이 있었지만, 목표를 잡았으니 일단 하자는 마음으로 3명에게 피드백을 받았습니다. 코드 리뷰를 받으며 제가 몰랐던 magic number와 같은 용어도 알게 되었고, 제 코드에 적용했을 때 가독성이 더 좋아진다는 것도 깨달았습니다. 또한 다른 사람의 코드를 배우면서도 제가 몰랐던 개념과 로직에 대해서도 많이 배울 수 있었습니다. 그리고 프리코스 2에서는 프리코스 1과 비교하여 저의 개발 실력이 늘어난 것을 느끼게 되었습니다. 수, 목 이틀 동안 몰입하여 코드를 빠르게 작성할 수 있었습니다. GPT를 사용하지 않는 상태에서 구글링으로만 코드를 작성하다보니 뿌듯하였습니다. 테스트 코드 패스까지 빨리 코드를 구현하다보니, 프리코스 1에 비해 리팩토링에 더 많은 시간을 쏟을 수 있었습니다. 리펙토링을 10시간 가까이 진행하며 저의 코드의 파일 구조를 혼자 고민하고 설계하며 직접 파일 로직을 짜보았습니다. 이렇게 점점 발전해가니 프리코스 3 미션도 기대가 됩니다.
이번주간 아쉬웠던 점은 조급함이 컸습니다. 토요일에 지인 결혼식으로 지방에 가게 되어 하루 종일 프리코스에 신경을 못 쓴다는 생각이 드니 자꾸 조급하게 코드를 짠 부분이 있습니다. 프리코스 1때는 일주일 내내 시간을 쏟았는데 프리코스 2에는 하루가 비어있다는 생각에 더 조급함이 났던 것 같습니다. 그러다 보니 코드를 짜면서 새롭게 알게 된 부분을 깊게 공부하지 못한 적도 있었습니다. 리팩토링을 마치고 테스트 코드를 직접 구현할 때에도 조급한 마음으로 테스트 코드를 작성하게 되었습니다. 테스트 코드 개념을 처음 공부하였지만 마감 시간은 다가와서 더욱 조급해졌나 봅니다. 또한, unit test를 짜고 integration test 코드를 작성했는데, 마음이 급해 자꾸 에러가 발생했습니다. 마지막 integration test 안에 각 테스트 코드는 잘 돌아가지만 충돌이 있는지 에러가 자꾸 발생했습니다. 5시간 넘게 에러 처리를 시도했지만 결국 실패하여 파일을 각각 따로 나누게 되었습니다. 이 부분이 너무 아쉬웠습니다. 이 문제는 프리코스 3에서 해결하겠습니다.
프리코스 3에서는 조급함을 내려놓고, 제가 학습하고 성장하는 것에 초점을 맞추겠습니다. 그리하여 기존에 세운 목표 계획에서 약간의 변동이 있습니다. 자세한 목표 변경 사항과 그 이유는 과제 제출 소감문에 제출하였습니다.
[전체 프리코스 수치화된 목표 설정]
목표1. 🧑💻 몰입하는 개발자
1. GPT 사용 줄이기
목표: 최종적으로 프리코스 4에서는 GPT 사용을 완전히 중단하며, 공식 문서와 구글링을 활용해 스스로 문제를 해결한다.
수치화 지표:
- 프리코스 1: 일주일간 7회 이하, 1회당 사용 시간 10분 이내
※ 코드 작성 요청은 금지하고, 함수·변수명 네이밍 또는 리팩토링 아이디어 제안에 한해 사용 - 프리코스 2: 일주일간 총 3회 이하, 1회당 사용 시간 5분 이내
※ 리팩토링 아이디어 제안에 한정하여 사용 - 프리코스 3: 일주일간 총 1회 이하, 1회당 사용 시간 5분 이내
※ 리팩토링 아이디어 제안에 한정하여 사용 - 프리코스 4: 사용 0회
2. 개발 시간 단축
목표: 최종적으로 프리코스 4에서는 테스트를 모두 통과(All pass)할 때까지의 개발 소요 시간을 10시간 이내로 줄이며, 더 효율적으로 작업한다.
수치화 지표:
- 프리코스 1: 요구사항 체크리스트 완료 2시간 이내, 테스트(All pass)까지 총 개발 소요 시간 30시간 이내
- 프리코스 2: 요구사항 체크리스트 완료 1시간 30분 이내, 테스트(All pass)까지 총 개발 소요 시간 20시간 이내
- 프리코스 3: 요구사항 체크리스트 완료 1시간 이내, 테스트(All pass)까지 총 개발 소요 시간 15시간 이내
- 프리코스 4: 요구사항 체크리스트 완료 40분 이내, 테스트(All pass)까지 총 개발 소요 시간 10시간 이내
목표2. 🤝 협업 잘하는 개발자
1. 클린 코드 작성
목표: 다른 사람이 보았을 때 한눈에 이해되는 코드를 작성하여 협업을 효율적으로 한다.
수치화 지표:
- 프리코스 1:
- Airbnb 스타일 가이드 3회 정독
- Eslint와 Prettier 설정 완료 (린트 오류 5개 이하 유지)
- ‘읽기 좋은 코드가 좋은 코드다’ Part 1 정리 및 티스토리 업로드
- 코드 리뷰 시 함수명·변수명 관련 피드백 최소 3개 이하
- 프리코스 2:
- Airbnb 스타일 가이드 4회 정독
- 린트 오류 3개 이하 유지
- ‘읽기 좋은 코드가 좋은 코드다’ Part 2 정리 및 티스토리 업로드
- 코드 리뷰 시 함수명·변수명 관련 피드백 최소 2개 이하
- 프리코스 3:
- Airbnb 스타일 가이드 5회 정독
-> (변경) Airbnb 스타일 가이드 영문 버전으로 2회 정독 - 린트 오류 1개 이하 유지
- ‘읽기 좋은 코드가 좋은 코드다’ Part 3 정리 및 티스토리 업로드
-> (변경) 코드를 구현하며 배운 내용 정리하여 티스토리 업로드 - 코드 리뷰 시 함수명·변수명 관련 피드백 최소 1개 이하
- Airbnb 스타일 가이드 5회 정독
- 프리코스 4:
- Airbnb 스타일 가이드 6회 정독
- 린트 오류 0개 유지
- ‘읽기 좋은 코드가 좋은 코드다’ Part 4 정리 및 티스토리 업로드
- 코드 리뷰 시 함수명·변수명에 대한 즉각적인 이해
2. 가독성 좋은 커밋 작성
목표: 최종적으로 프리코스 4에서는 기능 단위로 커밋을 작성하고, git 커밋 메시지 컨벤션을 준수하는 습관을 들인다.
수치화 지표:
- 프리코스 1:
- 커밋부터 푸시까지 코드 보지 않고 혼자 할 정도로 익숙해지기
- git 커밋 메시지 컨벤션 1회 이상 학습
- README.md의 기능 구현 요구사항 체크리스트 1개 완료 시마다 커밋 작성
- 커밋에 대한 피드백 받기 (프리코스 2 적용을 위해)
- 프리코스 2:
- git 커밋 메시지 컨벤션 1회 이상 학습
- README.md의 기능 구현 요구사항 체크리스트 1개 완료 시마다 커밋 작성
- 프리코스 1에서 받은 커밋 피드백을 적용
- 커밋에 대한 피드백 받기 (프리코스 3 적용을 위해)
- 프리코스 3:
- git 커밋 메시지 컨벤션 1회 이상 학습
- 커밋에 대한 피드백 받기 (프리코스 4 적용을 위해)
- 프리코스 4:
- git 커밋 메시지 컨벤션 1회 이상 학습
- 코드 리뷰에서 모든 커밋이 즉각 이해되는 수준이라는 피드백 1회 이상 받기
목표3. 🌱 함께 성장하는 개발자
1. 배운 내용 정리 및 공유
목표: 공유를 위해 어려운 개념을 정리하여 매 프리코스마다 1개 이상 티스토리에 업로드하는 것을 목표로 한다. PR 본문에 해당 티스토리 링크를 첨부해 다른 사람들이 참고할 수 있도록 한다.
수치화 지표:
- 프리코스 1:
- 새로 배운 개념 또는 어려운 개념 1개 이상 정리 후 티스토리에 공유, PR 본문에 링크 첨부
- 프리코스 2:
- 새로 배운 개념 또는 어려운 개념 1개 이상 정리 후 티스토리에 공유, PR 본문에 링크 첨부
- 프리코스 3:
- 새로 배운 개념 또는 어려운 개념 1개 이상 정리 후 티스토리에 공유, PR 본문에 링크 첨부
- 프리코스 4:
- 새로 배운 개념 또는 어려운 개념 1개 이상 정리 후 티스토리에 공유, PR 본문에 링크 첨부
2. 코드 리뷰 교환
목표: 1:1 코드 리뷰를 교환하며 피드백을 통해 더 깊이 있는 학습을 이어간다.
수치화 지표:
- 프리코스 1: 코드 리뷰 1개 교환
- 프리코스 2: 코드 리뷰 2개 교환
- 프리코스 3: 코드 리뷰 2개 교환
- 프리코스 4: 코드 리뷰 2개 교환
