본문 바로가기

반응형

전체 글

(127)
대만관광청 홈페이지 반응형 제작 보호되어 있는 글입니다.
getElementsByClassName, querySelectorAll 차이점! 우선, 결과만 보자면 querySelectorAll 은 NodeList 객체반환 getElementsByClassName 은 HTMLCollection 객체반환 둘다, 유사배열이다. 예를 들어보자면! 가 나 다 라 마 위 코드에 querySelector를 사용해 '바'가 담긴 li를 추가해보자! const ul = document.querySelector('ul'); const li = document.querySelectorAll('li'); let new_item = document.createElement('li'); new_item.textContent = '바'; ul.appendChild(new_item); console.log(li) //[li, li, li, li, li]new_item이 ..
세이브존 로또 이벤트 제작 보호되어 있는 글입니다.
HTML 이메일 템플릿 제작! 신규 세팅 시 주의사항! 1. 아래 태그로 시작! 2. css를 inline 으로 작성! (로드하지말고 태그에 작성) ※ Tip 더보기 body에 margin, padding: 0으로 설정 body 태그의 스타일은 어차피 적용되지 않기 때문에 이렇게 하면 이메일에서 진짜 body 태그처럼 동작함! 만약, 이메일의 body에 배경색을 입히고 싶다? -> 아래 테이블에 관련 코드 작성! Hello! Tip: 모든 테이블 속성에 border="1"을 작성하고 작업! 작업을 진행하면서 레이아웃 윤곽을 알 수 있음! 마지막에 치환 기능으로 이 속성 삭제! 여기서 테이블 너비를 최대 600px 안으로 설정하는게 좋음! (이메일의 가장 안전한 최대 너비) border-collapse 값을 collapse로 지정하는 ..
세이브존 룰렛, 스크레치 이벤트 보호되어 있는 글입니다.
API 간단한 서버 만들기! API를 배웠는데 작업 할 때 외에는 따로 연습 할 방도가 없어 구글링 했더니 JSONPlaceholder가 두둥! 1. Node.js 설치! https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. 서버 설치! npm install -g json-server 3. 서버 실행 json-server --watch db.json db.json을 DB로 삼아 서버를 실행한다는 의미인데 db.json으로 로딩 했을 때 파일이 없을 경우 새로 생성해준다. 또 Json으로 된 리소스들이 주어진다. 4. localhost:3000으로 접속! ※ 데이터 추가! 공식사..
자주 사용하는 TweenMax method 보호되어 있는 글입니다.
롯데슈퍼 바코드 쿠폰 보호되어 있는 글입니다.

반응형