위에 f.submit을 통해 데이터 전송을 해줘야하는데,submit은 함수이다. 함수에 괄호없이 보내면 아무런 오류없이 아무런 동작을 안하는데, 오류 찾기가 매우 까다롭다.절대적으로 괄호누락은 엄히 금한다.

jQuery를 사용하는 이유  자바스크립트에서는 문자를 클릭해서 사라지게 하려면 이런 코드를 사용해야 한다.function pHide() { document.getElementById("p1").style.display = "none";}  제이쿼리를 사용하면 이런 코드로 함축이 가능하다.("#p1").hide(); 제이쿼리를 사용하는 이유는, 자바스크립트의 문장을 더욱더 간결하게 사용하기 위해서 사용한다. https://jqueryui.com/ jQuery UIjQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Wh..

JSON과 동일하지만 명시적으로 Class로 표현을 하면, 데이터 분석이 쉬워진다.JSON인 경우에는 name과 value 값을 확인해봐야 하기 때문이다.   클래스 안에서 메소드 만들때 출력 데이터 표현 방식(JSON과 유사하다) toJSON(){ // Person 객체가 가지고 있는 Data를 JSON 형태로 출력하는 메소드 return `{"name":"${this.name}", "age":${this.age}, "tel":"${this.tel}"}`;} /** * */ class Person{ constructor(name,age,tel){ this.name = name; this.age = age; this.tel = tel; } toJSON(){ // ..

JavaScript Object Notation (JSON)객체를 표현하는 표기법전체 언어에서 공통으로 사용할 수 있는 공통 데이터 타입 (모든 언어에서 XML과 JSON 사용이 가능하다)언어가 틀려도 JSON으로 서로가 통용되서 상호작용이 가능하다.웹서버를 통해서 상호작용이 가능한데, 카카오톡도 웹서버를 활용해서 api를 관리하고 있으며, 우리가 앞으로 관리해야 할 것이기도 하다. { "name" : "value" , "name" : "value" }  자바의 객체의 구조와 자바스크립트의 JSON 구조를 비교해보면 이해가 쉽다.class Person { String name; int age; boolean married;}Person p = new Person("홍길동",20,false..

우리 아이 for문도 가능합니다    HTML에서 JavaScript를 활용하기 수1: 수2: 결과:   - 여러가지 연산 수1: 수2: 결과:    - 구구단 출력하기 단: 구구단 생성기    - 현재 시간 출력하기 14 : 40 : 30      - 난리난 현재 시간 오전 14 : 40 : 30       - 삼항연산자로 코드 줄이기document.getElementById("ampm").innerHTML = (hour12) { hour = hour % 12; // hour %= 12 hour -= 12}document.getElementByID("hour").innerHTML = (ho..

## document.createElement (HTML 태그 추가) -HTML에서만 HTML 요소를 만들 수 있는 것은 아니다. -물론 해당 파일에서 생성하는 것이 가장 간단하기 때문에 대부분 HTML document에서 바로 요소를 생성한다. 물론 자바스크립트를 통해서도 요소를 생성하는 것이 가능하다. -동적으로 특정 태그의 HTML 요소를 생성하려면 자바스크립트의 document.createElement() 메소드를 사용할 수 있다. 이 메소드는 요소의 태그 이름을 매개변수로 받아 해당 노드를 생성한다. -document의 createElement메소드는 지정된 이름의 HTML요소를 만들어 반환한다. document.createElement('div'); document.createElement('..

## 이벤트(event) -이벤트란 사용중이거나 프로그래밍 중인 시스템 내에서 일어나는 사건을 의미한다. -앞으로 배울 웹에서도 이벤트는 발생한다. -웹에서 발생하는 이벤트의 예 # 웹페이지 사용자가 버튼을 클릭한 경우 (클릭 이벤트) # 웹페이지 사용자가 키보드로 입력 경우 (키다운 이벤트) # 웹페이지 사용자가 입력 form의 내용을 전송한 경우 (제출 이벤트) # 외 다수의 이벤트가 발생할 수 있다. -각각의 이벤트들은 이벤트 핸들러(event handler)를 가질 수 있다. -이벤트 핸들러는 이벤트가 발생하면 실행될 코드 블록을 의미한다. 주로 함수가 이 역할을 담당한다. -이벤트 핸들러 역할을 수행할 함수를 정의하는 것을 이벤트 핸들러 등록이라고 한다. example) const button ..

## 함수 -함수는 ‘호출될 수 있는 코드 조각’이다. -변수를 선언하고 데이터를 대입하면 변수의 이름을 데이터 대신 사용할 수 있는 것처럼 함수를 선언하면 함수의 이름을 코드 조각대신 사용할 수 있다. -함수를 만드는 대표적인 방법 2가지 # 함수 선언식 # 함수 표현식 # 함수 선언식 function 함수명() { // 함수의 기능을 표현하는 구문 } # 함수 표현식 (이름이 없는 함수를 만든 후 변수에 대입하는 형식) const 함수명 = function(){ // 함수의 기능을 표현하는 구문 } -함수가 만들어지고 나면 함수명은 스스로 보관하고 있는 구문대신 사용될 수 있다. -함수를 사용하기위해서는 함수를 호출해야 한다. -둘의 차이는 const는 변수로 저장했기에, 선언전에 사용을 할 수 없지..

## 조건문 -조건문이란 주어진 조건의 참/거짓 여부에 따라 프로그램의 흐름을 결정할 수 있는 구문을 뜻한다. -여기서 조건이란, boolean 데이터를 반환하거나 논리형 데이터로 해석될 수 있는 표현식을 의미한다. (즉 결과값이 true 또는 false로 나와야 한다.) # if문 -키워드 if를 사용해서 만드는 구문이며 ‘if문’은 가장 일반적인 형태의 조건문이다. -조건식이 true이면 블록을 실행하고 false이면 블록을 실행하지 않는다. if(조건식 : true & false) { 조건식이 true일 경우 실행될 구문1 작성; 조건식이 true일 경우 실행될 구문2 작성; 조건식이 true일 경우 실행될 구문3 작성;} let number = 3; if (number == 3) { console..