진스

1 2 1 2 3 4 가입완료 신세계 님, shinsegae12 ID로 신세계포인트 통합 회원 가입이 완료되었습니다. 회원정보 휴대폰 번호 010-9876-5432 이메일 asdf1234@asdf.com 주소 04529 도로명: 서울 중구 남대문시장 10길2, 1(회현동1가) 지번: 서울 중구 회현동1가 204번지 MESA 1 광고 정보 수신동의 동의 이메일, APP PUSH 비동의 문자, DM, TM 신세계 님, 통합 ID로 더 다양한 서비스를 이용할 수 있습니다! 이마트 바로가기 [필수] 이마트 필수약관 내용보기 동의하기 신세계백화점 바로가기 [필수] 신세계백화점 필수약관 내용보기 동의하기 사이먼 바로가기 사이먼 이용약관 및 개인정보 수집·이용동의 내용을 확인하였으며, 아래 내용에 동의합니다. (주)..

출처 HTMLCollection과 NodeList 살펴보기 Ego sum operarius studens devsoyoung.github.io HTMLCollection과 NodeList 살펴보기 HTMLCollection과 NodeList는 DOM을 조작하다보면 종종 만나게 되는 컬렉션입니다. 둘 다 배열처럼 비슷하게 생겼지만 차이점을 가지고 있습니다. 각각 제공하는 메서드나 가지고 있는 노드의 타입이 다릅니다. 각각의 특징에 대해서 정리해봤습니다. HTMLCollection HTMLCollection은 문서 내에 순서대로 정렬된 노드의 컬렉션으로, 유사 배열입니다. HTMLCollection을 얻을 수 있는 간단한 방법은 HTML 엘리먼트의 children 프로퍼티에 접근하는 것입니다. console..

참고 Vue.js 개발 생산성을 높여주는 도구 3가지 뷰로 개발할 때 반복적인 코드 작성을 줄이고 코드 리뷰를 편하게 해주는 도구 알아보기 joshua1988.github.io Vue VSCode Snippets 마지막으로 살펴볼 도구는 Vue VSCode Snippets이라는 VSCode 확장 플러그인입니다. Vue의 코어팀 멤버이자 마이크로소프트웨어 개발자인 Sarah Drasner가 제작하였습니다. 개인적으로 자주 사용하는 스니펫은 vdata, vimport, vmethods 정도가 있습니다. 관심 있으신 분들은 아래 링크로 접속해서 살펴보세요.

참고 Vue.js 개발 생산성을 높여주는 도구 3가지 뷰로 개발할 때 반복적인 코드 작성을 줄이고 코드 리뷰를 편하게 해주는 도구 알아보기 joshua1988.github.io .eslintrc.js prettier 설정 내용까지 여기에 써줘서 eslint설정을 우선시해서 오류가 안남 (설정후 서버재가동) module.exports = { root: true, env: { node: true, }, extends: ["plugin:vue/essential", "eslint:recommended", "@vue/prettier"], parserOptions: { parser: "babel-eslint", }, rules: { 'prettier/prettier': [ 'error', // 아래 규칙들은 개인 ..

const people = [ {name:'사나',age:20,}, {name:'영희',age:21,}, {name:'철수',age:22,}, {name:'민정',age:24,} ] for for ( let i=0; i< people.length; i++){ console.log(people[i].name) } for in for ( let p of people){ console.log(p) } 구 최신 forEach 단순히 반복해줌 두번째 인자는 인덱스 people.forEach(function(person,index){ console.log(person,index) }) map 배열을 다른 배열로 재생산 const we = people.map(function(p){ return p.name //값을 ..

Array & Object 서로 구조가 비슷하지만 다르다. HTTP에서 메시지는 "문자열"로 전송이 되기 때문에 상대방에게 전송을 할 때 JSON.stringify() 메서드를 호출하여 JSON을 문자열로 만듭니다. 이 데이터를 받으면 다시 JSON으로 변환하기 위해 JSON.parese() 메서드를 호출하게 되고, 이 데이터를 JS Object의 값으로 할당하면 Object가 됩니다. const house ={ name:'이편한세상', year:1, palce:'서울' } json : 어떤 api에서 정보를 전송할때 많이 쓰이는 text파일 JSON.stringify() 메서드: JSON을 문자열로 만든다. const houseJSON= JSON.stringify(house) console.log(ho..

video 태그 video태그는 웹페이지에 영상파일을 재생할 때 사용합니다. 예전에는 웹페이지에 동영상을 재생하기 위해 외부 프로그램을 설치하는등 복잡한 과정이 필요했으나 지금은 video태그로 간단하게 이를 구현할 수 있습니다. video 태그 사용 방법 1 2 3 웹브라우저가 video태그를 지원하지 않을 때 표시할 문구 cs 비디오 태그는 여러 속성을 사용할 수 있습니다. video 태그에 사용하는 속성 src : 비디오 파일의 주소 controls : 컨트롤러 표시 autoplay : 자동 재생 loop : 반복 재생 width : 영상의 가로길이 height : 영상의 세로길이 muted : 음소거 예제를 통해 확인하겠습니다. 1. 123456 해당 브라우저는 video 태그를 지원하지 않습니다..

Scoped CSS | Vue Loader Scoped CSS When a tag has the scoped attribute, its CSS will apply to elements of the current component only. This is similar to the style encapsulation found in Shadow DOM. It comes with some caveats, but doesn't require any polyfills. It is achieved by u vue-loader.vuejs.org 또 한 이곳도 Scoped CSS, deep selector scoped, Child 컴포넌트의 영향 여부, **deep selector** velog.io Deep Sel..