> For the complete documentation index, see [llms.txt](https://leeans-dev-book.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://leeans-dev-book.gitbook.io/docs/lecture/javascript/function.md).
# function
```html
Title
알림창
```
이렇게 라인안에 모든 내용을 작성하면 (js, css) 라인이 너무 길어지고 코드가 지저분해진다.
지저분한 코드 = 수정, 유지보수가 어렵다.
```html
```
✨실습. button에 있는 javaScript를 function으로 분리하기
###
### 🐫함수명 작명 방법(camelCase)
함수명을 작명할때는 camelCase로 직관적이게 작성한다.
### 😱오타 주의!
```javascript
function alertPopup(){
document.getElementById('alret').style.display = 'block'
}
// alert > alret 오타
```
이렇게 오타가 나면 버튼을 클릭해도 동작을 안한다.
당황하지 말고 F12를 눌려서 개발자 도구를 켜보자😥
Console 탭을 누르면 오류 로그를 확인 할 수 있다.
이렇게 오류 로그를 보고 원인을 찾고 수정하는것을 Debugging(디버깅) 이라고 한다.
해당 에러로그를 복붙해서 구글에 검색해보자.
: 여기서 답변을 확인해보자
앞으로 개발을 하면서 수많은 오류들을 만날텐데 로그만 봐도 알 수 있는 경우도 있고 모르겠으면 구글에 검색해보면 된다.
---
# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.
## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://leeans-dev-book.gitbook.io/docs/lecture/javascript/function.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.