클린코드JS

돌아가는 코드가 가장 좋은 코드라고 생각하던 시절이 있었다. 지금도 많이 부족한 햇병아리 개발자이지만, 더 좋은 개발자이자 동료가 되기 위해 하루라도 빨리 클린 코드를 작성하는 좋은 습관을 기르고자 공부를 시작했다. 이 글이 나와 같은 사람들에게 도움이 되길 바란다..

이번 게시글에서는 프로그래밍의 기본 중에 기본, 변수를 잘 다루기 위한 방법을 알아보자! 1. var 대신 let과 const 를 사용하자! javascript에서 변수를 선언할 수 있는 키워드는 var, let, const가 있다. 태초의 javascript는 v

JavaScript는 동적 언어이기 때문에, JavaScript의 변수는 어떤 특정 타입과 연결되지 않고 모든 타입의 값으로 할당 및 재할당이 가능하다. 따라서 내가 현재 다루고 있는 변수의 타입이 무엇인지 검사하고, 내가 의도한 대로 타입을 변환 또는 유지하는 것은

오늘은 배열을 안전하고 깔끔하게 다룰 수 있는 방법에 대해 알아보자. 구조분해할당으로 요소 관리하기 대괄호 안의 인덱스 번호로 요소에 접근할 수 있지만, 이것보다는 구조분해할당을 통해 요소를 명시적으로 사용하는 것이 좋다. 요소가 한개 뿐일 때에도 물론 구조 분해

배열에 이어 오늘은 객체를 안전하고 깔끔하게 다루는 방법에 대해 알아보자.Shorthand Property & Method Name객체에서 key와 value명이 같은 경우 축약해서 사용할 수 있게 만들어주는 문법이다.Computed Property Name객체의 ke

이상(>=)과 초과(>), 이하(<=)와 미만(<)의 차이. 사소해 보이지만, 결코 사소하지 않은 경계에 대해 정리해보고자 한다.

오늘은 조건 및 분기를 깔끔하고 간단하게 다루는 방법에 대해 알아보자. 삼항연산자 Truthy vs Falsy 단축 평가 사용하기 Early Return 명시적인 연산자 사용하기 Nullish coalescing operator else 와 else if 지양하기 부

자바스크립트에서 함수는 일급 객체이다. 따라서 변수에 함수를 할당할 수도 있고, 인자로 함수를 전달할 수도 있고, 함수의 결과로 함수를 return 할 수도 있다. 오늘은 이러한 함수를 잘 만들고 다루는 방법에 대한 이야기를 해보려고 한다. 1\. 함수 선언식: fun

추상화 > 추상화란 '추상'이란 '사물이나 표상을 어떤 성질, 공통성, 본질에 착안하여 그것을 추출하여 파악하는 것' 을 말한다. 즉, 추상화란 핵심적인 개념 또는 공통적인 기능을 추출하는 것을 말한다. 예를 들어 여기 버튼이 하나 있다. 버튼을 누르면 적절하게 추

깨끗한 코드는 읽기도 좋아야하지만 안전성도 높아야한다. 안전한 코드를 작성하기 위해서는 발생할 수 있는 경우의 수를 모두 헤아리고, 에러가 발생할 수 있는 부분을 미리 캐치하여 대응하여야 한다. 예외처리하기 오류 처리보단 예외를 사용하는 것이 현명하다. 유효성 검

테스트를 왜 만들어야 할까? 테스트 테스트 케이스가 없으면 변경이 불안해진다. 어떤 부분에서 오류가 날지 모르기 때문에 모든 변경이 잠정적인 버그인 셈이다. 따라서 테스트케이스가 없으면 변경을 미루게 된다. 그러나 테스트 케이스가 있으면 변경이 두렵지 않으므로 쉽

오늘은 웹 접근성, 그 중에서도 HTML을 작성할 때 지켜야 할 웹 접근성에 대해 다뤄보려고 한다. 왜 웹접근성을 고려해야 할까? > 웹접근성이란 신체적, 기술적 제한에도 불구하고 웹 사이트에서 제공하는 정보 및 기능을 동일하게 접근할 수 있도록 보장하는 것을 말한

우리가 작성하는 코드들도 결국은 하나의 문서이다. 좋은 소프트웨어 시스템은 읽기 쉬운 문서로 이루어진다. 따라서 오늘은 일관성있고 매끄러운 문서를 만들기 위해 형식을 맞추는 방법에 대한 이야기를 해보려고 한다. 왜 형식을 맞춰야할까? 개발자는 혼자가 아닌 함께 일해

한 번에 완벽한 코드를 완성하는 것은 거의 불가능에 가깝다. 글을 쓸 때 초안을 먼저 작성하고, 수정을 거쳐 완성하듯 코드도 수정을 통해 점진적으로 개선해야한다. 이러한 점진적인 개선이 바로 리팩토링이다.

지금까지 클린 코드를 고민해야 하는 이유와 클린 코드를 작성하기 위한 방법들에 대해 공부해보았다. 그러나 실천하지 않는 지식은 아무 의미가 없다. 따라서 스스로 클린 코드를 실천하기 위한 나만의 규칙을 만들어보고자 한다. 나만의 클린 코드 규칙 > 나의 클린 코드 9