I AM Seung Hyeon

document.addEventListener('DOMContentLoaded', () => { document.querySelector('.term.year').click(); document.querySelector('.search').click();} ); 페이지가 로드될 때 document.querySelector('.term.year').click()과 document.querySelector('.search').click()이 자동으로 실행되도록 하려면, DOMContentLoaded 이벤트 리스너 내에서 해당 코드를 추가하면 된다이렇게 하면 페이지가 로드될 때 자동으로 두 버튼이 클릭된다!

[ERROR] 24-12-04 15:07:02 [PaymentServiceImpl:169] - 결제완료 데이터 조회에 실패했습니다. org.apache.ibatis.binding.BindingException: Mapper method 'kr.co.sonystore.mappers.PaymentMapper.selectCountPayComplete' attempted to return null from a method with a primitive return type (int). /**     * 결제완료된 데이터를 조회한다     * @param input - 조회할 결제내역 정보에 대한 모델 객체     * @return 조회된 데이터 수     */    @Select(        "SELECT C..

@ResponseBody 애노테이션은 Spring MVC에서 컨트롤러 메서드가 반환하는 값을 HTTP 응답 본문으로 직접 변환하여 클라이언트에게 전송할 때 사용한다 주로 RESTful 웹 서비스에서 JSON 또는 XML 형식의 데이터를 반환할 때 사용된다@ResponseBody를 사용하면, 반환된 객체가 JSON 또는 XML 형식으로 변환되어 HTTP 응답 본문에 포함된다.  @RestController 애노테이션은 @Controller와 @ResponseBody를 결합한 것이다따라서 @RestController를 사용하면 메서드에 @ResponseBody를 명시적으로 추가하지 않아도 된다

Visual Studio Code 에서 >  텍스트 드래그를 하고>  명령어 단축키 Ctrl + Shift + P  >  snake  |  pascal  |  camel>  명령어 치면  >  케이스를 자동으로 변경해준다

innerHTMLElement 속성으로 element 내에 포함된 HTML 또는 XML 마크업을 가져오거나 태그와 함께 입력해 내용을 직접 설정할 수 있다document.documentElement.innerHTML = "innerHTML"document.documentElement.innerHTML = "innerHTML"  innerTextElement 속성으로 element 내에서 사용자에게 보여지는 text 값들을 가져오거나 설정할 수 있다document.documentElement.innerText = "innerText"  textContentNode속성으로  나  태그에 상관없이 해당 노드가 가지고 있는 텍스트 값을 모두 읽어온다             refer tohttps://velog..

vs code extension  설치 후 좌측에 아이콘이 생긴다  사용하는 DB 선택 입력 후, 우측 하단의 TEST CONNECTION 누르면 패스워드를 압력하라고 한다  패스워드  입력 후,  좌측 하단의 SAVE CONNECTION 클릭하면  완료! 좌측에 새로운 CONNECTION을 확인할 수 있다

https://www.heidisql.com/download.php Download HeidiSQLDownload HeidiSQL 12.8, released on 11 Jul 2024 Installer, 32/64 bit combined ≃ Portable version (zipped): 32 bit ≃ 64 bit ≃ Stable link to latest portable version: 32 bit 64 bit Sourcecode Previous releases v12.7 (revision 6850) from 05 May 2024: 32www.heidisql.com 설치 후좌측 하단 신규 클릭  사용자, 암호 입력후,  좌측하단의 저장 클릭 새로 만든 세션을 클릭, 하단의 열기 버튼 누르면 끝!

쇼핑몰 - 회원의 최근 배송지 목록 조회하기 ⬇️ payments 테이블의 데이터 ⬇️ SQLSELECT DISTINCT receivername, receiverphone, postcode, addr1, addr2 FROM paymentsWHERE memberid = 2ORDER BY date DESCLIMIT 5; ⬇️ Error[ERROR] 24-11-28 20:05:03 [sqlonly:144] - 1. PreparedStatement.execute() SELECT DISTINCT receivername, receiverphone, postcode, addr1, addr2 FROM payments WHERE memberid = 2 AND paycheck = 'Y'ORDER BY date DESC L..

cart.html.. 선택 삭제 ...   ()   axios.delete 요청에서 배열을 쿼리 매개변수로 전달할 때, Spring MVC에서 이를 올바르게 처리하기 위해서는 배열의 각 요소를 개별적으로 쿼리 매개변수로 전달해야 한다이를 위해 paramsSerializer를 사용하여 쿼리 매개변수를 올바르게 직렬화 할 수 있다/* = = = = = 다중 상품 삭제 = = = = = */document.querySelector('.button_del_checked_ite..

새로운 PC나 초기화 혹은 윈도우 재설치시 윈도우11은 마이크로소프트 로그인을 하지 않으면 진행이 안된다. 로그인 없이 로컬 계정을 쉽게 만들 수 있다 로그인 아이디 적는 곳에 "microsoft"를 입력해 주고다음으로 진행하면 암호 입력이 나타나는데, 이 때 아무것이나 입력하여 로그인을 누른다. 이렇게 하면 오류가 발생했다고 뜨며 보호차원에서 계정을 일시적으로 잠근다는 문구가 뜨지만 계속 다음으로 진행한다. 그럼 바로 로컬계정을 만들 수 있는 화면이 나온다.   별도 암호 설정을 하지 않아 부팅 시 바로 윈도우 화면으로 진입해 빠르게 사용할 수 있다

[WARN ] 24-11-26 20:36:43 [DefaultHandlerExceptionResolver:247] - Resolved [org.springframework.web.bind.MissingServletRequestParameterException: Required request parameter 'cartid' for method parameter type int is not present] RestController에서 cartid 요청 파라미터가 누락되었다@RequestParam 어노테이션을 사용하여 cartid 파라미터를 받아야 하는데, 해당 파라미터가 요청에 포함되지 않았기 때문에 발생한 에러이다 문제 원인 요청 파라미터 누락 => 클라이언트에서 서버로 요청을 보낼 때 cartid 파..

Thymeleaf 템플릿 엔진을 사용하여 숫자를 형식화하고 HTML 요소에 값을 삽입하는 구문이 구문은 cart.price 값을 천 단위 구분 기호(쉼표)를 사용하여 형식화하고,그 값을 요소의 텍스트로 설정한다 Thymeleaf 표현식#numbers는 Thymeleaf의 유틸리티 객체로, 숫자 형식화를 위한 메서드를 제공한다formatInteger 메서드는 정수를 형식화한다첫 번째 인수: 형식화할 숫자 값 (cart.price). 두 번째 인수: 최소 자릿수 (1). 세 번째 인수: 천 단위 구분 기호 ('COMMA').

org.mybatis.spring.MyBatisSystemException at org.mybatis.spring.MyBatisExceptionTranslator.translateExceptionIfPossible(MyBatisExceptionTranslator.java:97) Caused by: org.apache.ibatis.reflection.ReflectionException: Could not set property 'filepath' of 'class kr.co.sonystore.models.Cart' with value '/products/camera1/clr1_0.png' Cause: org.apache.ibatis.reflection.ReflectionException: There is ..

application.properties 와 MyWebConfig.java  설정 설명  application.properties # 업로드 된 파일이 저장될 폴더 경로 ("/"로 끝나면 안됨)# => 이 경로가 프로젝트 폴더 안에 존재하면 안됨# [mac, linux 용]# upload.dir=/Users/hyeon/upload# [widows 용] => 드라이브 문자열 앞에 "/" 적용 필요upload.dir=/C:/HYEON/upload# 업로드 된 파일이 노출될 URL 경로 ("/" 로 끝나면 안됨)# => "http://localhost:8080/files" 를 의미# => "http://localhost:8080/files" 가 "upload.dir"에 명시한 폴더를 의미upload.url=/..

코드 분석회원관리 - 회원가입부분  파일업로드 🫛 RestController 🫛 업로드 받기  UploadItem uploadItem = null;uploadItem = fileHelper.saveMultipartFile(photo);  >>> FileHelper 🗂️ 🗂️ 파일의 원본 이름 추출String originName = multipartFile.getOriginalFilename();ex)  originName = imgname.png 🗂️ 업로드 된 파일이 저장될 폴더의 이름을 "년/월/일" 형식으로 생성  Calendar c = Calendar.getInstance();String targetDir = String.format("%s/%04d/%02d/%02d", uploadDir..

구글 크롬  /  크롬 확장 프로그램2024.09.05 - [IT/IT] - Chrome 확장 프로그램반디집 Visual Studio Code2024.10.05 - [IT/VS Code] - Visual Studio Code 설치 및 기본설정Github2024.08.03 - [IT/IT] - GitHubNode.js2024.08.23 - [IT/JavaScript] - Node.jsJDK2024.09.10 - [IT/JAVA] - JDK 설치Maven2024.09.27 - [IT/JAVA] - Gson(Maven)Gradle2024.09.30 - [IT/JAVA] - Lombok (Gradle)MySQL Database 2024.10.02 - [IT/Database] - MySQL Database 구축하..

- MySQL은 Visual C++ 재배포 가능 도구에 의존한다https://support.microsoft.com/ko-kr/help/2977003/the-latest-supported-visual-c-downloads통합버전 내려받아 설치 - Visual C++ 재배포 가능 패키지는 Microsoft C 및 C++(MSVC) 런타임 라이브러리를 설치합니다. - Microsoft C 및 C++ 도구를 사용하여 빌드된 많은 애플리케이션에 이러한 라이브러리가 필요합니다. - 앱이 해당 라이브러리를 사용하는 경우 앱을 설치하기 전에 Microsoft Visual C++ 재배포 가능 패키지를 대상 시스템에 설치해야 합니다. - 재배포 가능 패키지 아키텍처는 앱의 대상 아키텍처와 일치해야 합니다. - 재배포 가..

1) Node.js 설치확인node --version  2) yarn- 반드시 Node.js가 설치된 상태에서 진행npm install -g yarn  3) visual studio code   도움되는 extensionColor Highlight색상 코드 값을 실제 그 색상으로 강조한다ESLintJavascript 구문 검사 기능 터미널에서 npm install -g eslint 수행 필요.Image preview이미지 파일을 소스코드 줄번호 옆에 미리보기 표시함npm Intellisenseimport 할 모듈의 이름이나 경로에 대한 자동완성 제공Prettier - Code formatter코드의 줄바꿈, 들여쓰기등을 자동으로 정렬한다. 사용방법: Ctrl+Shift+P > Format Document..

Uncaught (in promise) ReferenceError: utilHelper is not defined    at HTMLFormElement. (out:42:17) UtilHelper.js 참조문을 넣지 않았다.....ㅎ너무 어이없는 실수!Uncaught (in promise) ReferenceError: Formdata is not defined    at HTMLFormElement. (out:58:79) const data = await axiosHelper.delete("[[@{/api/account/out}]]", new Formdata(current));d의 대소문자 오타!!

MySQL테이블 삭제DROP TABLE 테이블이름;테이블 구조 변경ALTER TABLE 테이블이름 명령어;명령어 설명RENAME테이블 이름 변경ADD컬럼이나 제약조건 추가    (AFTER 옵션)CHANGE컬럼 수정DROP컬럼이나 제약조건 삭제참조관계 데이터베이스 백업 / 복구 - 명령프롬프트에서 MySQL의 실행파일이 위치하는 경로로 이동한 후에 수행해야 한다 백업mysqldump -u계정아이디 -p 백업할DB이름 > 백업파일경로 복구mysql -u계정아이디 -p 복구할DB이름   ex )myschool 데이터베이스를 “C:\backup\myschool-dump.sql”로 백업하기mysqldump -uroot -p myschool > c:\backup\myschool-backup.sql- backup ..