본문 바로가기

분류 전체보기86

인터넷 프로그래밍 #3-2 멀티미디어 태그 인터넷 프로그래밍 3-2 멀티미디어 태그 단원 목표 1. 오디오 태그 사용법에 대해 설명하기 2. 비디오 태그 사용법에 대해 설명하기 3. HTML에서의 Color 사용법에 대해 설명하기 오디오태그 기본형 오디오파일형식 1. mp3 - MPEG-1, 오디오 Layer-3, 압축파일 2. wav - MS와 IBM 이 개발한 비압축 파일 3. ogg - mp3 대안으로 개발한 스트리밍 방식 파일 오디오 태그 속성과 속성값 autoplay - 오디오 파일 자동 실행 controls - 오디오 재생도구 표시 loop - 오디오 재생이 끝나면 다시 재생(반복 재생) src - 오디오 파일의 위치(URL) muted - 오디오 소리 제거 preload - 오디오 재생 전 오디오 로드 여부 설정 ex) 음악 자동 재.. 2024. 4. 18.
인터넷 프로그래밍 3-1 테이블태그 인터넷 프로그래밍 3-1 테이블태그 단원 목표 1. 표의 기본 태그를 나열하고 설명하기 2. 표의 테두리와 크기를 조절할 수 있다. 3. 행과 열을 합치는 방법을 설명할 수 있다. 표(Table)의 기본 구조 표를 정의 표 제목 (Table Head) 행 (Table Row) 셀 항목 (Table Data) Table Header Table Footer * 기본값으로 굵게, 가운데 정렬 표의 테두리(Border) 태그로 지정할 수 있음 ex) table, th, td{ border: 1px solid black; 두께 1px, 실선, 검정색 } border-collapse: collapse; - 합치기. 표의 테두리들 사이의 간격을 없앤 경우 border-radius: 10px; - 모양 둥글게 변경 b.. 2024. 4. 12.
인터넷프로그래밍 #2-2 링크태그와 이미지태그 인터넷 프로그래밍 2-2 링크태그와 이미지태그 단원 목표 1. 링크태그의 사용법 설명하기 2. 이미지태그의 사용법 설명하기 3. 이미지를 활용한 책갈피(Bookmark) 구성하기 링크태그 하이퍼링크(Hyperlink) -클릭하면 다른 문서로 이동. -링크 위로 마우스를 이동하면 화살표가 작은 손모양으로 바뀜. ex) 링크요소 *Anchor 의 약자 a 의 의미로 '닻'이라는 의미. 다른 곳으로의 이동을 의미함. *href는 Hypertext Reference 의 약자로 연결될 곳의 참조 주소 *링크요소는 텍스트, 이미지 등 다른 html요소가 될 수도 있음 절대주소와 상대주소 URL(Uniform Resource Locator) 절대주소(Absolute Address) -파일의 전체 주소로 표시함 ex).. 2024. 4. 11.
인터넷프로그래밍 #2-1서식 태그와 목록태그 인터넷 프로그래밍 2-1 서식태그와 목록태그 단원 목표 1. 서식태그의 예를 5가지 이상 들고, 각각에 대해 설명하기 2. 목록태그 3가지에 대해 설명하기 3. 순서 없는 리스트(ul)로 간단한 메뉴를 만들기 서식(Texts) 태그 ... - headings: 제목 P - paragraph:문단 br - break:줄바꿈 hr - horizontal rule:가로줄 span - 그룹(인라인) strong(b) - 강조, bold: 굵은글씨체 small - 덧붙이는글, 저작권, 법률표기 등 del - deleted: 제거된 텍스트 ins - inserted: 밑줄 sub - subscript: 아래첨자 sup - suoerscript: 윗 첨자 blockquote - 인용구(블록) q - quotation.. 2024. 4. 10.
인터넷프로그래밍 #1-2 HTML5의 기본 개념(태그, 시맨틱 요소, 에밋) 인터넷프로그래밍 1-2 HTML5의 기본개념 단원 목표 1. HTML5의 문서의 기본 구조에대해 설명하기 2. 시맨틱 태그의 종류를 나열하고 각각에 대해 설명하기 3. HTML5 문서의 기본 구조를 만들고 VS Code 에서 실습하기 HTML 문서의 요소와 속성 1. 시작태그와 종료태그로 구성 -내용 -HTML5 문서의 구조 2. 요소는 중첩될 수 있고, 위계(Hierarchy)가 있음 -와 사이에 다양한 태그 사용 3. 일부 태그는 종료태그가 없음 - * 헤드와 바디로 크게 구분 * 로 선언 HTML문서의 속성(Attributes) 1. 모든 HTML 요소는 속성을 가질 수 있음 2. 속성은 요소에 대한 추가 정보를 제공함 3. 속성은 항상 시작 태그에 지정함 4. 속성은 "이름(name)=값(valu.. 2024. 4. 9.
인터넷프로그래밍 #1-1 인터넷 프로그래밍 개요 (비주얼 스튜디오 설치) 인터넷프로그래밍 1-1 인터넷 프로그래밍 개요 단원 목표 1. 인터넷 프로그래밍의 개념과 HTML5, CSS#, JavaScript의 역할과 관계에 대해 설명할 수 있다. 2. 인터넷 프로그래밍의 구성요소를 나열하고 설명할 수 있다. 3. 비주얼 스튜디오 코드를 설치하고, 사용법을 설명할 수 있다. 인터넷(웹) 프로그래밍 1. HTML특징 2. 다양한 태그 요소 사용법 3. CSS의 다양한 선택지, 속성의 사용법 4. JS 의 문법과 문서 객체 모델 학습 *프론트엔드 프로그래밍 필수 요소 HTML+CSS+JAVA SCRIPT 학습 HTML - 문서의 구성과 뼈대 CSS 문서의 디자인 요소 JS - 문서의 동적 기능 (위 3가지 필수요소 + JQuery 라이브러리 + 부트스트랩 프레임워크 공부 => 효율적.. 2024. 4. 8.
인터넷프로그래밍 #5-1 CSS3 기본개념과 문법 (CSS문법, 선택자, 속성, 표현방법, 우선순위 ) 인터넷프로그래밍 5-1 CSS3 기본개념 단원 목표 1. CSS의 개념과 문법(Syntax)을 설명할 수 있다. 2. 선택자(Selectors)와 속성(Properties)를 나열하고 설명할 수 있다. 3. CSS의 세 가지 표현 방법을 나열하고 설명할 수 있다. CSS의 기본 개념 HTML 문서의 스타일 지정(Cascading Style Sheet) CSS 문법 -선택자는 HTML 의 요소이다. -속성(properties)과 값(value)은 콜론(:)으로 구분된다. -속성과 값은 여러개 가능하다. -속성과 값으로 구성되는 선언(decalaration)은 중괄호({})로 묶음. 필요성 및 장점 -하나의 웹 문서에서 문서작성(HTML)과 디자인(CSS)을 분리함. -내용과 디자인 수정이 용이함 -다양한 .. 2024. 4. 7.
소프트웨어공학 #5-2프로젝트 품질관리 소프트웨어공학 5-2 프로젝트 품질관리 단원 목표 1. 프로젝트의 구성원으로서 품질관리를 성공적으로 진행하기 2. 소프트웨어 품질요인과 정형 기술을 검토하고 활용하기 3. 품질계획을 수립하고 품질보증 및 품질통제를 이해하고 활용하기 품질관리 정의 IEEE - 개발된 소프트웨어가 사용자의 요구를 만족시키는가/기술적인 요구사항과 일치하는가는 것을 보장하는데 필요한 계획적이고 체계적인 활동 품질보증 -개발단계 전역 - 문제점 조기 발견/제거 하는 것 *사용자의 요구 만족시키기/목표 수준 보증 품질관리 활동 품질관리 절차 : 계획 수립 -> 계획 실행 -> 유지/통제 계획수립 -처음 요구사항 -최종 목적물 기능차이 무 (품질보증절차 작성) -품질유지/통제/품질검사조직(QA) 운영 절차 정의 - 품질관리 체크리스.. 2024. 4. 6.
컷 편집, 자막 넣기, 트랜지션 추가, 작업 영상 저장하기, 시퀀스 자막 넣기 타임라인 패널에서 T 아이콘 클릭하면 텍스트 추가 가능. 텍스트박스 우클릭 Edit Properties 하면 오른쪽에 저렇게 스타일 변경 가능한 패널이 뜬다. 패널 상단 메뉴아이콘(가로줄 세 줄) 클릭하면 Close Panel 로 닫을 수 있다. T아이콘이 클릭되어있을경우 계속 텍스트박스가 생성되므로 만들고 난 후에는 다시 select 아이콘( T아이콘 있는 칸 맨위 화살표 모양)을 클릭 해 두자. Effect Controls 탭에서도 변경할 수 있다. 요즘엔 무료 폰트도 예쁜게 많으니 무료사이트인 '눈누' 사이트에서 폰트를 설정해 변경했다. 요즘 '평창평화체'가 핫하대서 '평창평화체'를 다운받아봤다. 클릭해서 다운로드 페이지를 눌러주면 링크로 이동되고, 다운로드를 받을 수 있다. 윈도우를 사.. 2023. 12. 27.
프리미어 프로 시작하기 ( 워크스페이스 설정, 자주쓰는 단축키, 패널 기능 확인 ) 각 화면 - panel 작업화면구성(workspace) 를 해야함. 가장 기본은 오른쪽 상단 버튼의 editing 모드.(추천) 실수로 패널 건드렸을 경우, 하단의 reset to saved layout 을 클릭하면 원래 editing 설정으로 돌아간다. 상단메뉴에도 있다. 단축키는 'Alt+ Shift+0' 편한대로 구성하고 'save as new workspace' 눌러두면 나만의 커스터마이징 가능 ---- 에디팅 모드에서 왼쪽 하단 패널이 영상파일 패널인데, 더블클릭, 파일 드래그, 우클릭(파일말고 패널) import , 를 하면 된다. 영상 파일에서 우클릭할 경우 properties(속성) 이 있는데 눌러서 파일 정보를 확인할 수 있다. 보통 모니터 크기는 1920 x 1080 px 이다. (16.. 2023. 12. 25.
영상편집 공부 시작하기 (시작 전 다운로드 모음.zip) 영상편집을 제대로 공부해보려고 합니다. 먼저, 필요한 프로그램들을 설치해볼까요. 다 google에 검색하면 나옵니다. 4k vedio downloader 검색 https://vimeo.com/ Vimeo Interactive Video Experience Platform Text-based video editing is the easy, fast way to edit videos; our AI-powered editor will even identify \"ums\" and awkward pauses so you can delete them in a click. You can always trim, crop, and resize your content too. Make your videos shoppab.. 2023. 12. 23.
[230709] 강남/역삼 점심 식사 음식 사진 zip 코딩학원을 다니며 6개월간 먹었던 음식들 입니다. 종강한지 딱 두 달 되어 가는데, 종종 생각나는 식당들도 있고 해서 잊기 전에 기록? 해두려고 해요ㅎ 이 외 -이태리부대찌개 -영돈껍데기 -맥주창고(점심 한식뷔페) -오목집(점심 한식뷔페) -부어치킨(점심 한식뷔페) -칸나닭발 -뢰벤돈가스 -바스버거 -보슬보슬 -모퉁이식당 -나이스샤워 -역전우동 -슈퍼심플 -국제수입식당 등등 2023. 7. 9.

티스토리툴바