본문 바로가기
반응형

JS5

[lesson] JS - 제이쿼리 (jQuery) 요소들을 선택하는 강력한 방법을 사용하고 선택된 요소들을 효율적으로 제어할 수 있는 자바스크립트 라이브러리 사용하기 전 jQuery를 선언하고 사용해야한다. // 선언 방법 을 스크립트 넣는위치에 넣어준다. 선택자 문법 아이디 선택자 $("#아이디명") 태그 선택자 $("태그명") 클래스 선택자 $(".클래스명") 속성 선택자 $("태그명[속성명=속성값]") $("선택자").val() : form 요소의 값을 받아오는데 쓰인다. (주로 input, textarea 등등) (쉽게 말해 태그의 value속성 값) $("선택자").text() : 나머지 대부분의 값을 받아오는데 쓰인다. (쉽게 말해 태그 사이에 들어있는 값) $("선택자").text("새로운 값"); each 사용 forEach 사용 $.ea.. 2023. 1. 10.
[lesson] JS - 데이터 타입과 변수 식별자( identifier)란 자바스크립트 개발자가 변수, 상수, 함수에 붙이는 이름이다. 식별자를 만들 대 다음 규칙을 중수 해야한다. 첫번째 문자 : 알파벳, 언더바, $문자만 사용가능 +) 여기서 $문자는 jQuery를 의미 두번째 이상 문자 : 알파벳, _(언더바), 0-9, $ 사용가능 대소문자를 구분한다. : data와 Data는 다른 의미 ※ $로 시작되는 식별자는 jQuery객체를 나타낸다는 의미이다. +) jQuery를 요즘 안쓴다는 말이 있으나, 그것은 자바를 제외하고 JS를 기점으로 하는 이야기! 자바를 사용하면서 JS를 사용한다면 언젠가는 만나게 될 문법이다. 예) 문법 사용 가능 유무 비고 6variable X 숫자로 시작 불가 student_ID O 가능 _code O 언더바로.. 2023. 1. 10.
[lesson] JS - 기본 입출력(document, prompt, comfirm, alert) 자바스크립트 코드로 HTML 콘텐츠를 웹 페이지에 직접 삽입하여 브라우저 윈도우에 출력되게 할 수 있다. 이때 document.write() 혹은 document.writeln()을 사용한다. ※ writeln()은 줄바꿈(\n)문자가 삽입된다. 하지만 HTML에서 줄바꿈으로 표현되지 않기 때문에 write()와 동일하게 나온다(컴파일이 안되기 때문) 그러므로 writeln()을 사용할때는 태그를 활용하여 개행효과를 낼 수 있다. 그러나 디자인이 많이 깨지기 때문에 보다는 주로 을 사용한다. => 사용자 입력 및 메세지 출력 사용자에게 메세지(주로 확인 또는 알림)를 출력하거나, 입력을 받을 수 있는 3가지 다이얼로그가 있다. 1. 프롬프트 다이얼로그 : prompt("메세지","디폴트 입력 값"); '.. 2023. 1. 10.
[lesson] JS - 함수(function), 객체(Object) [일반 객체, core] function 식별자(param1, param2, ... paramn){ // 인자 코드 작성 return 리턴값; } // function: 함수 선언 표시 // 식별자: 동사로 작성 // parameter: 여러 개 있을 때 콤마로 분리하고, 생략도 가능 // return: 함수의 실행 종료 후 리턴값을 반환 식별자(param1, param2, ... paramn); //인수 ※ 인자란, 인수를 받는 부분이며, 파라미터 혹은 매개변수라고 부른다. 인수(argument)란, 함수 사용 시 인자로 전달되는 값이다. - eval() 문자열 형태로 수식을 전달 받아서 수식을 계산한다. eval("2*3+4*6") == 30 - parseInt() 문자열을 숫자로 변환한다. parseInt("32") ===.. 2021. 9. 2.
반응형