리마인드

Spring과 Boot 들어가기전에 JS 관련 내용 정리 좀 다시 정리 하려고 한다.

어디서부터 어디까지 다시 보는게 좋을 지 잘 모르겠지만 어차피 끝은 없으니.. 선 시작.. 

 

Javascript : 정적인 HTML 콘텐츠를 프로그램 구현 통해 동적으로 변경하거나 데이터를 받고 내보내는 담당을 하게된다.

Object 기반의 스크립트 언어로,  Node.js와 같은 프레임 워크 사용하면 서버 프로그래밍에도 사용할 수 있다.

                                                                                                                      => 웹 브라우저에 인터프리터가 내장 되어있다

 

Javascript의 core function 크게 4가지

 

1. 유효성 체크 : 데이터가 DB에 저장될 수 있는지, 부족한 것은 없는지 검사

(말은 유효성이라고 거창한데, 그냥 조건 걸어서 사용자 입력값을 DB에 넣을지 뺄지 확인하는 거다.)

2. html 태그 컨트롤

3. Ajax를 통한 웹서와의 데이터 통신

4. 동적인 메뉴 제작. 이미지 효과 등. ->

이미지나 메뉴 blinking, blur 같은 효과는 css 구문 자체로도 있기는 한데, script 태그 안에 function 넣는게 젤 편하다. 지저분하게 CSS 구문이나 HTML 구문을 늘리는 것, 또는 html태그 안에 포함시키는거보다 function만 js파일에 따로 모아놓는게 나중에 코드 수정할때 편하다.

 

변수 선언 방식

1. var :  변수를 선언하고 추가로 동시에 값을 초기화 한다. 

2. let 블록 내 지역 변수를 선언 & 값 초기화

3. const  지역내에 읽기 전용 상수 선언. (Ex clock 과 같은 function 들은 const로)

 

내장함수

1. eval(문자열) : 문자열을 수식으로 변환
2. Number(문자열) : 문자열을 숫자로 변환, 정수/실수 가리지 않고 숫자로 변환
3. parseInt(문자열) : 문자열을 정수로 변환
4. isNaN(문자열) : 문자열이 숫자형식이 아니면 true, 숫자형식이면 false -> Not-A-Number(숫자가 아님)
5. alert(문자열) : 문자열을 대화상자로 출력
6. confirm(문자열) : 문자열을 확인/취소 대화상자로 출력
7. prompt(문자열) : 문자열이 제목으로 표시되는, 값을 입력받기 위한 대화상자 호출

 

Math함수는 java와 기본적으로 동일.

1. Math.ceil() : 소수점 올림, 정수 반환

2. Math.floor() : 소수점 버림, 정수 반환

3. toFixed() : 숫자에서 원하는 소수점 길이만큼만 반올림하여서 반환.

 

 Return.

(1) 주어진 값을 호풀 지점으로 반환

(2) function을 벗어남 -> 함수에서 return 문에 도달하면 break처럼 조건문을 나와 다음 코드를 실행하는 것이 아니라, 아예 function 밖으로 나가버린다.