Lennon FE

1. 얼리리턴 일정 조건을 걸어 함수의 뒷 내용이 실행되지 않도록 할 수 있다! => 가독성 측면에서 좋음 봐도 위 보다 아래가 가독성이 좋은 걸 볼 수 있다 ㅎㅎ... 2. 유지보수 용이한 코드를 작성하자. 해당 미션에는 2가지의 form이 있어 모든 폼의 새로고침을 막으려 formEvent함수를 만들었다. 그러나 해당 미션에는 괜찮지만 만약 다른 form에서 submit하는 상황이 생긴다면 돌아가지 않을 가능성이 있다. 아무 생각없이 새로고침 다 막아야지! 하고 진행했던 것 같다. 3. EOL(End Of Line) ESLint, Prettier 설정에서 EOL에 대해 한 번 찾아보라고 말씀하셨다. "endOfLine": "auto" 으로 설정할 수 있고, 자동으로 파일 맨 끝에 개행이 되게끔 해주는..

https://steady-coding.tistory.com/449 [OOP] 캡슐화(Encapsulation)란? 안녕하세요? 제이온입니다. 이번 시간에는 저번 포스팅인 다형성에 이어서 캡슐화에 대해 알아보겠습니다. 캡슐화란? 위키피디아에 따르면, 캡슐화를 아래와 같이 정의하고 있습니다. 객체의 steady-coding.tistory.com

현업 프론트엔드 개발자분에게 코드리뷰를 받는 기회가 생겼다. 그중 인상 깊었던 내용들을 포스팅해보려 한다. 저번 주에 첫 과제를 부여받았고, 모듈, 객체지향에 대해 미숙한 상황이었다. 그냥 index.js 하나에 모든 함수 및 기능을 구현하였으며, import, export를 사용해 모듈화 하지 않았다. 그 결과 아래의 전체 피드백을 받았다. 이제 코드를 보며 현업자들의 입장에서 어떤 점이 문제점이었는지 확인해보자. 1. const와 let 재할당 되지 않는 변수들은 const로 선언하는 습관을 기르자! 2. 함수 이름에 동작까지 포함하여 명시하자. 함수는 동작하는 거니까 어떤 동작을 하는지 명확하게 네이밍 하도록 하자. 3. 원시적인 숫자가 아니라 더 명확하게 보일 수 있도록 선언하고 사용하자. 남들이..