백엔드 개발 공부 일지
JavaScript - 1. 소개 본문
● JavaScript 소개
정적인 웹페이지에 프로그램 언어를 사용해서 애니메이션 처리, 계산 처리, 데이터 처리 등을 가능하게 한다.
- JavaScript의 구현 방법
JavaScript코드는 일반적으로 <Head>태그 사이에 작성한다.
그러나 <Body>의 어떤곳에서도 작성할수 있다.
type = "text/javascript"는 JavaScript의 유형이 텍스트이고 사용언어는 JavaScript라는 뜻이다.
<script type = "text/javascript">
실행문;
</script>
- 변수 선언, 연산자
다른 언어와 큰 차이는 없고 var, let, const 뒤의 변수명을 입력하고 =연산자를 활용해 값을 대입한다.
변수에 저장되는 값을 데이터 값 또는 상수 라고 한다. (데이터 타입 : 문자형, 숫자형, 논리형, 널형)
연산자도 다른 언어와 동일하지만 '===' , '!==' 관계 연산자가 존재한다.
데이터 형의 비교를 한는 것으로 논리값을 반환한다.
논리 연산자의 경우 &&, || 와 같이 두번씩 써주며 !A는 NOT연산자이다.
- 제어문, 반복문
if문, for문, while문 다 자바언어와 문법이 동일하다.
- 함수
함수의 사용이유는 여타 언어와 동일하다. JavaScript는 다음과 같이 3개의 함수를 가진다.
1) 선언적 함수
function이라는 키워드를 사용해서 함수를 선언한다.
function 함수명(매개변수, 매개변수, ...){
return 리턴값;
}
2) 익명 함수
function 형태는 함수이지만 이름이 없어 익명함수라고 불린다.
var 변수명 = function(매개변수, 매개변수, ...){
return 리턴값;
}
함수이름이 없는데 호출 어떻게함? 이라는 생각이 드는데 변수명을 함수명과 같이 사용해준다고 한다.
이친구는 호이스팅이 안된다고 한다.
3) 내장 함수
JavaScript 자체적으로 가지고 있는 함수이다.
보통 네트워크 통신용 함수와 숫자와 관련된 함수가 있다.
대표적인것만 아래에 정리해두자. (나중에 발견하면 천천히 추가하는 걸로)
내장함수 | 설명 |
encodeURl( ) | 파라미터를 전달하는 URl 전체를 인코딩 할 떄 사용하며 특수문자등을 제외한 문자만 인코딩한다. 주로 인터넷 주소를 인코딩할 떄 사용한다. |
decodeURl( ) | encodeURl( )로 인코딩된 데이터를 다시 되돌린다. (디코딩) |
isNaN( ) | 숫자가 아닌 문자가 포함되면 true를 반환 |
isFinite( ) | 값이 유한수인지 판단 |
parseInt( ) | 문자를 정수형으로 변환 |
parseFloat | 문자를 실수형으로 변환 |
eval( ) | 문자로 된 수식을 JavaScript의 수식으로 인식하여 실행시키고 결과를 반환 |
Number( ) | 문자를 숫자형으로 변환 |
String( ) | 숫자를 문자형으로 변환 |
'JavaScript' 카테고리의 다른 글
JavaScript - 2. Object Model (0) | 2022.12.23 |
---|