무한 스크롤 처리를 하려는데 스크롤 이벤트가 인식되지 않는 문제가 있었다. 기존 코드window.addEventListener('scroll', function() { console.log('test');});해결3번째 인자로 true를 추가해주니 정상적으로 작동했다.window.addEventListener('scroll', function() { console.log('test');}, true); # addEventListener의 세 번째 인자1) true   - 이벤트 리스너가 캡처링 단계에서 호출됨  - 이벤트가 하위 요소에 도달하기 전에 해당 이벤트를 가로채야 할 때2) false (기본값)  - 이벤트 리스너가 버블링 단계에서 호출됨 #  캡처링  - 이벤트가 발생한 요소의 상위 요소에서부..

v-showv-show를 사용하면 조건의 true/false와 관계 없이 해당 요소가 렌더링되지만,false일 경우 'display:none'으로 설정되어 숨김 처리되고, 다시 true로 변경된다면 'display:none'이 해제된다. v-ifv-if를 사용하면 조건이 true인 경우에만 해당 요소가 렌더링된다.만약 조건식의 결과가 false였다가 다시 true로 변경되면 해당 요소를 재렌더링하는 방식이다.홈페이지 →인스타그램 →  따라서, 조건식의 결과가 변경될 가능성이 있는 경우에는 v-if보다는 v-show를 사용하는 것이 좋다.

Vue.js는 프로젝트의 특정 영역에만 적용해서 사용할 수도 있다는 장점이 있다.이번에 프론트 리뉴얼 작업을 하게 되었는데, 이번 기회에 Vue.js를 연습해보면 좋을 것 같아서 기존 프로젝트에 Vue.js 3를 추가했다.  {{ var1 }}

기존 코드 {{ brandInfo.master_category_desc }} - {{ brandInfo.category_desc }} DB에서 데이터를 불러와서 vue.js로 출력하려고 할 때 '&'가 '&'로 출력되는 문제가 있었다.'&'는 '&' 문자의 HTML 엔티티 코드 (특수 문자를 표현하는 문자열)인데, 특정 상황에서 '&' 문자가 엔티티 코드로 변환되어 나타나면서 발생하는 문제라고 한다.  해결 'v-html'은 문자열 안에 포함된 HTML 엔티티 코드를 실제 HTML 요소나 문자로 해석하여 렌더링한다.이를 통해 해당 문제를 해결할 수 있었다.

구글 스프레드시트 신규 행 추가 ➡️ 지메일 발송   * 기존에 입력되어 있는 데이터에 대해서도 메일 발송 가능* 여러 명에게 동일한 형태의 메일을 발송해야 할 때 유용 1. 신규 Zap 생성하기 2. Trigger 설정하기1) Google Sheets 2) Event - New Spreadsheet Row (신규 행 추가 시) 3) Account - 구글 계정 선택 4) Trigger - 스프레드시트, 워크시트 선택  3. Action 설정하기1) Gmail 선택 2) Event - Send Email (메일 발송) 3) Account - 메일을 발송할 구글 계정 선택 # 신규 데이터에서 값 가져오기 # 작성 예시 4. 테스트 후 Publish  기존 데이터에도 메일 발송하기1. Transfer exi..