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

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. 제목 See the Pen public.re.kr/177-1-01 by Lee Deokho (@duqe) on CodePen.">See the Pen public.re.kr/177-1-01 by Lee Deokho (@duqe) on CodePen.2. 텍스트 스타일 See the Pen public.re.kr/177-1-2 by Lee Deokho (@duqe) on CodePen.">See the Pen public.re.kr/177-1-2 by Lee Deokho (@duqe) on CodePen.3. 텍스트 인용 See the Pen public.re.kr/177-1-03 by Lee Deokho (@duqe) on CodePen.">See the Pen publi..

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..

개요 지난 2023년 2월 한국정보통신기술협회에서 최신 ICT용어와 시사상식으로 본 디지털 대전환 시대의 현재와 미래라는 주제로 '최신 ICT 시사상식 2023' 이라는 책을 펴 냈습니다. 책 머리말 중 일부에는 "복잡한 ICT 용어 개념을 쉽게 설명하고, 다양하게 사용되는 기준을 정립하고자 했습니다. 최근 2년간 언론과 산업계, 일상생활에서 주목받는 ICT키워드를 대상으로 했습니다. 발간 시점을 기준으로 최신 정보와 동향을 정리했습니다."라며 발간 취지가 설명되어 있습니다. 기사나 기고문을 작성하다 보면 순화되지 않은 정보기술 용어 사용에 난감한 경우가 많았었습니다. 게다가 정보기술 발전이 빠르다보니 정제되지 않은 새로운 기술용어가 인터넷에 범람하여 무분별하게 사용되고 있어 관련 지식을 어떻게 하면 체..

운용환경Windows11Photoshop CC개요Photoshop에서 업데이트 이후 화면 깜빡거리고 작업 영역이 검게 변하는 문제점 발견Photoshop 설정Photoshop 상담 메뉴 중 Edit - Preferences - Technology Previews 선택Older GPU mode (pre 2016) 체크확인 후 애플리케이션 재시작참고자료Adobe, "Photoshop에서 사진을 불러올 수 없습니다.", Adobe Support Community (2023.04.04. 확인)

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) 자..

1. Introduction1) 형식 선언블록 선언 선언 p{color:red;font-size:25px}선택자 속성 값 속성 값 2) 적용방법Cascading Style Sheets 2. Selector1) 기본선택자이름형식예제예제설명전체선택자**모든 요소타입선택자요소명p모든 p요소클래스 선택자요소명.클래스명p.introclass="intro"속성을 가진 모든 p요소.클래스명.introclass="intro"속성을 가진 요소아이디 선택자요소명#아이디명p#id1id="id1"속성을 가진 모든 p요소#아이디명#id1id="id1"속성을 가진 요소속성 선택자요소명[속성표현]p[속성표현]속성 표현에 해당하는 속성을 가진 모든 p요소요소명[속성명]a[target]target속성을 가진 모든 a..

1. 텍스트 표현1) br 요소Line Break2) p 요소Paragraph3) hr의미론적으로는 페이지 내에서 주제가 변경되는 콘텐츠를 구분할 때 사용4) h1~6제목5) pre요소애네 포함된 모든 텍스트는 고정폭으로 표시자동줄바꿈 미적용6) blockquote인용자동 들여쓰기cite 속성: 인용한 URL 지정7) 공백 및 특수문자문자이름표현(Entiti Name)코드표현(Entity Code)공백    << <>>> >&&& &""" "©©© ©→→→ →♡--♡☞--☞8) 글자 스타일물리적 스타일b: ..