화면구현 57

HTML 라디오버튼과 체크박스

s가 붙은 사실에 주목 s로 가져왔기에 배열의 특징을 가짐 남 여 라디오버튼 남 여 체크박스 당신의 취미? 독서 영화 음악 낚시 게임 골프 ex> 텍스트 박스에 아래와 같이 출력하시오. 더보기 >> 내가 한 코드 당신의 취미? 독서 영화 음악 낚시 게임 골프 >> 강사님께서 하신 코드 당신의 취미? 독서 영화 음악 낚시 게임 골프 +) 취미는 3개까지! 당신의 취미?(3개까지만) 독서 영화 음악 낚시 게임 골프 >> 4개째에서 체크를 아예 못하게 1) 매개변수 이용 당신의 취미?(3개까지만) 독서 영화 음악 낚시 게임 골프 2) this이용 당신의 취미?(3개까지만) 독서 영화 음악 낚시 게임 골프 >> 카운트 함수 사용하지 않고(성능우수) 1) 체크되면 +1, 해제되면 -1 2) 어디까지 가능한지 li..

화면구현/HTML 2020.06.19

HTML 버튼과 텍스트와 복사와참조

버튼과 텍스트 텍스트속성 1) readonly 읽기만 가능하고 쓰지는 못함 서버로 값 전송 가능 2) disabled 비활성화 서버로 값 전송 불가능 버튼이벤트 1) onclick >> onclick 이벤트 >> 텍스트 창에 어떤 글자가 있는지 출력 >> 버튼을 누르면 다른 텍스트로 변경 가독성 높은 코드 더보기 >> var v_text = document.getElementById("id_txt").value;로 하면 안 됨 text의 value속성을 변경했기 때문!! v_text 변수!! 객체가 아니야~ 참조는 객체만 가능!! (-> 줄여서 쓸 수 있는 것은 객체만) 왜?? value는 원시타입! 문자열!!! 따라서 값이 복사가 되어버림. 위에 코드는 문자열을 카피된 문자열 값 그대로 참조 참조와 복..

화면구현/HTML 2020.06.19

HTML 함수

함수 f(x) = x*x 반복되는 코드나 다시는 못 짤 것 같은 어려운 소스들을 함수로 묶어준다. 함수 선언 >> 함수는 반드시 호출이 되어야 함 1) 매개변수 >> 1개의 매개변수 변수타입의 선언 없이 변수명만 주면 됨!! >> 2개 이상의 매개변수 >> 배열 매개변수 >> 매개변수를 넘기지 않았을 때 >> 매개변수로 함수의 포인터 first class언어 더보기 >> function f_msg2(p_func()){ p_func(); } >> 처음부터 f_msg()함수를 부르면 안돼 함수 포인터(fp)를 매개변수로 넘김! f_msg2(f_msg()); >> 매개변수의 타입은 상관 없음 변수의 범위 >> 지역변수와 전역변수 *** 함수 안 선언이면 중괄호에 상관 없이 지역변수이고 함수 밖 선언이면 전역변..

화면구현/HTML 2020.06.19

innerHTML

script의 위치 body태그 위가 권장되는 위치 >> 아이디 가져오기 박 성 연 >> 태그 사이의 값을 가리킴 >> 박 성 연 >> 성 값 대체 >> 태그 사용 가능 >> 전부를 덮어 씌우기 >> 이미지도 사용 가능 ex> 구구단 prompt 사용자 입력창 기본 값은 문자열!! *이니 숫자로 자동 출력이 됨(+이면 더하기 안됨) 더보기 초기값 var v_dan = prompt("단을 입력하시오.","5"); 취소버튼 클릭시 null값 출력 >> null은 false 취소 눌렀을 때 2단이 출력 ex> 테이블 형태로 구구단 출력 더보기

화면구현/HTML 2020.06.18

JSON(JavaScript Object Notation)

JSON(JavaScript Object Notation) 웹과 컴퓨터 프로그램에서 용량이 적은 데이터를 교환하기 위해 데이터 객체를 속성 · 값의 쌍 형태로 표현하는 형식. BigData에서 data포맷으로 많이 사용 자바의 해시맵과 비슷 1. 빈 객체 선언 선언뿐 아니라 메모리에 빈 객체가 생성됨 2. key:value 키값이 객체의 속성값으로 들어감 더보기 >> 눈이 어지러운 >> 가독성이 좋은 빈 객체 선언 후 초기화 3. 접근방법 >> 권장 내부적 처리속도가 빠름 alert(v_json.name); alert(v_json.age); alert(v_json.easy[3]); >> 배열식 접근법 권장을 사용하지 못하는 경우 사용 alert(v_json["name"]); alert(v_json["ag..

화면구현/HTML 2020.06.18

HTML 배열

배열 자바스크립트 배열은 제약사항이 없음. 1) 데이터 형도 섞어 담아도 됨 2) 초기에 크기지정 없어도 됨 빈 배열선언 var v_arr = []; 배열 선언과 초기화 배열 다뤄보기 >> 배열에 값 넣기 >> 배열에 값 넣기_더 좋은 방법 빈 배열을 다루는 것이기에 점점 값을 넣을 수록 배열의 길이가 증가되는 특징을 활용 3) 배열의 길이 4) 배열 속의 배열 >> 방법1 >> 방법2

화면구현/HTML 2020.06.18

HTML 변수의 이해

use strict 변수 선언에대해 엄격하게 체크를 해줌 더보기 에러 제거 문자열은 " '둘 다 가능 "와 '의 구분 " 출력을 원할 때 '로 감싸주고 ' 출력을 원할 때 "로 감싸준다. 1) 숫자형 숫자형도 var를 붙여준다 2) 문자와 숫자 fff는 문자형 272337이 나옴 더보기 문자열 연산에 마이너스는 존재하지 않음 따라서 -, *, /가 들어가면 문자열이 숫자로 변경됨 문자형 eee를 숫자로 변경을 원한다면 문자열 연산에 마이너스는 존재하지 않음 따라서 -, *, /가 들어가면 문자열이 숫자로 변경됨 문자형 eee를 숫자형으로 변경을 원한다면 eee=eee-0 eee=eee*1 eee=eee/1 숫자형 ddd를 문자형으로 변경을 원한다면(문자와 숫자 연산 시 문자 우선) fff=fff+"" N..

화면구현/HTML 2020.06.18