자바스크립트 4. 코딩의 기본 operator, if, for loop 코드리뷰 팁 | 프론트엔드 개발자 입문편 (JavaScript ES6)

🔢 연산자 이해하기

자바스크립트에서 연산자는 다양한 형태로 나타나며, 그 중에서도 가장 기본적인 것은 산술 연산자입니다. 숫자를 더하고 빼고 곱하고 나누는 것은 물론, 나머지를 구하는 % 연산자까지 포함됩니다. 이러한 연산자들은 기본적으로 수학적 계산을 수행하는 데 사용됩니다. 또한, 문자열을 결합하는 데 사용되는 문자열 연결 연산자(+)도 있습니다. 이는 두 문자열을 하나의 문자열로 결합하여 새로운 문자열을 생성하는 데 활용됩니다. 예를 들어, 'Hello' + ' World'는 'Hello World'라는 문자열을 만들어냅니다. 문자열과 숫자를 결합할 때에도 숫자가 문자열로 변환되어 결합되므로 이러한 특성을 이해하고 활용하는 것이 중요합니다.

🧩 변수와 메모리

자바스크립트에서 변수는 데이터를 저장하는 데 사용됩니다. 변수를 선언할 때는 let, const, var 같은 키워드를 사용하며, 각 키워드는 변수의 특성을 결정합니다. let과 const는 블록 스코프를 가지며, var는 함수 스코프를 가집니다. 메모리 관리 측면에서는 기본 데이터 타입과 객체 타입에 따라 메모리에 저장되는 방식이 다릅니다. 기본 타입은 값 자체가 메모리에 저장되지만, 객체 타입은 참조(reference)가 저장되어 실제 객체가 저장된 메모리를 가리키는 형태입니다. 이러한 차이를 이해하는 것은 메모리 효율적인 코딩을 하는 데 필수적입니다.

📊 논리연산자 활용

논리 연산자는 코드의 흐름을 제어하는 데 중요한 역할을 합니다. &&(AND), ||(OR), !(NOT) 연산자는 조건문에서 다양한 조건을 결합하거나 반전시킬 때 사용됩니다. 예를 들어 && 연산자는 모든 조건이 참일 때만 참을 반환하며, || 연산자는 하나의 조건이라도 참이면 참을 반환합니다. ! 연산자는 조건의 참과 거짓을 반전시킵니다. 이러한 논리 연산자를 활용하면 복잡한 조건을 간단하게 처리할 수 있으며, 코드의 가독성을 높일 수 있습니다. 특히, 조건문에서 비효율적인 계산을 피하기 위해 조건의 순서를 전략적으로 배치하는 것이 중요합니다.

🔄 반복문 익히기

반복문은 특정 동작을 여러 번 수행할 때 사용됩니다. 자바스크립트에서 기본적인 반복문으로는 for, while, do...while이 있습니다. for문은 반복 횟수가 정해져 있을 때 유용하며, 초기화, 조건 검사, 증감식을 한 곳에서 관리할 수 있어 편리합니다. while문은 조건이 참인 동안 계속 반복하며, do...while문은 블록을 한 번 실행한 후 조건을 검사합니다. 이러한 반복문을 활용하면 코드를 간결하게 작성할 수 있으며, 특정 조건을 만족할 때까지 반복 수행할 수 있습니다. 반복문 사용 시 주의할 점은 무한 루프에 빠지지 않도록 조건을 명확히 작성하는 것입니다.

🚀 조건문과 스위치

조건문은 프로그램의 흐름을 결정짓는 중요한 요소입니다. if, else if, else 구문을 통해 다양한 조건을 검사하고, 조건에 따라 다른 코드를 실행할 수 있습니다. 또한, switch문은 하나의 변수에 대해 여러 값들을 검사할 때 유용합니다. switch문은 다수의 case를 가질 수 있으며, 각 case는 특정 값을 검사하고, 해당 값일 경우 특정 코드를 실행합니다. default 키워드를 사용하여 어떤 case에도 해당하지 않는 경우의 처리를 할 수도 있습니다. switch문은 if문보다 가독성이 좋고, 코드가 명확해지는 장점이 있습니다.

🌐 공식사이트

자바스크립트 공식문서