Eslint 설정 정보

// if-else 예시 
if (response.data.success) { 
	console.log('Login successful:', response.data) 
} else { 
	console.log(111) console.error('Login failed:', response.data.message) 
}

// 함수 예시 
const login = async () => { 
	try { 
    	const response = await axios.post('/api/login', { 
        	email: form.value.email, 
            password: form.value.password, 
            }) 
        } catch (error) { 
    		console.error('Error during login:', error.message) 
        } 
    }

1. 1tbs 스타일 (One True Brace Style)

설명:
중괄호는 **여는 중괄호 {**는 같은 줄에, **닫는 중괄호 }**는 새로운 줄로 배치됩니다. 코드 블록 안의 내용은 중괄호와 동일하게 들여쓰기 해야 합니다.

예시:

 

2. stroustrup 스타일

설명:
중괄호는 **여는 중괄호 {**가 새로운 줄에 배치되며, **닫는 중괄호 }**는 코드 블록과 같은 줄에 위치합니다. 즉, 여는 중괄호만 새로운 줄로 배치되고, 그 뒤의 코드가 들여쓰기 되어야 합니다.

예시:

 

// if-else 예시
if (response.data.success)
{
  console.log('Login successful:', response.data)
}
else
{
  console.log(111)
  console.error('Login failed:', response.data.message)
}

// 함수 예시
const login = async () =>
{
  try
  {
    const response = await axios.post('/api/login', {
      email: form.value.email,
      password: form.value.password,
    })
  }
  catch (error)
  {
    console.error('Error during login:', error.message)
  }
}

3. allman 스타일

설명:
중괄호는 **여는 중괄호 {**와 닫는 중괄호 } 모두 각각 새로운 줄에 배치됩니다. 중괄호와 그 내용은 모두 새로운 줄로 분리되어 가독성이 높고, 각 블록을 명확히 구분할 수 있습니다.

예시:

 

// if-else 예시
if (response.data.success)
{
  console.log('Login successful:', response.data)
}
else
{
  console.log(111)
  console.error('Login failed:', response.data.message)
}

// 함수 예시
const login = async () 
{
  try 
  {
    const response = await axios.post('/api/login', {
      email: form.value.email,
      password: form.value.password,
    })
  } 
  catch (error)
  {
    console.error('Error during login:', error.message)
  }
}

요약

1. 1tbs 스타일: 여는 중괄호 {는 같은 줄, 닫는 중괄호 }는 새로운 줄.
2. stroustrup 스타일: 여는 중괄호 {는 새로운 줄, 닫는 중괄호 }는 같은 줄.
3. allman 스타일: 여는 중괄호 {와 닫는 중괄호 } 모두 새로운 줄에 배치.