공공기획 스튜디오 퍼블리크

1. Audio & Video File Control1.1. Play재생 메서드와 속성내용load() play() pause() canPlayType()브라우저에서 미디어 파일 지원 여부 반환. Value = probably(높은 지원), maybe(지원 가능), ""(미지원)autoplay controls플레이어 표시여부의 지정/반환currentSrc미디어 url 반환currentTime현재 재생위치를 초 단위로 지정/반환defaultMuted기본 음소거 상태의 지정/반환defaultPlaybackRate기본 재생속도 지정/반환duration총 재생시간을 초 단위로 반환ended재생이 종료되었는지를 반환error오류상태를 error.code 값으로 반환loop반복 재생여부의 지정/반환muted음소거 여..

1. Case StyleFuncVarIdClassCamel CaseCamel CaseCamel CaseKebab Case2. Naming Rule2.1. Function동사+목적어로 행위를 표현2~3단어 제한숫자는 영문2.2. Variable무엇을 담고 있는지를 파악하기 쉽게 명사형단일 문자는 반복문의 i, j 의 경우 외에는 사용 지양2.3. Id문서 내에서 유일하며 JS에서 직접제어하는 용도로 제한역할 중심의 명사형이나, 상태를 나타내는 형용사+명사형2.4. ClassCSS에서 제어하는 용도로 제한(시멘틱) 요소의 모양, 색깔, 폰트크기 등 대신 의미나 역할을 설명3. Prefixes3.1. Function단어용도의미예시get값을 가져올 때getUserDataset값을 설정할 때setVolumeupd..

1. Opening See the Pen public.re.kr/170-1-0-01 by Lee Deokho (@duqe) on CodePen.">See the Pen public.re.kr/170-1-0-01 by Lee Deokho (@duqe) on CodePen.2. Drawing2.1. Rectangle도형 메서드설명strokeRect(x, y, w, h)테두리만 있는 사각형fillRect(w, y, w, h)색이 채워진 사각형clearRect(x, y, w, h)레이어 마스크 느낌(?)이 아니고, 완전 clear임.strokeText() drawImage() See the Pen public.re.kr/165-2-1-01 by Lee Deokho (@duqe) on CodeP..

1. Document Object Model1.1. 개요 HTML DOM DOM 트리 See the Pen public.re.kr/52-1-1-01 by Lee Deokho (@duqe) on CodePen.">See the Pen public.re.kr/52-1-1-01 by Lee Deokho (@duqe) on CodePen.1.2. DOM 객체의 접근방법 See the Pen public.re.kr/52-1-2-01 by Lee Deokho (@duqe) on CodePen.">See the Pen public.re.kr/52-1-2-01 by Lee Deokho (@duqe) on CodePen. See the Pen public.re.kr/52-1-2-02 by L..

1. 개요/* 선언방식 */// 내부 스크립트 방식// 외부 스크립트 방식// 인라인 스크립트 방식 Click Me!2. 변수와 자료형1) 변수와 상수/* 식별자 규칙 */// 1. 첫문자는 알파벳, _, $로 시작// 2. 두번째 문자부터 알파벳, 숫자, _, $ 사용 가능// 3. 대소문자 구분// 4. 키워드 사용 불가// 5. 변수명에 camelCase 사용// 6. 명시적 변수선언 불필요/* 상수 */// 재지정불가, 블록안에서만 사용 See the Pen public.re.kr/56-2-1-01 by Lee Deokho (@duqe) on CodePen.">See the Pen public.re.kr/56-2-1-01 by Lee Deokho (@duqe) on CodePen.2) 자..