728x90 javascript13 장바구니 상품삭제 Ajax 에러(해결)_(CSRF 토큰 관련) Spring Boot, Spring Security, JPA, MySQL을 활용하여 간단한 프로젝트를 진행하는 과정중 장바구니 상품 삭제에서 오류가 발생했다. @PostMapping("/delete") public String deleteCartItem(@RequestParam("cartNo") Integer cartNo, RedirectAttributes redirectAttributes) { try { System.out.println("cartNo: " + cartNo); cartService.removeCartItem(cartNo); redirectAttributes.addFlashAttribute("message", ".. 2025. 2. 5. 자바스크립트(JavaScript) JSON.stringify & JSON.parse JSON.stringify & JSON.parseJSON.stringify와 JSON.parse는 **JavaScript 객체(Object)**와 JSON 문자열(JSON String) 간의 변환을 수행하는 메서드입니다. 이 두 메서드는 데이터를 저장하거나 전송할 때 자주 사용됩니다. JSON.stringify 역할: JavaScript 객체를 JSON 문자열로 변환합니다.주요 사용 시점:데이터를 서버에 전송할 때데이터를 로컬 저장소에 저장할 때문법:value: 변환할 JavaScript 값(객체, 배열, 등등)replacer (선택): 변환 시 특정 속성을 포함하거나 제외하기 위한 함수 또는 배열space (선택): JSON 문자열의 들여쓰기를 위한 공백이나 탭 수JSON.stringify(value[.. 2025. 1. 24. 자바스크립트(JavaScript) 필터(filter) (chatGPT를 통한 정리내용) filter filter는 자바스크립트 배열(Array)의 내장 메서드 중 하나로, 배열에서 특정 조건을 만족하는 요소들만 추출하여 새로운 배열을 반환합니다. 원본 배열은 변경되지 않고, 조건을 만족하지 않는 요소들은 제외됩니다. filter 메서드의 특징콜백 함수 사용: filter는 콜백 함수를 사용하여 각 배열 요소를 조건에 따라 평가합니다.새로운 배열 반환: 조건을 만족하는 요소들만 포함된 새로운 배열을 반환합니다.원본 배열 변경 없음: filter는 원본 배열을 수정하지 않습니다.조건이 true인 요소만 포함: 콜백 함수에서 true를 반환하는 요소들만 최종 배열에 포함됩니다. filter 문법 callback각 배열 요소에 대해 실행할 함수입니다.element.. 2025. 1. 24. 자바스크립트 객체(JavaScript Object) (뤼튼을 통한 정리 내용입니다.) 자바스크립트에서 객체(Object)는 데이터와 기능을 함께 묶어 표현할 수 있는 중요한 데이터 구조입니다. 객체는 키-값 쌍으로 구성되어 있으며, 다양한 속성과 메서드를 가질 수 있습니다. 다음은 객체에 대한 설명과 사용 방법입니다.1. 객체의 정의객체(Object): 키-값 쌍으로 구성된 데이터 구조. 키는 문자열 또는 심볼이고, 값은 다양한 데이터 타입(문자열, 숫자, 배열, 다른 객체 등)을 가질 수 있습니다. 2. 객체 생성 방법리터럴 표기법:const person = { name: 'John', age: 30, isStudent: false};생성자 함수 사용:function Person(name, age) { this.name = name.. 2025. 1. 21. HTML 태그(tag)의 사용방법 HTML 문서는 기본적으로 수많은 태그(Tag)들로 이루어져 있다. 그리고 그 태그들은 모두 각각의 의미를 가지고있기 때문에, 문서 위치나 상황에 맞게끔 적절히 잘 사용을 해야한다. 물론 추후에 코드작성을 하고 실제로 웹페이지로 확인했을때 이 태그를 쓰나 저 태그를 쓰나 보여지는건 똑같을 수 있다. 하지만 초반에도 언급했듯이 HTML은 단순히 보여지는 웹페이지를 디자인 하기 위한 목적으로 사용하는것 아닌 엄연한 '문서'로써 웹표준 및 웹접근성을 준수하여 작성을 하여야 하기 때문에 태그의 종류를 바로 알고 바로 사용해야 한다. [태그(tag) 사용법] 기본적으로 태그는 꺽쇠를 사용하여 표현하고, 예외도 있지만 열고 다는 부분이 있다. - 여는부분 : - 닫는부분 : (태그 앞에 '/'가 추가됐다) 문단 위.. 2022. 7. 12. DOM(Document Object Model), BOM(Browser Object Model) 브라우저 객체 모델(BOM / Browser Object Model) - 브라우저에 접근할 수 있는 객체 모델이다 - BOM의 최상위 객체는 window이다 - window, navigator, history, location, document 등 문서 객체 모델(DOM / Document Object Model) - 문서에 접근할 수 있는 객체 모델이다 - DOM의 최상위 객체는 html이다 2022. 7. 12. 이전 1 2 3 다음 728x90
