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