JavaScript

ProblemJSON 데이터를 만들던 중 유저 수만큼 for문을 돌며 객체를 배열에 담고 확인해보니 배열에는 모두 같은 값의 객체가 들어가있었다. 문제가 발생한 코드는 아래와 같다.var user = new Object();var arrUser = new Array();for (var i=0; i Cause객체의 값을 변경하면서 배열에 추가할 때, 동일한 값만 배열에 들어갔던 이유는 객체의 참조(reference) 때문!JS에서 객체는 참조타입이므로, 동일한 객체를 여러 번 배열에 추가하면 동일한 참조가 들어가게 된다. 따라서 배열 내 모든 요소가 동일한 값으로 들어갔던 것. Solution따라서 객체를 배열에 추가하기 전에 객체를 복사하여 새로운 참조를 생성시킨 후, 배열에 추가해야 한다.또는 객체를 ..

alert();는 너무 투박해! 학원에서 Servlet/JSP 프로젝트를 진행하며 각종 알람 메세지에 alter();를 사용했었습니다. 근데 alert창은 예쁘지도 않고 투박하고, 또 요즘 웹사이트에서는 alter창보다는 화면의 상/하단에서 알림창이 예쁘게 올라왔다 사라지곤하며 알려주곤하죠! 게다가 alert창은 엔터를 꼭 눌러줘야한다는 번거로운점까지 있습니다. Spring 프로젝트에서도 알람메세지나 필수 항목 입력 유효성검사에 대한 응답으로 alert창을 사용하였으나, 추후 개선사항을 반영하는 과정에서 alert를 대체할 예쁜 알람메세지 toastr 라이브러리를 알게되어 포스팅하고자합니다. 저는 toastr 라이브러리를 알게된 이후 현재 작업하는 토이프로젝트(은행 웹사이트 제작)의 알림창도 해당 라이브..

💡 JavaScript에서는 자료형을 명시적으로 표현이 불가능하다. number, string, boolean, object 변수 생성 → int num → number num → var num 반환값 선언 → 자료형 기재 불가능 배열 선언 → int[] nums → var nums ✓ Function 매개변수에는 var를 쓸 수 없음! 그냥 변수명만 사용해야 함! 형식 1) 매개변수가 있는 경우, function 생성 + 해당 function 호출 function m1() { console.log('m1'); } m1(); // m1 2) 매개변수가 없는 경우, function 생성 + 해당 function 호출(매개변수 입력) function m3(name, age) { console.log(name..

✓ JavaScript 자료형 1. number - 숫자형(정수, 실수) 2. string - 문자/문자열 3. boolean - 논리형 4. object - 객체형 - JavaScript에는 클래스가 없다. - 하지만 객체 개념은 있다. - JavaScript에는 이미 만들어진 클래스의 객체는 있다. → 개발자가 직접 클래스를 생성할 수 없다. - 자바 → 객체 지향 프로그래밍 언어 - 자바스크립트 → 객체 기반 프로그래밍 언어 5. 기타(상수) 1) null 2) undefined 3) NaN(not a number) ✓ 변수,상수(리터럴) var 변수명; JavaScript는 변수의 타입이 없다. 변수는 모든 자료형의 데이터를 저장할 수 있다.(like 자바의 Object 클래스 변수) 현재 변수나..

💡 Front-end 1. HTML - 골격 → 블럭 태그 - 내용물 → 인라인 태그 + 텍스트 2. CSS - 서식 3. JavaScript - 프로그래밍 기능 ✓ JavaScript란? 브라우저에서 동작하는 프로그래밍 언어 Netscape → 자사 브라우저에 동작하는 프로그래밍 언어 개발 초기의 JavaScript는 가볍다 + 쉽다 = 기능 적다 → 현재의 JavaScript는 어렵다. C 계열 언어 → 기본 구문이 자바와 유사하다. Java ← (무관계) → JavaScript 전혀 관계가 없다! JavaScript의 초창기 이름은 LiveScript → 그 당시 잘나가던 Java의 이름을 따와서 JavaScript로 명칭 변경(협약 했다고 함) 초반(1990년대): 폼태그 유효성 검사 + 링크 조..