Frontend/Javascript9 03 함수 함수 사용 function greeting(name, area) { // greeting 함수 생성, 매개변수 name과 area 받음 document.wirte("hello " + name, " ") document.wirte("welcome to " + area, " ") } greeting("홍길동", "korea"); // greeting 함수 호출 greeting("홍대리", "usa"); -> hello 홍길동 welcome to korea hello 홍대리 welcome to usa 스코프 스코프 : 변수 또는 함수의 이용가능한 유효 범위 지역 변수 : 스코프 영역에서 var를 붙여 선언된 변수, 스코프 영역내에서만 사용가능 내부 함수 : 스코프 영역에서 선언된 함수, 스코프 영역 내에서만 .. 2022. 10. 28. 02 객체 내장 객체 : js 엔진에 객체를 생성할 수 있는 함수가 내장되어, 필요한 경우 생성하여 사용 내장 객체 생성 참조변수 = new 객체생성함수(); ex) var car = new Object(); // ★함수 첫글자는 대문자 car.color = "white"; car.price = "1000만원"; car.getInfo = funtion() { document("색상: ", this.color, " "); document("가격: ", this.price, " "); } // 리터럴 방식 var car = { "color" : "white", "price" : "1000만원", "getInfo" : funtion() { 스크립트 코드 } } 날짜 정보 객체 참조변수 = new Date(); 참조변수 .. 2022. 10. 28. 01 기초문법 ※ 옛날 강의라 변수 var를 사용했지만, 현재 변수 var는 여러 문제로 쓰지 않는다 비교 연산자 var num1 = 10; var num2 = "10"; result1 = num1 + num2; // 10+"10" 이므로 결과는 1010 나옴 result2 = num1 == num4; // == 은 데이터타입 검사x, num4의 문자형 10이 숫자형 10으로 형변환됨, true result3 = num1 === num4; // === 은 데이터타입까지 검사, 10과 "10"이 같냐? ㄴㄴ, false result4 = num1 != num4; // != 은 데이터타입까지 검사x, 10과 10이 다르냐? ㄴㄴ, false result5 = num1 !== num4; // !== 은 데이터타입까지 검사,.. 2022. 10. 28. return false로 안넘어가고 submit되는 경우 회원가입 시, 빈 데이터가 있을 경우 경고창이 뜨도록 하려고 한다 문제] 조건을 m_id == '' 두고 아이디값을 공백으로 두고 submit 시, return false에 의해 submit되지 않아야 하는데 submit이 되면서 redirect 되었고, db에 공백의 아이디,비번,.등의 회원정보가 등록되었다 (tbl 생성시 column을 not null로 넣었는데 어떻게 공백이 들어갔을까..?) 해결] 아이디 비밀번호 이름 function memberRegist() { let thisform = document.member_regist; let m_id = document.getElementById('m_id').value; let m_passwd = document.getElementById('m_p.. 2022. 3. 25. alert창 나타나게 하는법 js코드를 모아놓은 파일을 만들고 jsp 파일 맨 위에 script 태그 생성한 후 경로지정 코드 전문 제목 이름 내용 파일 javascript 코드 전문 function writeForm() { let thisform = document.writefrm; //thisform.method = "post"; // form태그 내에 method 지정해줘서 주석처리함 //thisform.action = "/board/insert"; // form태그 내에 action 지정해줘서 주석처리함 let id_subject = document.getElementById('id_subject').value; // 텍스트상자의 값 if (id_subject == '') { alert('제목을 입력하세요'); } else .. 2022. 3. 24. javascript void(0) 의미 기본적인 사용법 : a 태그에 onclick 사용하기 어떤 하나의 html 요소를 클릭하여 이벤트를 발생시켰을 경우, 자바스크립트로 어떠한 동작이 일으나게끔 컨트롤해야 할 때가 많이 있습니다. 특히, 태그를 이용한 하면 마우스를 가져다 올렸을 때에 페이지 이동을 하는 것을 쉽게 알게끔 해줄 수가 있죠. 이런 이유 때문에 자바스크립트의 이벤트 핸들러인 onclick 등을 지정/사용해서 명시적으로 클릭을 유도할 경우 상당히 많이 사용을 하게 되는데요~. 보통은 이 a 태그를 클릭하게 되면 그 속성 중에 하나인 href에 지정한 url로 페이지가 바뀌면서 이동을 하게 되죠. 그렇게 페이지가 바뀌면서 이동을 하지 않게 하고 싶다 할 때에 이 javascript void(0)을 사용하면 됩니다. 쉽게 말하면, a.. 2021. 12. 7. var, let, const 비교 (1) var, let는 변수를 선언하는 키워드이고, const는 상수를 선언하는 키워드이다. var, let은 변수선언 키워드 이므로 리터럴 값의 재할당이 가능하지만, const는 리터럴 값의 재할당이 불가능하다. 더욱이 const 키워드는 선언과 동시에 리터럴 값을 할당해 줘야 한다. var name = "hanumoka"; name = "김대중"; // var는 변수 선언 키워드이며 값 재할당이 가능하다. let age = "32"; age = "33"; // let역시 변수 선언 키워드이며 값 재할당이 가능하다. const PI = "3.14"; // const는 상수선언 키워드이며 값 재할당이 불가능 하다. 그리고 이렇게 선언과 동시에 값을 할당해야 한다. 블록(중괄호) 내부에 let, const 키워.. 2021. 12. 6. sort(function(a,b){return a-b}) 오름차순, 내림차순 compareFunction이 제공되지 않으면 요소를 문자열로 변환하고 유니 코드 코드 포인트 순서로 문자열을 비교하여 정렬됩니다. 예를 들어 "바나나"는 "체리"앞에옵니다. 숫자 정렬에서는 9가 80보다 앞에 오지만 숫자는 문자열로 변환되기 때문에 "80"은 유니 코드 순서에서 "9"앞에옵니다. compareFunction이 제공되면 배열 요소는 compare 함수의 반환 값에 따라 정렬됩니다. a와 b가 비교되는 두 요소라면, compareFunction(a, b)이 0보다 작은 경우 a를 b보다 낮은 색인으로 정렬합니다. 즉, a가 먼저옵니다. compareFunction(a, b)이 0을 반환하면 a와 b를 서로에 대해 변경하지 않고 모든 다른 요소에 대해 정렬합니다. 참고 : ECMAscript.. 2021. 12. 6. 자바스크립트 *소수점 연산이 항상 정확하지 않음 ex) let x = 0.2 + 0.1; document.getElementById("demo1").innerHTML = "0.2 + 0.1 = " + x; -> 0.30000000000000004 그래서 it helps to multiply and divide: let y = (0.2*10 + 0.1*10) / 10; document.getElementById("demo2").innerHTML = "0.2 + 0.1 = " + y; -> 0.3 *숫자 계산 let x = 10; let y = 20; let z = x + y; -> 30 ( 숫자 계산 ) *문자 계산 let x = "10"; let y = "20"; let z = x + y; -> 1020 ( 문자 그.. 2021. 12. 2. 이전 1 다음
