목록프론트엔드/JavaScript (14)
끄적끄적 메모장
JavaScript언어에서는 값을 찾거나 위치값을 알아내는 등 여러가자 문자열을 수정하는 방법들이 있습니다. 아래 문자열을 활용한 코드가 있습니다. // 문자열을 저장할 변수 var str = "Ahi~ javascript!"; // var str = new String("Ahi~ javascript!! "); var str2 = "jQuery!!! "; document.write(`원본 : ${str} `); // 문자열의 5번째 문자 찾기 0~ document.write("5번째 문자 :" + str.charAt(5) + " "); // 4번째부터 4글자를 추출 document.write("4번째부터 4글자:" + str.substr(4, 4) + " "); // 4번째부터 7번째까지 추출 docum..

개발을 할때 많은 리스트를 만들어야 할때가 있습니다. 그럴때 배열을 사용하면 편하게 코딩을 할 수 있습니다. 배열(Array)에 대해서 알아보자 자바스크립트에서 배열을 만드는 방법이 2가지가 있습니다. 1) 배열 리터럴 재괄호([ ]) 를 사용하여 만드는 방법 2) Array() 생성자 함수로 배열을 생성하는 방법 아래에는 배열을 활용한 코드가 있습니다. // 과일의 종류를 저장할 배열 var fruit = ["수박","포도","딸기"]; // 야채 종류를 저장할 배열 var Veg = ["토마토","무","파","양파"]; var num = [1,2,3]; // fruit 배열 마지막 데이터 추가하기 fruit.push("배"); console.log(fruit); // fruit 배열의 마지막 데이터..
개발을 하다보면 규칙적인 반복을 여러번 하는 경우가 생깁니다. 이럴때 반복문을 활용하면 10개의 동일한 코드를 반복 실행을 할 수 있게 됩니다. 이제 반복문에 대해서 알아보자 반복문은 대표적으로 for문과 while문이 있다, 먼저 while문에 대해서 알아보자! var i = 3; while (i < 0){ // 3 2 1 이 출력됩니다. document.write("while") i--; } var j = 3; do{ document.write("do"); } while(j < 0){ // 3 2 1 이 출력됩니다. document.write("do~while"); j--; }; 위 코드는 i와 j가 조건식에 따라서 반복적으로 돌아가는 프로그램이다 - while문은 i
조건문으로는 크게 if 조건문, switch 조건문이 대표적이다. 각 조건문에 들어가기 앞서 조건문에서 사용할 수 있는 비교 연산자에 대해서 알아보자. 1) ===, !== : 서로 다른 두 값이 같을 경우 ===, 다를 경우 !== 를 사용 2) > , = , =40 && b>=40 && c>=40){ if(sum >=60){ document.write("합격") } else{ document.write("불합격") } } else{ document.write("과락"); } 위 코딩은 1~3과목의 평균을 구해서 합격 불합격 또는 과락을 출력하는 프로그램입니다. - if 조건문은 if 절 안에 있는 조건식이 참인 경우 해당하는 if문 또는 else, else if 문을 실행합니다. - 따라서 ..
연산자를 공부해보자 사칙연산자, 연결연산자, 증감연산자, 대입연산자, 비교연산자, 논리연산자, 삼항 조건 연산자를 공부하고자 한다. 먼저 사칙연산자로 +, -, *,/, %가 있습니다. // 숫자를 저장할 변수 2개 만들기 var number1 = 10; var number2 = 3; let result; result= number1 + number2; console.log(result); // 13 result= number1 - number2; console.log(result); // 7 result= number1 * number2; console.log(result); // 30 result= number1 / number2; console.log(result); // 3.333333333333..
변수를 선언해보자 먼저 var 변수를 선언해보자 var a = 10; console.log(a); function varTest() { var b="javascript"; console.log(b); } console.log(b); 콘솔 출력 값으로는 a는 10 함수 안에 있는 b, 함수 밖에 있는 b는 javascript 가 나오게 됩니다. var 변수는 함수 외부에서 선언될 때 전체 범위에서 나타낼 수 있습니다. 즉 함수 외부에서도 var를 사용하여 선언된 모든 변수를 쓸 수있습니다. 또한 var 변수는 같은 범위내에서는 재선언이 가능합니다. 또한 재할당이 가능합니다. 두번째로 let 변수를 선언해보자 let aaa=10; console.log(aaa); aaa=20; console.log(aaa);..