쿠키란? 쿠키, 스토리지 비교 쿠키 사용의 예시 /** * 쿠키 세팅 * @param {string} value 쿠키 저장할 name * @param {string | number} days 쿠키 저장 날짜 * @example * this._setCookie('레이어팝업123', 7); */ _setCookie(value, days){ const date = new Date(); date.setDate(date.getDate() + Number(days)); document.cookie = this.uniqueName + "=" + escape(value) + "; path=/; expires=" + date.toUTCString() + ";" } /** * 저장한 쿠키 가져오기 * @param {str..
<input> autocomplete Attribute , 자동 완성 기능에 대하여
이슈 이메일 input에 왜 핸드폰 번호가 뜨나요? 기본 특성 autocomplete는 아무것도 설정하지 않았을 때 기본 값은 on입니다. 적용 위치로는 form 전체에 할 수도 있고 input이나 textarea 등의 개별 위치가 될 수도 있습니다. name="" 값에 영향을 받습니다. 같은 name일 경우 동일한 값을 노출합니다. name 값은 어떻게 정하는가? 약속된 값이 있습니다.(브라우저 스펙 제한이 있을 수 있습니다) name 성명 family-name 성 given-name 이름 email 이메일 postal-code 우편 번호 address-level1 주소(도, 시) address-level2 주소(시, 군, 구) address-line1 상세주소1 address-line2 상세주소2 o..
e.target.dataset과 jQuery의 .data()의 결과 값은 다를 수 있다.
e.target.dataset과 jQuery의 .data()의 결과 값이 다르다? 어떻게 된일인지 파악해보자. 환경정보 -jQuery : https://code.jquery.com/jquery-3.3.1.min.js 요구사항 data-lang 속성의 값이 'ko'인 타겟을 클릭하면 data-lang 값이 en으로 변경된다. 이 때 변경된 data-lang의 값을 타겟 재 클릭 시 가져오기 이슈사항 vue.js 를 사용하여 동적으로 리스트 생성했고, 동적으로 생성하는 타겟을 클릭 -> 동적으로 타겟의 값이 수정됨 -> 타겟을 재 클릭 시 결과 값이 e.target.dataset과 .data();의 값이 상이함. e.target.dataset의 경우 내가 의도한대로 수정된 결과 값을 리턴한다. 하지만 $(e..
vue.js로 개발 후 firebase로 배포해보기
내가 기억하기 위해 작성 ㅎㅎㅎ(머쓱) 1.파이어베이스 콘솔 사이트로 이동해서 가입한다. https://console.firebase.google.com/ 2.새 프로젝트 추가 - 프로젝트명이 url에 표기됨 [ 대략적 예시) 프로젝트명.firebase.com 형식 ] 3.내 프로젝트로 가서 firebase CLI 설치 [cmd] npm install -g firebase-tools firebase login - 가입한 계정으로 로그인 4.내 프로젝트에서 init [cmd] firebase init 질문들이 나오는데 답변하면 된다. 대충.. - Are you ready to proceed?(Y/n) Y - Database, Hosting에서 스페이스 바 눌러서 체크하고 다 체크하면 엔터쳐서 다음 질문으로..
개발 버전표기 대략적으로 이해하기
버전정보를 잘.... 지키는 곳에서 업무를 해본적이 없어서 검색해서 찾은 정보들을 정리해보았다. 버전의 정의 효율적으로 상품을 관리하기 위한 목적 소프트웨어, 하드웨어 상품의 개발 단계 또는 순서를 번호로 표시한 것 버전에 따라 내용과 기능에 차이가 있으므로 명확히 표시 버전 표기의 이유 ? 버전만으로 핫픽스된 이슈, 스펙의 구현을 볼 수 있어서 대략적인 프로젝트의 히스토리를 확인할 수 있다. 또한 로그 정리에 도움이 된다. *핫픽스(Hotfix)란? 제품 사용 중에 발생하는 버그의 수정이나 취약점 보완, 또는 성능 향상을 위해 긴급히 배포되는 응급 패치 프로그램. *로그(log)란? 로그파일은 운영 체제나 소프트웨어가 실행 중 발생하는 이벤트등의 메세지를 기록한 파일이다. 라이브러리 예시 jQuery...
우리는 때때로 동적으로 컨텐츠를 조작하기도 합니다. 어떠한 컨텐츠를 넣고 싶다는 예제로 알아보도록하겠습니다. // HTML 안녕하시렵니까? 이럴때 사용하는 메서드는 append(), prepend(), appendTo(), prependTo(), after(), before()가 있습니다. 하나하나 알아보겠습니다. append() - 선택된 요소에 포함되며 마지막 위치에 새로운 요소로 추가된다. See the Pen LYPwWyX by leeyoonseo (@okayoon) on CodePen. prepend() - 선택된 요소에 포함되며 첫번째 위치에 새로운 요소로 추가된다. See the Pen XWrvMeE by leeyoonseo (@okayoon) on CodePen. appendTo() - a..