프로그래밍(Programming)/JavaScript

Javascript 스타일 가이드

자바스크립 스타일 가이드 자바스크립트 코딩 스타일에 대해 고민이 된다. 갈수록 길어지는 코드 구조를 어떻게 해야할까? 코드 내용이 짧다면 어떻게 정리해도 알아보기 어렵지 않은데, 많을 경우에는… 😂 그래서 알아봤다! 깔끔하게 코딩할 수 있는 스타일 가이드! 1. 가로 들여쓰기 2개 or 4개! 스페이스 두 개 혹은 네 개를 사용한다. 2. 세로 들여쓰기 논리 블록 사이에 빈 줄을 하나씩 넣어 코드를 분리해주자. 가독성 좋은 코드를 만들기 위해선 세로 들여쓰기 없이도 아홉 줄 이상 쓰지 않기로! function pow(x, n) { let result = 1; // ESLinter 설치 및 사용 방법 참고/출처: https://ko.javascript.info/object-basics

ESLint 설치/사용방법

ESLint 설치 및 사용방법 1. Node.js를 설치하기 Node.js를 설치했다면, terminal에서 다음 명령어를 실행합니다. npm init 2. ESLint 설치 다음 명령어로 ESLint를 설치합니다. npm install eslint --save-dev # or yarn add eslint --dev 3. 다음 명령어로 configuration file을 만듭니다. npm init @eslint/config # or yarn create @eslint/config +) 만약 package.json이 존재하지 않는다면, 1로 돌아가 npm init or yarn init 을 먼저 실행하세요! configuration file을 만들면, 질문들이이 나옵니다. 개인의 사용 목적을 묻는 것이므로..

JS 변수/상수 선언

변수 변수는 데이터를 저장할 때 쓰이는 '저장소'입니다. 변수를 선언할 때는 let을 사용합니다. let variable1; let은 값이 변경이 가능한 변수일 때 사용합니다. let playerNum = 3; playerNum = 5; //가능 상수 const는 값이 변경되지 않는 상수를 선언할 때 쓰입니다. 상수는 재할당이 불가합니다. 변수값이 변경되지 않는다면 const를 사용하여 값이 변경되는 상황을 방지할 수 있습니다. const variable2 = 30; variable2 = 0.3; //error 주의: 하드 코딩한 상수의 경우, 대문자를 사용해 선언합니다. 아닐 경우엔 아래와 같은 명명규칙에 따라 선언하면 돼요. //하드코딩 상수 const COLOR_B = '#0000FF' const ..