◆ 함수
함수는 프로그래밍에서 특정 작업을 수행하는 코드의 묶음을 의미합니다.
- 일반 함수 (Regular function)
- 일반 함수는 코드에서 직접 호출되어 실행되는 함수입니다.
- 함수를 정의한 후, 함수 이름과 인자를 사용하여 호출하여 사용합니다. 일반 함수는 호출 순서대로 실행되며, 함수의 반환 값이나 결과를 직접 처리합니다.
- 콜백 함수 (Callback function)
- 실행을 예약 시켜 놓는 것.
- 다른 함수의 인자로 전달되어, 특정 조건이나 이벤트 발생 시 실행되는 함수입니다.
- 주로 비동기 프로그래밍에서 사용되며, 이벤트나 비동기 작업의 완료 시점에 결과를 처리하기 위해 사용됩니다.
- 호출하는 함수에 의해 실행되므로, 직접 호출하지 않습니다.
◆ 지도를 만든 곳이랑 사용하는 곳이 다르다.
문제점 : 함수를 각각 만들어서 서로의 기능을 같이 사용할 수 없다.
해결 1) 변수 선언을 밖에 하면 사용 가능해진다.
- 단점 : 9시 58분
해결 2) 지도를 최상위 객체인 window에 추가하면 사용 가능해진다.
- window는 생략 가능하다.
- 장점 : 호출이 편하다.
- 단점 - 충돌 가능성이 있다. (다른 사용자가 나의 지도를 사용한다면 충돌이 일어나서 동시에 내가 사용할 수 없어진다.)
◆ "인라인 스크립트 로딩" 또는 "동기식 로딩"
- HTML 문서에서
<script>
태그가 <body>
안에 위치한 경우
- "인라인 스크립트 로딩" 또는 "동기식 로딩"이라고 합니다.
- 웹 브라우저는 HTML 문서를 위에서부터 아래로 해석하면서,
<script>
태그를 만나게 되면 스크립트를 로딩하고 실행하는 과정에서 HTML 파싱을 일시적으로 멈춥니다.
- 스크립트가 완전히 로딩되고 실행되면, 이후에 있는 HTML 코드의 파싱을 계속 진행합니다.
단점
- 페이지의 로딩 속도에 영향을 줄 수 있습니다.
- 스크립트의 로딩과 실행 시간 동안 사용자는 페이지의 일부분만 보게 될 수 있으며, 이로 인해 사용자 경험이 저하될 수 있습니다.
보완점
- 성능 최적화를 위해
<script>
태그를 HTML 문서의 <body>
태그 끝부분에 위치시킵니다.
- async 또는 defer 속성을 사용하여 비동기식 로딩 방식을 사용하는 것이 좋습니다.
- 이 방식은 스크립트 로딩과 실행이 동시에 이루어져 페이지 로딩 속도에 덜 영향을 미칩니다.
-
자바에서는 리스트 자바스크립트에서는 리스트 대신 배열을 사용한다.
-
jquery가 slim 버전일 경우 ajax를 사용할 수 없다.
-
form에는 2가지가 있다.
- submit : 전송
- reset : 초기화 (최초의 설정 상태로 되돌리는 것)