[Javascript] 자바스크립트 기초

Javascript

• 객체 프로그래밍 : 자바처럼 클래스를 만들 수 있다.
• 웹프로그래밍
  • 동적인 html을 생성
  • 서버 사이드 스크립트 : 서버에서 동작하는 웹 프로그래밍, 서버 코드가 노출되지 않는다. ex) jsp
  • 클라이언트(웹 브라우저) 사이드 스크립트 : 클라이언트 쪽에서 동작하는 웹 프로그래밍, 어떻게 만들어졌는지 서버코드가 노출 됨 ex) javascript
• jsp 안에서도 자바스크립트 표현 가능 : script 태그 사용
• src/main/resources/static : 정적인 문서 만들 때 이 폴더에 작성 ex) html,css,script
• src/main/resources/templates : 사용자 요청에 의해 컨트롤러가 저장한 모델을 가지고 html을 동적으로 만들어주는 것을 통칭하여 view template이라 한다. jsp없이 타임리프로 html을 만든 이들을 이 폴더 안에 작성

node.js

• 자바 스크립트는 웹 브라우저에서 동작하였으나 2008년에 크롬이 발표되면서 자바스크립트를 웹 브라우저가 아닌 곳에서 실행할 수 있는 node.js가 만들어짐
• node.js가 중요한 이유: node가 서버 사이드 역할을 한다.
• 자바스크립트 만으로 웹 구현 가능

함수

• 위치: head 태그에 script 태그 안에 작성하는 것이 일반적
• window.onload = : 문서가 만들어진 후 동작하도록 해주기 위해 앞에 작성하는 키워드, 이벤트가 동작하였을 때 동작하게 만듦
• alert("값"): 사용자에게 해당 값에 대한 창 출력해주는 함수
• prompt("제목") : 사용자에게 제목과 함께 입력을 요구하는 입력창 뜨게 하는 함수
• confirm("내용") : 해당 내용과 함께 확인 버튼이 있는 확인창 뜨게 하는 함수, 확인 버튼 누를 시 값은 true로 처리
• location.href = "파일주소" : 해당 주소로 이동

Tips

• 정적 : 언제나 똑같은 서비스
• 동적 : 그 때 그 때 상황에 따라 서비스가 바뀜
• 인덱스: 자바스크립트에서 배열 기호 안에 들어간 숫자를 칭함
• innerHTML : span, li 등의 태그일 때 사용
• value : input 태그일 때 사용