MDN

pFad - Phone/Frame/Anonymizer/Declutterfier! Saves Data!

--- a PPN by Garber Painting Akron. With Image Size Reduction included!

초보자들의 흔한 실수들

스펠링과 대소문자를 제대로 해라

코드가 작동하지 않거나 브라우저가 무언가가 undefined라고 불평하면 모든 변수 이름, 함수 이름 등을 정확하게 입력했는지 확인하십시오.

문제를 일으키는 몇 가지 일반적인 내장 브라우저 함수는 다음과 같습니다.

올바른	잘못된
`getElementsByTagName()`	`getElementbyTagName()`
`getElementsByName()`	`getElementByName()`
`getElementsByClassName()`	`getElementByClassName()`
`getElementById()`	`getElementsById()`

세미콜론의 위치

세미콜론의 위치가 잘못 되지 않았는지 확인하세요. 예를들어:

올바른	잘못된
`elem.style.color = 'red';`	`elem.style.color = 'red;'`

함수

함수와 관련하여 실수할 수 있는 것들이 많이 있습니다.

가장 흔한 실수는 함수를 선언하고 어디서도 호출하지 않는 것입니다. 예를 들어:

function myFunction() {
  alert("This is my function.");
}

위 코드는 호출하지 않는 이상 아무것도 하지 않습니다.

myFunction();

함수 스코프

함수는 각자의 스코프가 있음을 명심하세요 — 변수를 전역으로 선언하거나 함수에서 값을 리턴하지 않는한 함수 밖에서 함수 내부에 설정된 변수 값에 접근 할 수 없습니다. (즉, 어떠한 함수 내에서도 접근 안됨)

리턴 문 이후 코드 실행

함수 밖으로 값을 리턴할 때, JavaScript 인터프리터가 함수를 완전히 빠져나감을 명심하세요. — 리턴 문 이후에 선언된 코드는 절대로 실행되지 않습니다.

사실, 몇몇 브라우저들은 (Firefox 처럼) 리턴 문 이후에 코드가 있다면 개발자 콘솔에 에러 메세지를 줍니다. Firefox는 "unreachable code after return statement" 라고 알려줍니다.

오브젝트 표기 vs 일반적 할당

보통 자바스크립테어서 무언가를 할당하려고 할때, 단일 등호 기호를 사용합니다. 예:

const myNumber = 0;

하지만, 이 방법은 오브젝트에선 동작하지 않습니다. — 오브젝트에선 멤버와 값 사이를 콜론으로 구분하고, 각 멤버들은 콤마로 구분합니다, 예를 들어:

const myObject = {
  name: "Chris",
  age: 38,
};

What types of number do you have to deal with in web development?
How do you do basic math in JavaScript?
What is operator precedence, and how is it handled in JavaScript?
How do you increment and decrement values in JavaScript?
How do you compare values in JavaScript? (e.g. to see which one is bigger, or to see if one value is equal to another).

Strings

Arrays

How do you create an array?
How do you access and modify the items in an array? (this includes multidimensional arrays)
How do you find the length of an array?
How you add and remove array items?
How do you split a string into array items, or join array items into a string?

How do you run the same bit of code over and over again?
How do you exit a loop before the end if a certain condition is met?
How do you skip to the next iteration of a loop if a certain condition is met?
How do you use while and do ... while loops?
How to iterate over the elements in an array
How to iterate over the elements in a multidimensional array
How to iterate over the members in an object
How to iterate over the members of an object nested inside an array

How do you manipulate the DOM (e.g. adding or removing elements) using JavaScript?

Help improve MDN

Learn how to contribute

This page was last modified on 2025년 3월 22일 by MDN contributors.

View this page on GitHub • Report a problem with this content

pFad - Phonifier reborn

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.

Alternative Proxies:

pFad - Phone/Frame/Anonymizer/Declutterfier! Saves Data!

Solve common problems in your JavaScript code

초보자들의 흔한 실수들

스펠링과 대소문자를 제대로 해라

세미콜론의 위치

함수

함수 스코프

리턴 문 이후 코드 실행

오브젝트 표기 vs 일반적 할당

기본 정의

Basic use cases

General

Variables

Math

Strings

Arrays

Debugging JavaScript

Making decisions in code

Looping/iteration

Intermediate use cases

Functions

Objects

JSON

Events

Object-oriented JavaScript

Web APIs

Help improve MDN

Pfad - The Proxy pFad © 2024 Your Company Name. All rights reserved.