✅️ 알고나면 쓸모있는 신박한 잡기술💡서비스에서 회원에게 이메일을 보낼 경우 메일 도메인에 따라 유의사항이 있음 1. 이메일 읽음 여부 확인 방법이메일 템플릿 안에 특정 이미지를 삽입하고,이메일이 열리고 숨겨둔 이미지를 서버로 요청하면 트리거하여 DB에 컬럼값을 변경하도록 하여 읽음 여부를 체크함 하지만 이러한 방식은 pop3 설정을 통해 막을 수 있기 때문에 신뢰도가 떨어진다.(신뢰도가 떨어지므로 되도록이면 이메일 확인 체크는 기능상 불가능하다고 어필하는것이 좋음) 2. Template 마크업 시 유의사항이메일 템플릿은 HTML, Script 삽입으로 인한 XSS 공격에 대비하여 서비스 자체적으로 HTML 태그 및 CSS Property를 치환시키기 때문에 일반적인 HTML 구조로 만들면 이메일을 열..

✅️ 알고나면 쓸모있는 신박한 잡기술 💡Blob(Binary Large Object) 이란?이미지, 사운드, 비디오 같은 멀티미디어 데이터를 다루기 위한 Binary 객체 Javascript에서 이미지, 동영상, 압축 파일의 업로드, 다운로드에 Blob이 사용된다 1. 업로드input [type="file"]으로 file객체를 formData에 담아 API를 통해 DB에 저장// HTML// Javascript const file = window.querySelector('.file_upload').file.files[0]... const data = new FormData()data.append(file)axios({ headers: { 'Content-Type': 'multipart/form..

✅️ 알고나면 쓸모있는 신박한 잡기술[AS-IS] 조건식 사용const isFavoriteMeal = (mealName) => { return mealName === '스테이크' || mealName === '초밥' || mealName === '회'}console.log(isFavoriteMeal('스테이크')) // trueconsole.log(isFavoriteMeal('초밥')) // false [TO-BE] includes 사용const favoriteMealList = ['스테이크', '초밥', '회']const isFavoriteMeal = (mealName) => { return favoriteMealList.includes(mealName)}console.log(isFavoriteMe..