developer_note

반복문(Loop) 동일한 작업을 여러 번 반복할 때 사용합니다. 콘솔 창에 숫자를 1부터 5까지 찍으라고 가정한다면 아래와 같이 코드를 작성하면 됩니다. console.log(1); console.log(2); console.log(3); console.log(4); console.log(5); 하지만 여기서 1부터 500까지 혹은 1부터 50000까지 콘솔 창에 숫자를 찍어 달라고 하면 위와 같은 방식으로 코딩할 수는 없습니다. 이럴 때 반복문을 사용해서 코딩을 해보도로 하겠습니다. for for문을 이용하여 1부터 500까지 콘솔창에 표시하는 코드를 작성해보겠습니다. for(let i=1; i

논리 연산자 or A or B A와 B 둘중하나가 true일때 true를 반환 and A and B A와 B 둘다 true일때 true를 반환 ! A! A가 ture이면 false를 false이면 true를 반환 or는 첫 번째 조건이 true이면 나머지 조건은 확인하지 않습니다. A or B 에서 A가 true이면 B 조건식을 확인하지 않습니다. 동일하게 and는 첫 번째 조건식 false이면 나머지 조건은 확인하지 않습니다. 아래와 같은 조건이 있을때 앞부분의 조건에서 데이터를 많이 걸러낼수록 빠르게 데이터 처리를 할 수 있습니다. || (OR) let gender = "man"; let age = 15; // 남자이거나 나이가 20살이상인 사람 if(gender === "man" || age > 1..

비교 연산자 == : 동등 연산자 === : 일치 연산자 동등 연산자를 사용하여 아래 항목을 비교하면 true를 리턴합니다. console.log(1 == "1"); // true 숫자 1과 문자 1을 비교했을 때 true를 리턴하면 향후 프로그램이 오동작할 가능성이 있습니다. 코딩을 할 때는 프로그램의 동작을 예측해서 가장 정확한 코드를 짜주는 것이 좋습니다. 그러므로 동등 연사자보다는 일치 연산자 사용을 권장합니다. 조건문 조건은 문법은 다음과 같습니다. if(조건문){ 실행할 코드 } 예를 들어 19 세이하면 "청소년입니다."를 표시하는 코드를 작성해 보겠습니다. let age = 10; if(age

basic operator 나머지(%)는 쓰임 홀수, 짝수 구분 const num = 2; if(num % 2 == 0){ alert("짝수입니다."); }else{ alert("홀수입니다."); } 특정값 제한하기 4 이상의 수를 넘기면 안 됨 X % 4 = 0 ~ 3까지의 값만 리턴함 거듭제곱 const num = 2 ** 3; console.log(num); // 8 우선순위 * / > + - 연산자 줄이기 // 연산자 줄이기 let num = 5; num += 5; console.log(num); // 10 num -= 5; console.log(num); // 5 num *= 5; console.log(num); // 25; num /= 5; console.log(num); // 5 num %=..

Type Conversion String() > 문자형으로 변환 Number() > 숫자형으로 변환 Boolean() > 불린형으로 변환 형 변환이 필요한 이유 String + String = String Number + Number = Number String + Number = String 이런 경우 의도치 않은 동작이 발생합니다. 수학, 과학 점수를 입력받아 평균을 내는 프로그램을 만들어보겠습니다. const mathScore = prompt("수학 점수는?"); // 80 const engScore = prompt("영어 점수는?"); // 60 const result = (mathScore + engScore) / 2; console.log(result); // 4030 이렇게 값을 입력하면 전..

대화 상자 alert 알려줌 alert은 메시지를 보여줍니다. 확인 버튼을 누르면 닫힙니다. 사용자와 사용 작용하기보다 프로그램에서 일방적으로 알림을 표시할 때 사용합니다. alert("hello world"); prompt 입력 받음 사용자에게 어떤 메시지를 보여주고 어떤 값을 입력받는 필드 값을 제공합니다. const name = prompt("이름을 입력하세요."); alert("환영합니다, " + name + "님"); 백 틱(``) 방식 const name = prompt("이름을 입력하세요."); alert(`안녕하세요. ${name}님. 환영합니다.`); prompt에서 아무것도 입력하지 않고 확인을 누르면 빈 값("") 리턴, 취소를 누르면 null을 리턴합니다. const name = p..

실습 https://codepen.io 문자형(string) const name = "kim"; const age = 30; const name1 = "kim"; const name2 = "kim"; const name3 = `kim`; const message = "I'm a boy."; const message2 = 'I\'m a boy'; const message3 = `My name is ${name}`; const message4 = `나는 ${age+1}살 입니다.` console.log(message4); 숫자형(number) const age = 30; // 숫자형 Number const PI = 3.14; console.log(1 + 2); // 덧셈 : 3 console.log(10 -..

자바스크립트에서 변수를 선언할 때는 변하지 않는 값은 const, 변할 수 있는 값은 let으로 선언하세요. let으로 변수를 선언하고 같은 이름의 변수를 다시 선언하면 에러를 표시합니다. 이로써 의도치 않은 동작을 막을 수 있습니다. const는 상수를 선언할 때 사용하고 상수는 보통 대문자로 선언합니다. let let name = "kim"; let name = "park"; // 에러 발생 // Uncaught SyntaxError: Identifier 'name' has already been declared const const START_DATE = "2022-01-01";

javascript 코드로 동적 폼(form) 생성하기

전화번호 입력 시 input이 하나일 때, "-"를 자동 입력되는 소스를 찾다 보니 긴 게 많아서 regexp를 응용하여 한 줄짜리를 만들었습니다. 1. 실제로는 숫자가 아닌걸 제거 2. "-" 추가 3. 대시 중복("--")을 제거하는 3단계입니다) 0505 번호나, 15xx-xxxx처럼 1로 시작하는 번호, 02 서울지역번호 처리가 다 됩니다. (위키를 보고 했으니 국제번호 5자리 등을 빼고는 왠만하면 다 잘 될 겁니다.) onkeyup 이벤트에 넣으면 실시간으로 변경하실 수 있습니다. input의 class에 phoneNumber를 추가하시고 아래처럼 하시면 됩니다.. $(document).on("keyup", ".phoneNumber", function() { $(this).val( $(this)..