[JavaScript] 스크롤을 움직여도 window.scrollY가 변하지 않는 문제
·
Error Note
스크롤을 움직여도 window.scrollY가 0으로 고정되어 있는 문제가 있었다. 찾아보니 body에 height: 100%이 되어 있을 때 발생하는 문제라고 한다. 기존 csshtml,body {overflow-x: hidden; height: 100%;}수정body {overflow: hidden;}html {overflow-x: hidden;}height: 100%를 제거했더니 window.scrollY는 측정되는데 스크롤바가 2개가 생기는 문제가 있어서body는 overflow: hidden로 수직, 수평 스크롤바가 둘 다 보이지 않게 처리해서 해결했다.
[Javascript] 스크롤 이벤트가 인식되지 않는 문제
·
Error Note
무한 스크롤 처리를 하려는데 스크롤 이벤트가 인식되지 않는 문제가 있었다. 기존 코드window.addEventListener('scroll', function() { console.log('test');});해결3번째 인자로 true를 추가해주니 정상적으로 작동했다.window.addEventListener('scroll', function() { console.log('test');}, true); # addEventListener의 세 번째 인자1) true   - 이벤트 리스너가 캡처링 단계에서 호출됨  - 이벤트가 하위 요소에 도달하기 전에 해당 이벤트를 가로채야 할 때2) false (기본값)  - 이벤트 리스너가 버블링 단계에서 호출됨 #  캡처링  - 이벤트가 발생한 요소의 상위 요소에서부..
[Vue.js] 데이터를 불러올 때 '&'가 '&amp'로 출력되는 문제
·
Error Note
기존 코드 {{ brandInfo.master_category_desc }} - {{ brandInfo.category_desc }} DB에서 데이터를 불러와서 vue.js로 출력하려고 할 때 '&'가 '&'로 출력되는 문제가 있었다.'&'는 '&' 문자의 HTML 엔티티 코드 (특수 문자를 표현하는 문자열)인데, 특정 상황에서 '&' 문자가 엔티티 코드로 변환되어 나타나면서 발생하는 문제라고 한다.  해결 'v-html'은 문자열 안에 포함된 HTML 엔티티 코드를 실제 HTML 요소나 문자로 해석하여 렌더링한다.이를 통해 해당 문제를 해결할 수 있었다.
[MSSQL] DB에 중문 데이터 삽입 시 글자가 깨지는 문제
·
Error Note
중문 사이트를 작업하던 중에, MSSQL DB에 중문 데이터를 삽입했을 때 글자가 ???로 깨져서 들어가는 문제가 있었다. 해결방법1. 해당 컬럼의 데이터 타입이 NVARCHAR인지 확인하기  - 만약 VARCHAR라면 NVARCHAR로 변경해주어야 함 2. INSERT 문 작성 시 중문 문자열 앞에 N을 덧붙이기-- INSERT문 예시INSERT INTO 테이블명 (컬럼명)VALUES (N'瑞鍈');-- 프로시저 예시EXEC 프로시저명 @변수명=N?;
[Spring Boot] MyBatis xml 파일에서 WHERE ... LIKE 문 사용하기
·
Error Note
에러 코드org.mybatis.spring.MyBatisSystemExceptionnested exception is org.apache.ibatis.type.TypeException: Could not set parameters for mapping:  해결#  MySQLWHERE 컬럼명 LIKE CONCAT('%', #{name}, '%')위와 같이 사용해야 정상적으로 작동한다.