자바스크립트
-
[자바스크립트 비기너] Number 오브젝트개인 공부/JavaScript 2021. 11. 5. 00:00
1. Number 오브젝트 개요, 프로퍼티 리스트 Number 오브젝트 숫자 처리를 위한 오브젝트 즉, 숫자 처리를 위한 함수와 프로퍼티가 포함되어 있고, 함수를 호출하여 숫자 처리를 하게 된다. 빌트인 오브젝트를 완전하게 사용하기 위해서는 함수와 프로퍼티를 알아야 한다. 프로퍼티 리스트 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Number 참고 * toString() 함수는 숫자 값을 문자열로 변환한다. 숫자 값을 문자열로 변환한다는 것은 목적, toString()은 수단이다. 수단을 기준으로 접근해라! * 프로퍼티 리스트 내 프리미티브 값은 인스턴스에 설정된 값을 의미한다. * 빌트인 함수에서 변환을 위..
-
[자바스크립트 비기너] 오브젝트, 빌트인개인 공부/JavaScript 2021. 11. 4. 23:59
1. 오브젝트(Object) 프로퍼티 {name: value} 형태 name name에 프로퍼티 이름/키를 작성한다. 프로퍼티 name(key)에서 key는 유일하지만 name은 중복될 수 없다는 뉘앙스가 풍긴다. ES3에서는 같은 이름이 등록되기도 한다. ES5에서는 key와 name을 구분하지 않아도 되지만 ES6에서는 구분해야 한다. 값이 지칭하는 범위가 조금 다르다. name의 따옴표를 생략해도 된다. 따옴표를 작성하지 않아도 문자열로 간주된다. value JS에서 지원하는 타입을 작성한다. 값의 위치에 오브젝트를 작성해서 프로퍼티를 확장시킬 수 있다. 오브젝트는 value에 중괄호를 작성하여 프로퍼티를 확장할 수 있는 것이 특징이다. 구조적으로 만들 수 있는 것. 오브젝트를 객체라고 부르지만 뉘..
-
[자바스크립트 비기너] 문장(Statement), 함수(Function)개인 공부/JavaScript 2021. 10. 14. 23:44
1. 문장, 화이트 스페이스, 세미콜론 자동 삽입, 블록 문장 형태: ; 문장을 끝나게 하는 역할을 한다. 화이트 스페이스 사람 눈에 보이지 않는 문자 가독성을 위한 것으로 문자마다 기능을 갖고 있다. (ex. 스페이스는 한 칸, 엔터는 한 줄 띄우기) 세미콜론 자동 삽입 세미콜론을 붙이지 않으면 자동으로 삽입하여 문장이 끝나게 한다. JS 엔진이 분석 및 삽입한다. (ES5부터 지원) 줄바꿈을 하면 자동으로 문장 끝에 시미콜론을 삽입시켜주는 것. 블록 형태: {문장 리스트} 중괄호는 실행 그룹으로, 블록 안의 모든 문장을 실행한다. 문장 리스트: {} 안의 모든 문장으로 문장 리스트 작성은 선택 사항이다. 2. if, debugger if 조건에 따라 처리한다. 먼저 표현식을 평가하고 평가 결과를 tr..
-
[자바스크립트 비기너] 연산자(Operator)개인 공부/JavaScript 2021. 10. 14. 22:46
1. 연산자, 표현식 연산자 연산의 사전적 의미: 규칙에 따라 계산하여 값을 구한다. 연산자는 사전적 의미와 같다.표현식 (Expression) var total = 1 + 2; var value = total / (2 + 3); // 위의 식에서 total, (2 + 3) 모두 표현식에 해당된다. 표현식의 형태 1 + 2와 같은 식을 표현식을 평가한다고 말한다. 표현식을 평가하면 반드시 결과가 반환된다. 이를 평가 결과라고 한다. 자바스크립트는 표현식의 연결이다. 2. 할당 연산자 단일 할당 연산자 = 하나만 사용한 형태 (ex. var result = 1 + 2;) 복합 할당 연산자 = 앞에 연산자를 작성한다. ex. +=, -=, >=, &= 먼저 = 앞을 연산한 후 할당한다. var point =..
-
[자바스크립트 비기너] 1. 기본 문법개인 공부/JavaScript 2021. 10. 7. 23:22
1. 강좌 환경, Hello JavaScript defer 속성을 작성하면 body까지 렌더링한 후 js 파일을 실행한다. 2. 문장 Statement JS 코드 실행 단위 세미콜론까지가 하나의 문장이다. 문장 시작 위치 위치 제약 없음 가독성을 위해 들여쓰기를 사용한다. 단, 일관되게 들여쓰기를 하자! 3. 변수 값을 저장하는 영역 변수에 저장된 값을 재사용하기 위해 사용한다. 변수 선언 방법 var book = "책", point = 123; var book = "책", point = 123; 콤마(,)로 구분하여 다수의 변수를 선언할 수 있다. 두 번째 값 이후부터는 변수 이름만 작성한다. 줄을 바꾸어서 여러 개의 변수를 작성할 수도 있다. 의미를 부여하여 변수를 작성해야 한다. 이를 시맨틱(Sem..
-
[자바스크립트 비기너] 0. 자바스크립트로 할 수 있는 것개인 공부/JavaScript 2021. 10. 7. 23:21
0. 자바스크립트로 할 수 있는 것 1. 자바스크립트의 역할 회원가입 폼의 경우, "가입하기" 버튼 클릭 인식 이메일, 비밀번호 입력 여부 체크 두 가지를 DOM, JavaScript가 하게 된다. 2. 이메일 등록 체크 예시 자세히 보기 브라우저는 이메일 등록 여부 체크가 불가하기 때문에 입력한 값을 서버로 전송한다. 서버 프로그램에서 이메일 체크 및 결과를 전송한다. 브라우저는 결과를 수신하는데, 이때 JS를 사용한다. 결과 출력은 HTML, CSS, DOM, JS를 통해 이루어진다. Ajax에서 비동기 통신 방법을 제공하여 분산 처리 방법을 구현할 수 있게 되었다. 브라우저의 기술을 활용하고 서버는 서버 나름대로의 기능만을 처리하면 된다. 이후로 JS의 사용이 확산되었다. 브라우저에 콘텐츠 표현이 ..
-
자바스크립트 ES6 문법 정리 - 템플릿 문자열개인 공부/JavaScript 2021. 4. 25. 16:32
기존 자바스크립트에서는 병합 연산자(+)를 사용해서 문자열과 변수를 연결했다. ES6에서는 코드의 가독성을 더욱 높이기 위해 템플릿 문자열을 도입했다. // 템플릿 문자열 사용 예시 var string1 = '안녕하세요'; var string2 = '반갑습니다'; var greeting = `${string1} ${string2}`; var operator1 = `연산 결과는 ${a * b}입니다.`; 템플릿 문자열의 특징 작은 따옴표가 아니라 백틱으로 문자열을 표현한다. ${} 안에 변수를 넣는다. enter를 눌러서 줄을 바꾸는 것도 가능하다. 따라서 \n을 사용하지 않아도 된다. $ 기호 안에 연산을 포함할 수 있다.
-
자바스크립트 공부 - 엔티티 이름, 숫자 반올림개인 공부/JavaScript 2021. 2. 11. 17:35
1. 엔티티 이름(Entity Name) HTML 예약어를 기존에 사용하던 의미 그대로 사용하기 위해 별도로 만든 문자셋을 엔티티(entity)라고 하며, 웹 문서에서 특수 문자나 기호를 삽입할 때 엔티티 이름을 사용한다. 엔티티 이름이나 코드 뒤에 있는 세미콜론은 반드시 붙여주어야 한다. 참고 : http://tcpschool.com/html/html_text_entities 코딩교육 티씨피스쿨 4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등 tcpschool.com https://dev.w3.org/html5/html-author/charref Character Entity Reference Chart dev.w3.org 2. 숫자 반올림하기 toFixed(..