전체 글 80

문자열의 문자를 배열처럼 추출할 수 있다

문자열도 배열처럼 대괄호 표기법으로 인덱스를 사용해 접근 할 수 있다. 문자열.charAt(1) => "자" 문자열[1] => "자" 두 방법 모두 출력은 가능 그러나 1) 인터넷익스플로러 7 과 이전 버전에서는 문자열의 대괄호 표기법 접근 불가. 2) 문자열을 배열로 착각하여 이후 코드작성에 혼동이 올 수 있다. (문자열에 배열요소를 삽입하는것( .push() )및 수정 불가. 어디까지나 읽기전용 문자열이기 때문) --> 위 2가지 부분 때문에 .charAt()으로 접근하는 것이 더 바람직함. 참고로 빈 문자열의 요소를 charAt() 메서드로 접근하면 --> 빈 문자열("")을 반환하지만 대괄호표기법으로 접근하면 --> undefined를 반환하게 된다. 이 점 또한 문자열에 charAt() 사용이 ..

고군분투 2022.08.24

중첩 반복문 for for

중첩반복문 (nested loop) for 반복문 안에 또 다른 for 반복문이 들어가는 경우 for ( 변수값선언&초기화; 조건; 증감표시 ) { for ( 변수값선언&초기화; 조건; 증감표시 ) { 수행할 명령; } } 바깥쪽 for문 한번 실행 후, 안쪽 for문 반복이 끝나면 바깥쪽 변수 증감해서 돌아온다. 반복문에서 쓰이는 명령 (주로 조건식의 명령으로 쓰임) break; 반복문을 빠져나간다. 지금까지의 반복내용만 가지고 반복문 다음단계 진행. continue; 위로 다시 돌아가서 반복 이어간다. continue 이후 코드 실행X. for문 안의 if문에서 true일때의 명령만 기재되어있으면, false일때는 바로 다시 for문 반복이 된다. 돌아가는 명령 따로 해주지 않아도 됨! https:/..

카테고리 없음 2022.08.24

기타 개념

\ 역슬래시 기호 그 뒤에 따라 오는 문자가 특수하게 처리되어야 한다는 것을 나타내며 종종 탈출 문자라고도 한다. 보여주고 싶은 문자 앞에 사용함. - 특수 문자를 보여주기 위해 사용된다. - 그러나 공백 앞에 쓰일 때는 그냥 문자로 쓰인다. - "를 표현하기 위해 \"를 사용한다. += 변수에 더한값을 다시 변수에 저장 num = num+3 -> num += 3 =+ 라는 연산자는 없다. 그저 num = (+3) (양수3) 을 적은 것 같은 의미가 된다. 순서 안바뀌게 조심!! typeof typeof 변수 또는 typeof(변수) 의 형태로 사용함. typeof 다음에 위치하게 되는 변수나 값이 어떤 타입(Type)의 데이터인지 문자열로 나타낸다. 1. string 2. number 3. boolea..

자바스크립트 2022.08.23

줄바꿈 언어

\r = CR (캐리지 리턴) → X 이전 Mac OS에서 줄 바꾸기 문자로 사용됨 \n = LF (줄 바꿈) → Unix / Mac OS X에서 줄 바꾸기 문자로 사용 \r\n = CR + LF → Windows에서 줄 바꾸기 문자로 사용 태그가 아닌 문자이기 때문에 옆에 다른 문자나 숫자와 붙여서 쓴다. ex)'1\n2\n3' 만약 \n 양 옆에 공백을 넣어버리면 공백이 그대로 출력되므로 주의! HTML4 : 만 허용 HTML5 : 선호, 및 사용 가능 XHTML : 선호, 및 사용 가능 XHTML 때문에 여러 부류가 나온 것 같습니다. HTML에서는 형태를 선호하지만 과 을 사용해도 별 문제는 없습니다. 하지만 일관성있게 한 형태를 유지하는게 좋겠습니다. 은 XHTML에서 을 닫는 용도로 사용됩니다..

고군분투 2022.08.23

e 02-3 주사위 게임 만들기, 소수 출력하기

주사위 게임 만들기 var dice = Math.floor( Math.random() * 6 ) + 1; 왜 6을 곱하나? 왜 1을 더하나? 랜덤 출력이 대략 (0.01~0.9) 까지 나옴 0~9(랜덤숫자 소수점 첫째자리) 를 곱했을때, 십의 자리에 6개 숫자가 나와야함.주사위 숫자가 6개이므로. 5단) 0~4 까지밖에 안나옴 -> 5개 (부족함) 6단) 0~5 까지 나옴 -> 6개 --> 1씩만더해주면 주사위숫자 가능! 7단) 0~6 까지 나옴 -> 7개 (과함) 대신...1,3,6이 나올 확률이 적을것 같다. 형평성 문제.. 다른 방법은 없는지? 소수 출력하기 (소수 : 1과 자기 자신으로만 나누어 떨어지는 수) 1로 나누어떨어짐 -> O (자신보다 작은)그 사이 숫자 나누어떨어짐 -> X 자기자신으..

자바스크립트 2022.08.23

e 02-2

조건문 조건은 비교연산자 또는 논리연산자가 사용된다. if ( 조건 - 비교 연산자 or 논리 연산자 ) { 수행할 명령1; } else if ( 조건 ) { 수행할 명령2; } else { 수행할 명령3; } 반복문 1) for문 직관적으로 작성되는 반복문. 몇번 반복될지 아는 상황에서 사용. for ( 변수값선언&초기화; 조건; 증감표시 ) { 수행할 명령; } ① ② ③(결과) ⑤ ④ ⑥(결과) 2) while문 변수 초기화; while ( 조건 ) { 수행할 명령; 변수 증감표시; } ① ② ③(결과) ④ ⑤ ⑥(결과) ⑦ 3) do ~ while문 조건과 관계없이 do의 명령을 무조건 한번 실행한다는 차이가 있음 변수 초기화; do { 수행할 명령; 변수 증감표시; } while ( 조건 ) ;..

자바스크립트 2022.08.23

e 02-1

산술연산자 -사칙연산 ( + , - , * , / ) 그리고 나눗셈의 나머지(%) console.log(25 % 10); // 5 출력 -문자열도 산술연산자 사용 가능. console.log("20" + "10"); // 2010 -> 문자가 합쳐진 모양으로 출력 그 외의 - , * , / , % 은 문자열이라도 숫자처럼 계산이 됨.(동일) 산술연산자 -> 11 -> 10 -> 10 (저장은11) -> 11 (저장은10) 기호가 앞에 붙으면, 증감 하고 출력. 기호가 뒤에 붙으면, 값 출력면저 하고 증감. 비교연산자 (true, fales로 결과 나옴) - 동등 == 값이 같다. === 데이터 타입과 값이 모두 같다. !== 값이 같지 않다. console.log(10 == "10"); // true c..

자바스크립트 2022.08.22

e 01-3 (프로퍼티와 메서드)

자바스크립트의 프로퍼티와 메서드 .length 문자열의 길이(개수). 공백도 포함 .charAt(몇번째) 몇번째자리의 문자열 추출, At 대문자 주의!! .split("") ""속 문자 기준으로 나누고 배열[~~,~~] 상태로 출력. (쉼표 있는 상태로 ) + https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String .length 데이터 개수 .push("") 맨 뒤에 이 데이터 추가 .unshift("") 맨 앞에 이 데이터 추가 .pop() 배열의 맨 뒤 데이터 삭제 팝 튀어올라서 날라갔다 .shift() 배열의 맨 앞 데이터 삭제 + https://developer.mozilla.org/ko/docs/We..

자바스크립트 2022.08.21

e 01-2

자바스크립트 데이터 타입 1. 문자열 String -문자열 따옴표 - "" 또는 '' 사용 -He's a boy 출력하고 싶으면, var str = "He's a boy"; 또는 역슬래쉬(\) 사용 var str = 'He\'s a boy'; -따옴표 속의 숫자는 숫자모양의 문자 2. 숫자 Number -따옴표 없는 숫자는 값을 나타내는 숫자 3. 함수 function //fun1이라는 애가 있어, 얜 함수인데 이런 기능을 할거야 var fun1 = function() { 함수기능 } //함수를 만든다. 이름은 fun1. 이런 기능을 할거야 function fun1() { 함수기능 } -func1(); 만든함수 이름불러서 함수 호출 -매개변수 : 인자로부터 전달받은 값이 들어가는 통로. 상황따라 생략가능..

자바스크립트 2022.08.21

e 01-1

1. 변수선언 및 데이터 저장하기 1) 변수 선언 먼저 하고 데이터 추가하기 var fruit; fruit = "apple" 2) 변수 선언과 동시에 변수 초기화 하기 var fruit = "apple"; 변수명은 숫자로 시작하지 못한다 / 자세하게 / 이상한 조합X 2. 변수 데이터 변경하기 변수 지정할 필요 없이 바로 매칭시킨다. fruit = "banana" 3. 변수 안의 데이터 확인하기 1) 콘솔창에서 확인하기 console.log(fruit); 2) 웹 화면에 출력하기 document.write(fruit); document.writeln(fruit); //출력값 사이에 공백을 넣을 수 있습니다. document.writeln();을 사용하면 출력값 사이에 공백을 넣을 수 있습니다. 4. 자바..

자바스크립트 2022.08.21