본문 바로가기

JS5

[웹 백엔드] 클라이언트로부터 온 중복된 데이터 방지 let processedData = []; app.post("/calc", (req, res) => { // 클라이언트로부터 받은 데이터 const clientData = req.body; // 동일한 데이터가 이미 처리되었는지 확인 const isDuplicate = processedData.some((data) => { return JSON.stringify(data) === JSON.stringify(clientData); }); if (!isDuplicate) { // 중복된 데이터가 아닌 경우에만 실행 const clientDataWithDate = { ...clientData, date : new Date().toISOString().slice(0, -5) }; console.log(JSON... 2023. 5. 16.
[JS] JavaScript 기초 2 (변수와 상수, 연산자) 변수 자바스크립트 데이터 저장 공간이다. 변수 선언 변수 이름을 정하고, 저장 공간 할당 'var' 키워드로 선언 var 없이 선언 age가 이미 선언된 변수이면, 존재하는 age에 21 저장한다. 자바스크립트에는 변수 타입이 없고, 변수에 저장되는 값에 대한 제약 또한 없다. 지역변수와 전역변수 지역변수는 함수 내에 var 키워드로 선언할 수 있고, 선언된 함수 내에서만 사용 가능하다. 전역변수는 함수 밖에 선언되거나 var 키워드 없이 선언된 변수로 프로그램 전역에서 사용 가능하다. var x; // 전역변수 지역 변수와 전역 변수의 이름이 같을 땐 'this'를 사용한다. 전역 변수에 접근하고자 할 때 : this.전역변수명 쉽게 말해 this는 지금 현재 위치한 곳의 부모를 지칭한다. functi.. 2023. 1. 2.
[JS] JavaScript 기초 사용 방법 (식별자, 문장, 주석, 데이터 타입) C와 거의 유사한 구조를 갖고 있는 JS의 기초 사용 방법을 알아보자. 식별자 자바스크립트 프로그램의 변수, 상수(리터럴), 함수의 이름 식별자 만드는 규칙 첫 번째 문자 : 알파벳(A-Z, a-z), 언더스코어(_), $ 문자만 사용 가능하다. 두 번째 이상 문자 : 알파벳, 언더스코어(_), 0-9, $ 사용 가능하다. 대소문자는 구분되어 다루어진다. 예를 들어 'CellPhone'과 'cellphone'은 다른 식별자이다. C처럼 자바스크립트의 예약어 사용 불가하다. ex) if, false, null, for 등 식별자 사용 사례 문장 자바스크립트 프로그램의 기본 단위는 문장을 구분하기 위해 세미콜론을 사용한다. 주석문 C와 똑같다. 자바스크립트 언어에서 다루는 데이터 종류 숫자 타입 : 정수, .. 2022. 11. 7.
[JS] JavaScript의 개념과 기초 객체 기반 언어인 JS를 배워보자. 객체의 개념 현실 세계는 객체들의 집합이다. 사람, 휴대폰, 자동차 등 객체는 자신만의 고유한 구성 속성을 가지고 있다. 예를 들어, 자동차 : 사람 : 은행 계좌 : Javascript 1995년 넷스케이프 개발 Netscape Navigator 2.0 브라우저에 최초 탑재. 웹 프로그래밍 개념 창시 특징 -HTML 문서에 내장 -스크립트 언어 -인터프리터 실행(컴파일 필요 없음) -C언어 구조 차용 웹페이지에서 JS의 역할 사용자의 입력 및 계산 마우스와 키보드 입력은 오직 자바스크립트로만 가능하다. - 웹 페이지 내용 및 모양의 동적 제어 - HTML 태그의 속성, 콘텐츠, CSS 프로퍼티 값 동적 변경 - 브라우저 제어 - 브라우저 윈도우 크기와 모양 제어 - .. 2022. 10. 31.
[JS] 함수 내부에 외부 변수 값 전달하기 onclick 이벤트를 하나씩 모두 선언하면 복잡하니 한 번에 반복문으로 묶어주려다가 작성한 코드이다. //post store click event var store = document.querySelectorAll(".store"); for ( var i = 0; i < store.length; i++ ){ store[i].onclick = function() { store[i].src = "img/stored.png"; } } 문제가 없어 보이고 작동될 것 같은데 왜 안되는지 모르겠다. 함수 내부 store[i].src 줄에서 오류가 발생한다. 콘솔 창에는 Uncaught TypeError: Cannot set properties of undefined (setting 'src') 라고 떴다. 위 코.. 2022. 7. 24.

티스토리툴바