공부하는 비오

Button value == 버튼 위에 표시되는 문자. onclick == 클릭했을 때 실행되는 함수. text 박스의 value값 활용하기 value == text 박스에 표시되는 글자. id 값을 준 후, script에서 getElementByID(' ').value 를 사용하여, value 값을 가져올 수 있음. ex. Radio 의 value값 활용하기 둥근버튼 name == radio의 gruop 이름, name이 같은 버튼 중 하나를 선택 할 수 있음. value == 각 radio 버튼의 value 값. getElementsByName(' ').value 를 사용하여, 같은 name을 가지는 value값들을 불러올 수 있음. ex. JavaScript 버튼을 선택한 후, 답안지제출을 누른다면..

JavaScript 2020. 7. 3. 11:08

배열의 경우 for문을 사용할 때 좀더 편리하게 사용할 수 있다. -사용방법 for( i in arr ) { 코드 }; >> arr에 있는 index 수만큼 순차적으로 실행됨. 일반적인 for문과 달리 i 시작값, 끝값, i++를 지정해줄 필요가 없음. /ex var arr = [10, 20, 30]; //일반적인 for 문 for(var i = 0; i

JavaScript 2020. 6. 18. 14:36

if else 를 사용하여 오류를 예외로 처리할 수도 있지만, try catch를 사용하면, 디버깅 할때 혹은 코드를 살펴볼때, 한눈에 오류처리라는 것을 파악할 수 있음.(가독성) try { A } catch() { B} A를 실행해보고, 실행되지않는다면(오류가 난다면) B 실행. ex/ try{ new Array(-1); } catch(e){ alert(`오류정보 : ${e.name} , 오류메시지 : ${e.message}`); } **템플릿 리터럴 js에서 html의 문자열과 변수를 함께 사용하려면 ''과 +를 사용하여 연결시켜야했지만, 이 방법을 사용하면 좀더 간편하게 처리할 수 있음. - ' ' 대신 ` `으로 문자열을 감싼다. - 변수는 ${ } 을 사용하여 넣어줌. alert(`오류정보 : ..

JavaScript 2020. 6. 18. 14:23

JSON : JavaScript Object Notation 의 약자. 교환하기 좋은 형식의 객체. 딕셔너리(사전)구조를 가지고 있음. (ex. 'a' : 'apple', 'b' : 'bear' ...) 기본구조 var object = { 'key' : 'value' }; JSON을 사용했을 때, 데이터 검색속도가 훨씬 빠름. key만 안다면, 값을 쉽게 찾을 수 있음. ex. JSON 배열로 사용하기 var obj = [{ 'key1' : 'value1', 'key2' : 'value2' }, { 'key3' : 'value3', 'key4' : 'value4' }]; ex.

JavaScript 2020. 5. 26. 14:25

브라우저 객체 모델이란? 브라우저에 내장된 객체를 브라우저객체 라고 한다. 브라우저 객체의 최상위 객체는 window 객체이며, window 객체에는 하위 객체(document, sereen, location, history, navigator)가 포함되어 있다. 이 계층적 구조를 브라우저 객체모델(BOM)이라고 한다. Window 객체 메서드 open("URL", "새 창 이름", "새 창 옵션") URL 페이지를 새 창으로 나타냄. alert(data) 경고 창을 나타내고 데이터를 보여줌. 방문자가 [확인]을 누르면 alert( )를 사용한 다음 위치의 코드 수행 prompt("질문","답변") 질문과 답변으로 질의 응답 창을 나타냄. confirm("질문") 질문 내용으로 [확인] [취소] 창을 나..

JavaScript 2020. 5. 22. 15:30

재귀 함수 함수 안에 같은 함수가 있는 함수 별다른 조건이 없다면 무한loop >>> 종료조건 필요 ex 1. 종료조건이 없는 재귀함수 ex 2.종료조건이 있는 재귀함수 ex 3. 팩토리얼

JavaScript 2020. 5. 22. 13:14

Q. 학생 수와 과목 수를 입력받고, 거기에 맞는 시험점수를 입력하여, 그 결과를 표로 출력하자. ex. A. prompt 를 사용하여 학생수와 과목수를 입력받는다. make_arr 행(i)에는 학생, 열(j)에는 과목인 2차원 배열을 만든다. i 는 '0 ~ 학생수'(0행은 학생번호), j는 '0~과목수+2' (0열은 과목명, 마지막 2열은 총합과 평균) 크기로 배열을 만든다. input_std_score arr[i][0] == i번학생 arr[0][j] == 과목 명 i번학생의 j과목 성적을 입력받아, arr[i][j]에 넣는다. process_std_score i학생의 성적을 다 더한후, 그 합을 과목수 만큼 나누어 각 값을 i행의 마지막 2열에 넣는다. print_std_score 테두리가 1px..

JavaScript 2020. 5. 22. 10:00

2차원 동적배열 만들기 1차원 배열 객체를 만든 후, 그 안에 2차원 배열 객체를 만들어 push 메서드를 사용하여 넣어줌. ex 1. ex 2. 구구단 만들기. (원하는 시작 단~끝 단 출력하기) ex 3. 구구단 출력하기

JavaScript 2020. 5. 21. 09:23