반응형

프론트엔드 (Front-End) 17

[JavaScript] Daum 주소 검색 API 활용하기

Daum 주소 검색 API 활용하기 1. '주소 찾기' 버튼 클릭 2. 주소찾기 팝업창에서 자신이 찾고자 하는 주소 검색 및 선택 3. 선택된 주소 회원가입페이지 주소 필드에 입력 4. 상세 주소 입력 Daum 에서 제공하는 주소록 API https://postcode.map.daum.net/guide =>> 참고링크 - Key를 발급 받을 필요가 없습니다. - 사용량에 대한 제한이 없습니다. - 기업용이든 상업적 용도이든 상관없이 무료로 사용 가능합니다. - 기초구역번호가 발급된 도로명 주소, 영문 주소를 확인 가능합니다. - 행정안전부에서 제공하는 "도로명 주소" DB를 직접 업데이트 받고 있으므로 가장 최신의 데이터를 이용하실 수 있습니 다. - 하단 로고를 임의로 가릴 경우, 사용에 제약이 발생할..

[CSS] overflow 속성

overflow 속성 은 내용이 요소의 크기를 벗어났을 경우 어떻게 처리할지에 대한 css 속성이다. overflow: visible | hidden | scroll | auto | initial | inherit initial : 기본값으로 설정. visible : 박스를 넘어가도 보여준다. hidden : 박스를 넘어간 부분은 보이지 않는다. scroll : 박스를 넘어가든 넘어가지 않든 스크롤이 생긴다. auto : 박스를 넘어가지 않으면 스크롤바가 나오지 않고, 박스를 넘어갈 때에는 스크롤이 생긴다. inherit : 부모 요소의 속성값을 상속 받는다.

AJAX란? ( ajax 사용 방법 )

AJAX AJAX란? JavaScript의 라이브러리중 하나. Asynchronous Javascript And Xml(비동기식 자바스크립트와 xml)의 약자. 브라우저가 가지고있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로고침 안해도 페이지의 일부만을 위한 데이터를 로드하는 기법이다. JavaScript를 사용한 비동기 처리 통신 및 클라이언트와 서버간에 XML 데이터를 주고받는 기술 !! 파라미터들을 오브젝트 형식으로 받는다. type은 get이나 post 같은 HTTP Method. Url는 데이터를 받아올 페이지. (API 통신) Data는 요청시에 함께 보낼 파라미터. DataType은 받아올 데이터의 형식. Success는 성공시에 수..

Excel 구현 (.xlsx)

Excel 구현 (.xlsx) .xlsx 확장자로 엑셀파일을 뽑아내기 위해 Excel을 구현해보았다. 엑셀 확장자 ".xlsx"와 ".xls"의 차이점 1) ".xlsx"는 Excel2007 이후 형식으로 문서를 만든경우 생성되는 확장자 2) ".xls"는 Excel2003 이전 형식으로 문서를 만든경우 생성되는 확장자 Microsoft Word의 확장자 ".docx"와 ".doc" Microsoft PowerPoint의 ".pptx"와 ".ppt" import * as Xlsx from 'xlsx'; export default { methods: { downloadTableTemplate(headers, list) { return ` ${(() => { let str = ''; // eslint-dis..

반응형