계발하는 개발자

form태그 내부에 있는 input box에서 엔터 혹은 버튼 클릭을 할 경우 해당 form이 제출되며 자동 새로고침됩니다. 사용자가 입력한 정보를 받아오기 위해서는 새로고침을 방지할 필요가 있기에, 오늘은 이를 방지하는 방법에 관해 리뷰해보고자 합니다. 새로고침을 방지하기 위한 방법에는 여러가지가 있지만, 제 기준 가장 확실하다고 생각되는 방법 2가지를 정리하겠습니다. 1. event.preventDefault() 메서드 preventDefault() 하면 form 제출시 submit이벤트가 console창에 그대로 출력되어 유지된다. preventDefault() 안 하면 form 제출시 submit 결과가 console창에 출력되었다가 사라진다. 형태: function 함수명(event) { eve..

함수를 실행하고 결과값을 출력할 때 보통 console.log 명령을 하여 결과값을 출력하게 됩니다. 오늘은 흔히 사용하는 명령인 console.log 와 return 명령의 차이를 알아보는 시간을 가져보겠습니다! (먼저 위 차이에 대해 상세하게 설명해준 니꼬쌤 땡큐) 다음 player2라는 객체에 각각 plus, minus함수를 실행하기 위해 할당해줍니다. 비교를 위해 plus함수는 console.log 를 이용해 해당 매개변수의 값을 출력하도록 하고 minus함수는 return 키워드를 이용해 값을 출력하도록 명령했습니다. // plus, minus함수를 player2변수에 할당 const player2 = { name: "SJ", points: 100, plus: function (a,b) { co..

객체란 변수에 여러 데이터를 담을 수 있게 해주는 자바스크립트 자료형을 말합니다. 객체는 중괄호{ } 를 열었다 닫아줌으로써 표현할 수 있습니다. 객체 데이터는 { 키:값 } 으로 채울 수 있습니다. - - - - - 속성(property : 객체 데이터를 이루는 키:값을 '속성'이라 합니다. ) 객체를 보다 정확히 이해하기 위해 객체와 함께 참조자료형에 속하는 배열을 알 필요가 있습니다. // 국어, 영어, 수학, 과학 점수 let student1 = [90, 70, 80, 60]; console.log(student1[0]); // 국어 점수 console.log(student1[1]); // 영어 점수 console.log(student1[2]); // 수학 점수 위와 같은 코드블럭을 배열이라 하는..

자바스크립트에서 문자열이란 큰따옴표(" ")나 작은따옴표(' ')로 둘러쌓여진 값을 의미합니다. 주의할 점은 큰따옴표(" ")로 시작했으면 큰 따옴표로 마무리해줘야하고, 작은따옴표(' ')로 시작했으면 작은 따옴표로 마무리해줘야 합니다. (※ 작은따옴표&큰따옴표 혼용 불가합니다 - ex. "string') let str = "abc"; // 큰따옴표 let str2 = 'def'; // 작은따옴표 console.log(str, str2); 위 처럼 시작과 끝 따옴표를 일치시켜줘야 결과를 정상적으로 출력합니다. 여기서는 abc def 라는 값이 출력이 되겠네요 - - - 만약 내가 출력하고 싶은 문자열 안에 큰따옴표가 이미 들어있는 경우라면 어떨까요? l"m Fine Thank You! 이 경우 포함되어있..