💻  Chapter 2의 시작, 클린 코드의 원칙을 직접 적용해보기 🤩 바닐라 자바스크립트로 SPA와 React Hook을 구현했던 Chapter 1을 마치고, 이제 함수형 프로그래밍 원리를

💻  Chapter 2의 시작, 클린 코드의 원칙을 직접 적용해보기 🤩 바닐라 자바스크립트로 SPA와 React Hook을 구현했던 Chapter 1을 마치고, 이제 함수형 프로그래밍 원리를 기반으로 한 클린 코드와 리팩토링을 배우는 Chapter 2가 시작되었습니다. 항해 플러스 프론트엔드 4주차에서는 '클린 코드'를 주제로, 200줄 가량의 더티 코드를 리팩토링하는 과제를 진행했습니다. 개발자라면 누구나 '클린 코드'라는 말을 귀에 딱지가 앉도록 들어봤을 텐데요. 그만큼 중요한 개념이지만, 막상 "어떻게 적용해야 하지?"라는 고민이 늘 따라다녔습니다. 💡 이번 과제에서 적용해본 클린 코드의 원칙들: - 하나의 함수는 하나의 책임만 갖도록 하기 - 반복되는 코드 패턴은 공통 함수로 분리하기 - 코드 자체로 의도가 드러나게 작성하기 - Early return 패턴으로 조건문 개선하기 - 부수 효과를 일으키지 않는 순수 함수 사용하기 😊 연속 야근으로 바쁜 한 주였지만, 틈틈이 공부하며 과제를 완수했다는 게 뿌듯합니다. 특히 배운 내용들이 실무에서 바로 적용 가능한 실용적인 것들이라 더욱 값진 시간이었습니다. 4주차 과제를 통해 배운 내용들을 블로그에 자세히 정리해보았습니다. 더 나은 코드를 작성하고 싶은 개발자분들께 실질적인 도움이 될 만한 내용이라 생각합니다! 자세한 내용이 궁금하시다면 아래 벨로그 링크를 확인해주세요 👇