Jeden Tag, aufrichtig und lustig.

form 폼은 사용자가 데이터를 입력할 수 있게 만든 것으로 '입력양식'이라고도 한다. 로그인창이나 검색창에서 찾아볼 수 있다. 폼의 동작 과정 폼의 동작과정은 다음과 같다. 1. 사용자가 데이터 입력 2.데이터 웹서버로 전송 3.데이터베이스에서 데이터 확인 4.결과 웹브라우저에 전송 폼을 만드는 태그이다. 사이에 여러 폼 요소를 넣는다. ex. 다양한 폼 요소 하나의 폼 안에서 구역을 구분하여 표시할 때 사용하는 태그다. 로 묶은 그룹에 제목을 붙이는 태그다. 태그와 같은 폼 요소에 레이블을 붙일 때 사용한다. *레이블이란 입력란 가까이에 붙여 놓은 텍스트이다. 레이블 사용하는 방법 1. 아이디(10자 이상) 2. 아이디(10자 이상) 두번째 방법은 태그와 태그가 떨어져 있어도 둘 사이를 쉽게 연결할 ..

splice 배열 내의 특정한 요소를 삭제하거나, 다른 요소로 대치하거나 새로운 요소를 추가할 때 사용하는 메소드다. splice(start,delete,item) 필요에 따라 인자를 최소1개만 사용 할 수 있다. 첫번째 인자 : 배열의 index의 시작점 두번째 인자 : 삭제할 요소의 개수 세번째 인자 이후 : 추가하고 싶은 요소 let num = [1,2,4,5,7]; num.splice(2,1,10); console.log(num); // [ 1, 2, 10, 5, 7 ] 댓글 삭제 기능을 구현할 때 splice 메서드를 많이 활용한다.

array (배열) 대괄호 두 개로 이루어져 있으며, 특정한 요소를 담는 데이터 타입이다. 여러개의 데이터를 한 곳에 저장할 수 있는 특징을 가지고 있으며, ex.kospi 지수 차트 데이터의 요소와 요소는 쉼표로 구분한다. myArray = [36,15,'kiwi',true] 배열의 요소에 접근하는 방법 myArray[0] * 배열의 요소에는 순서(index)가 존재 하며, index는 1이 아니라 0부터 시작한다. 배열의 요소를 수정하는 방법 myArray[2]= "watermelon"; 배열의 길이 구하는 방법 console.log(myArray.length); 배열의 요소 추가하는 방법 myArray.push("cherry"); *method : push 배열의 요소 삭제하는 방법 맨 끝의 요소 ..

논리 연산자는 조건문처럼 활용될 수 있고, 반복된 if문 작성이나 if문의 중첩을 줄일 수 있다. 논리연산자의 종류 1. || (or) console.log("사과" || "딸기" || "무화과"); // 사과 '사과'가 출력되는 이유는 ||(or)연산자는 왼쪽부터 평가를 시작해서 첫 번째 truthy 값을 찾아가기 때문이다. 만약 truthy 값이 없다면 마지막 값을 반환한다. 2. && (and) console.log("사과" && "딸기" && "무화과"); // 무화과 '무화과'가 출력되는 이유는 &&(and) 연산자는 왼쪽부터 평가를 시작하고, 첫 번째 falsy 값을 찾아가기 때문이다. 위의 코드의 연산중에서는 모든 값이 true이므로 마지막으로 평가한 값인 '무화과'가 출력된 것이다. 아래의..

조건문이란 조건에 따라 실행 여부가 결정되는 문이다. if문은 조건문의 유형 중에 하나이다. -> 중첩하여 if문을 사용하거나 and (&&)연산자를 활용 할 수 있다. 문제 영희는 친구와 게임을 하고 있습니다. 서로 돌아가며 랜덤으로 숫자를 하나 말하고 그게 3의 배수이면, 박수를 치고 아니면 그 숫자를 그대로 말하는 게임입니다. 입력으로 랜덤한 숫자 n이 주어집니다. 만약 그 수가 3의 배수라면 '짝'이라는 글자를, 3의 배수가 아니라면 n을 그대로 출력해 주세요. 입출력 입력 : 3 출력 : 짝 입력 : 2 출력 : 2 정답은 더보기에 있습니다. 더보기 const n = prompt ('숫자를 입력해주세요.') if (n%3 == 0){ console.log('짝'); }else { console...

비교연산자 값을 비교할 때 사용하는 연산자로는 여러개가 있다. 엄격연산일치 === Console.log(1+1===2) // true Console.log(1+1===3) // false Console.log(‘Coder’===’CODER’) // false (자바스크립트는 대소문자를 구분한다.) fullName === familyName + " " + "개발" 불일치연산자 !== 또는 || 그리고 && if (age > 65 || age < 21 && res === "한국") age가 65를 넘거나, age가 21보다 아래이면서 사는 곳은 한국이다. 위와 같이 조건을 해석할 수 있다. 왜냐하면,컴퓨터 언어는 왼쪽에서 부터 해석하기 때문이다. 개발자인 사람은 볼 때마다 헷갈리는 경우가 있으니 항상 괄호로..

Boolean True False 불리언은 참과 거짓을 판별할 때 사용하는 데이터 타입이다. Console.log(true) Console.log(false) 따옴표 없이도 true와 false는 콘솔로 찍을 수 있다.

function parameter function sayName(name){ console.log('Hello '+name) } sayName(luis) parameter(매개변수) : name parameter는 input같은 개념이라고 생각하면 된다. ⚠️ 주의 사항 함수 내부에서 인자로 받은 변수에 새로운 값을 넣으면 안 된다. //Example function alertSuccess(name) { let name = "wecode"; alert(name + "님 로그인 성공!"); } // 위와 같이 함수 내부에서 인자로 받은 변수(name)에 새로운 값("wecode")을 넣으면 안 됩니다! // 인자(parameter)에 실제로 어떤 데이터가 전달될지는 호출할 때 결정하는 것입니다. 아래를 확..

null & undefined 둘 다 자바스크립트의 데이터 타입이다. null '빈 값(blank)'을 의미하는 사용자가 준 value이다. let myFavoriteFood = null; // null undefined 선언은 됐지만 아직 value가 할당되지 않은 경우를 의미한다. let myFavoriteFood ; // undefined * console.log(null == undefined); // true console.log(null === undefined); // false 포괄적인 의미로 '값이 없다'는 점에서 null과 undefined가 비슷한 것 같지만 둘은 엄격하게는 같지 않다. 엄격일치연산(===)는 value뿐만 아니라 type도 같아야 true가 나온다. * console..

변수 이름을 정할 때, 아래와 같이 몇 가지 주의할 점이 있다. 1. 대소문자 구분 변수이름, 함수이름, 연산자 모두 대소문자를 구분한다. ex. myCandy과 MyCandy는 다른 변수이다. 2. 첫 번째 문자는 반드시 글자나 밑줄(_), 달러기호($)중 하나. 3. 두 번째 문자부터는 글자, 밑줄, 달러($), 숫자 중에서 자유롭게 사용 가능. 4. 변수이름, 함수이름 등 camelCase(카멜케이스) 방식으로 쓸 것. 5. snake_case 표현법도 있지만 잘 사용하지 않음 (변수이름에 -는 사용할 수 없으므로, _를 사용할 것) 6. 가독성 높은 변수이름으로 설정 1) 다른 개발자, 혹은 먼 훗날의 자기 자신이 이 코드를 쉽게 이해할 수 있도록 2) 커뮤니케이션에 들어갈 리소스를 줄일 수 있어..