728x90 반응형 SMALL 자바스크립트21 [JavaScript] 데이터 타입 변환 데이터 타입 변환 자바스크립트에서 숫자를 문자열로, 문자열을 숫자로 변환하는 방법이 존재한다. toString() 숫자를 문자열로 변환 Number() 문자열을 숫자로 변환 toFixed() 소수점 이하 자릿수 설정 toPrecision() 전체 자릿수 설정 html js var num = "20" num = num.toString() console.log(typeof num) var number = 20 console.log(typeof number) number = toString(20) console.log(typeof number) var x = 2.56789 // 소수점 이하 자릿수 설정 console.log(x.toFixed(1)) console.log(x.toFixed(2)) // 전체 자릿.. 2023. 5. 31. [JavaScript] 라이브러리 함수 라이브러리 함수 length : 문자열의 길이를 구함 prompt() : 사용자로부터 입력을 받음 charAt(index) : 특정 인덱스의 문자를 반환 toUpperCase() : 문자열을 대문자로 변환 toLowerCase() : 문자열을 소문자로 변환 concat(string): 두 문자열을 연결 slice(start, end) : 문자열의 일부분을 추출 html js // 사용자로부터 문자열 입력 받기 var text = prompt("문자 입력: "); document.write("문자 : " + text + " ") // 문자열의 길이 찾기 var len = text.length; document.write("문자 개수 : " + len + " ") // 특정 위치의 문자 찾기 document.. 2023. 5. 30. [JavaScript] 문자열 연결 문자열 연결 문자열은 일련의 문자로 구성되며, 문자열 연결은 여러 문자열을 합쳐 하나의 문자열로 만들수 있다. html js // 문자열 변수 선언 var lName = "홍" var fName = "길동" // 문자열 연결 var fullName = lName + fName console.log(fullName) console.log("Today is" + " a " + "beautiful day") console.log("My name is " + fullName) // 숫자와 문자열 연결 var num1 = 20 var num2 = 30 var sum = num1 + num2 console.log(num1 + " + " + num2 + " = " + sum) 2023. 5. 30. [JavaScript] 변수 변수 변수 (고유 식별자) 이름을 구성하는 일반적인 규칙은 다음과 같다. 이름에는 문자, 숫자, 밑줄 및 달러 기호가 포함될 수 있다. 이름은 문자로 시작해야 한다. 이름은 $ 및 _로 시작할 수도 있다. 이름은 대소문자를 구분한다 (y와 Y는 다른 변수). 예약어 (자바스크립트 키워드와 같은)는 이름으로 사용할 수 없다. html js // 사람 정보 출력 // 변수는 먼저 선언한 다음 초기화할 수 있음 var name = "손흥민" var age = 32 var cgpa = 4.00 var lineBreak = " " // 변수는 동시에 선언하고 초기화할 수 있음 document.write("이름 : " + name + lineBreak) document.write("나이 : " + age + lin.. 2023. 5. 30. [JavaScript] 출력 함수 출력 함수 document.write() : 웹 페이지에 직접 내용 작성. html 태그를 포함한 텍스트를 인수로 전달할 수 있다. console.log() : 개발자 도구의 콘솔에 메시지를 출력. 디버깅 및 개발 중 정보 확인에 주로 사용. alert() : 웹 브라우저에서 경고 창을 띄워 사용자에게 메시지 출력. console.clear() console.error() console.info() console.warn() html js // document.write() 사용 document.write("Welcome to JS Program") document.write("Welcome to JS Program") document.write("Welcome to JS Program") // cons.. 2023. 5. 30. [JavaScript] 구문 / 명령 (3) 조건문 참인 경우 코드 블록을 실행한다. var x = 10; if(x > 5){ console.log('Yes'); } if(x > 5){ console.log('Yes'); } else{ console.log('No'); } 스위치 (Switch) 실행할 여러 코드 블록 중 하나를 선택한다. switch(x){ case 1: console.log('1'); break; case 2: console.log('2'); break; default: console.log('3, 4, ...'); break; } 함수 (Function) 작업을 실행하도록 설계된 코드 블록이다. 만든 다음 나중에 호출할 수 있다. function Hello(){ console.log('Hello World'); } 2023. 5. 30. [JavaScript] 구문 / 명령 (2) 배열 (Arrays) 배열을 사용하여 단일 변수에 여러 값을 저장할 수 있다. var names = ['Bob', 'Kim', 'Lee'] console.log(names [0]); 반복문 (Loops) 조건이 참인 코드 블록을 실행하고 반복한다. // For Loop for(I = 0; 1 < 10; i++){ console.log(i); } // While Loop while(I < 10){ console.log(i); i++; } 개체, 객체 (Objects) JavaScript의 거의 모든 것이 "개체"로 간주될 수 있다. 개체에는 속성과 메서드 (함수)가 있다. // 속성 var person = {name:"Lee", age:30, gender:"Male"} console.log(person.n.. 2023. 5. 30. [JavaScript] 구문 / 명령 (1) 구문 JavaScript 프로그램 빌드 방법에 대한 규칙 집합이다. JavaScript는 많은 프로그래밍 언어에서 사용하는 대부분의 일반적인 명령과 구문을 사용한다. 출력 console.log('value') 브라우저 또는 터미널에서 콘솔로 인쇄 window.alert() 브라우저의 경고 상자에 표시 document.write() html의 태그 내에 표시 innerHTML html 요소에 액세스 document.getElementById() - 아이디로 요소에 접근 변수 변수는 값을 저장하는 데 사용된다. JavaScript는 "var" 키워드를 사용하여 변수를 선언하고 등호를 사용하여 값을 할당한다. var x; x = 100; var x = 100; 표현식 (Expressions) 표현식은 값을 계.. 2023. 5. 30. [Website] 웹 문서 HTML 서버와 클라이언트간 전송되는 데이터이며 웹 문서라고 한다. HTTP 프로토콜 HTML을 전송하는 방법이다. JavaScript 현재 HTML은 문서의 구조만 표현하고 있다. 이와 달리 자바스크립트는 브라우저에서 문법이 오류가 나더라도 실행이 중단되지 않고 최대한 내용을 보여주어서 웹 문서를 쉽게 작성할 수 있게 되었다. 2023. 2. 6. 자바스크립트 (JavaScript) 자바스크립트 (JavaScript) 자바스크립트 (JavaScript)는 객체 기반의 스크립트 프로그래밍 언어이다. 이 언어는 웹 브라우저 내에서 주로 사용되며, 다른 응용 프로그램의 내장 객체에도 접근할 수 있는 기능을 가지고 있다. 또한, Node.js와 같은 런타임 환경과 같이 서버 프로그래밍에도 사용되고 있다. 자바스크립트는 본래 넷스케이프 커뮤니케이션즈 코퍼레이션의 브렌던 아이크 (Brendan Eich)가 처음에는 모카 (Mocha)라는 이름으로, 나중에는 라이브스크립트 (LiveScript)라는 이름으로 개발하였으며, 최종적으로 자바스크립트가 되었다. 자바스크립트가 썬 마이크로시스템즈의 자바와 구문이 유사한 점도 있지만, 이는 사실 두 언어 모두 C 언어의 기본 구문에 바탕을 뒀기 때문이고,.. 2023. 1. 28. 이전 1 2 3 다음 728x90 반응형 LIST
