etc20 인터넷프로그래밍 #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. [GIT] Distributed Version Control System (분산버전관리시스템) 깃의 목적 버전관리 백업 협업 리눅스 개발자인 깃은 2005년에 리눅스 커널 개발을 위해 다른 커널 개발자들과 함께 '리누스 토르발스'가 처음 개발하였습니다. 리눅스 커널의 개발자들은 기존 소스관리시스템(SCM) 으로 '비트키퍼'를 사용하다가 저작권자 '래리맥보이'가 '앤드루 트리젤'이 비트키퍼 프로토콜을 리버스 엔지니어링하여 소스풀러를 만들었다고 주장하면서, 비트키퍼의 자유 이용을 철회하였습니다. 이에 따라 많은 개발자들이 비트키퍼의 이용을 포기하였구요. 이는 깃 뿐만 아니라 머큐리얼 이라는 버전관리 시스템이 만들어진 계기이기도 합니다. 토르발스는 패치를 적용하고 모든 관련 메타데이터를 업데이트하는데 30초가 필요한 소스 관리 시스템의 예를 언급하면서, 동료 관리자들과의 동기화를 하려면 한 번에 이런 .. 2023. 3. 29. [useCase] 유스케이스 다이어그램 USE CASE 다이어그램 시스템 내의 활동들의 흐름을 보여주어 업무 프로세스를 설명하는데 활용 액터(Actor) 시스템 관점에서의 사용자의 역할 ex) ATM 시스템 USE CASE 개발 대상 시스템이 제공하는 개별적인 기능(사용자가 인지할 수 있는 시스템 동작 하나의 기능 단위) ex) ATM 시스템 연관관계 방향 연관관계 포함관계 -포함 유스케이스 미실행시, 기본 유스케이스가 본연의 기능 발휘 x (반드시 포함하여야 하는 기능) -포함된 '로그인'유스케이스가 다른 유스케이스에서 사용된다면 '재사용'이 되는 더욱 가치있는 기능이 됨 확장관계 일반화 관계 유사한 유스케이스들 또는 액터들을 추상화한 하나의 유스케이스로 그룹핑하여 이해도를 높인 관계 * 연관관계(실선) : 액터-유즈케이스, 의존관계(실선).. 2023. 2. 22. 이전 1 2 다음
