AR삽질러

CSS? CSS (Cascading Style Sheets) HTML은 Browser에게 웹사이트의 Content가 무엇인지 알려주는 것이다. CSS는 Browser에게 웹사이트의 그 Content가 어떻게 보이는지 알려주는 것이다. 즉 사용자에게 문서를 보여주는 방법을 지정하는 언어로 스타일, 레이아웃, 디자인 등 전반적인 모양을 지정하고 제어한다. CSS는 웹 페이지의 내용과 구조(HTML)와 분리되어 컨텐츠와 디자인을 분리하여 코드의 유지보수와 개선을 도와준다. https://ko.wikipedia.org/wiki/CSS CSS - 위키백과, 우리 모두의 백과사전 위키백과, 우리 모두의 백과사전. 종속형 시트 또는 캐스케이딩 스타일 시트(영어: Cascading Style Sheet)는 마크업 언어..

HTML? 하이퍼 텍스트 마크업 언어(Hyper Text Markup Language) 웹 페이지를 만들기 위한 표준 마크업 언어로 HTML은 웹 브라우저가 이해하고 해석할 수 있는 텍스트 기반의 코드로 작성되며 웹페이지의 구조와 콘텐츠를 정의하는데 사용된다. https://ko.wikipedia.org/wiki/HTML HTML - 위키백과, 우리 모두의 백과사전 위키백과, 우리 모두의 백과사전. 하이퍼 텍스트 마크업 언어(영어: Hyper Text Markup Language, HTML, 문화어: 초본문표식달기언어, 하이퍼본문표식달기언어)는 웹 페이지 표시를 위해 개발된 지배적인 ko.wikipedia.org HTML 구성 요소 Tage 태그는 각 요소의 시작과 끝은 표시하며 요소의 종류와 특성을 정..

Web 기말보고서 안내 Web 기말보고서 HTML+CSS+JavaScript (기말평가자료) 1. JavaScript 1) javascript? 2) use of JS 2. Dialog 1) alert 2) confim 3) prompt 3. Condition 1) if ~ else 2) switch ~ case 4. Looping 1) for 2) while 3) do ~ while 5. 구구단 6. 캔버스 - 내이름 7. 캔버스 - 그림판 8. 성적처리 성적처리 기능설명 저장, 조회, 수정, 삭제, 초기화, 전체보기, 이름순, 성적순, 학번순, 그래프1, 그래프2 초기화면 1) 저장기능 : 학번 이름 전공점수, 교양점수를 입력하면 웹스토러지에 저장된다. 2) 조회기능 : 학번을 입력하면 해당학생의 학..

기존 페이지 내용 수정하는 js 실습 유수봉 교수의 - JSEx 유수봉 교수의 js_Ex01 ​ ▶ 작업 유수봉 교수의 js_Ex01 js_001 : 기존 페이지에 내용 변경/추가하기 ▶데이터1 : ▶데이터2 : 작업1 작업2 작업3 작업4 result1 result2 result3 jsEx_03 : localStorage jsEx_03 : 로컬 스토리지 사용하기 ▶학번 : ▶이름 : ▶전공 : ▶교양 : ▷합계 : ▷평균 : 저장 검색 전체보기 jsEx_04 : localStorage localStorage ​ ​ jsEx_04 : localStorage(성적처리 JS) jsEx_04 : 로컬 스토리지 사용하기-2 ▶학번 : ▶이름 : ▶..

유수봉 교수의 Web (Canvas) js canvas JS CANVAS ▶ CV01.html - 캔버스 만들기 JS CANVAS 3 개의 캔버스 만들기 ▶ CV02.html - 캔버스 맛보기 JS CANVAS 캔버스 그리기 맛보기 ​ ▶ CV03.html - 사각형 그리기 JS CANVAS ▶ CV04.html - 삼각형 그리기 JS CANVAS ▶ CV05.html - 동그라미 그리기 JS CANVAS ▶ CV06.html - 사각형 색 지정하기 JS CANVAS ​ ▶ CV09.html - 글자 JS CANVAS ​ ▶ CV13.html - 선의 색과 굵기 JS CANVAS 선의 색과 굵기 ▶ CV15.html - 텍스트 그리기 JS CANVAS 텍스트 그리기 유수봉 교수의 Web-(CANVAS 과..

01. 본인 블로그 주소 : https://arang95.tistory.com/ AR삽질러 기록공간입니다. 질문과 가르침 감사합니다. arang95.tistory.com 01. 본인 개인 홈페이지 주소 : http://arang.dothome.co.kr/ 최아랑(2020E7471) arang.dothome.co.kr 1. [개발도구사용법] Visual Studio Code 를 이용하여 아래 페이지를 만드는 과정을 간단히 설명하시오. VS Code의 사용법을 단계별로 구분하고 작업 화면을 캡쳐해서 삽입하기 바랍니다. 1.1 Visual Studio Code 실행 1.2 폴더 지정 1.3 파일 만들기 1.4 html 코드 작성 1.5 결과 확인 2. [홈페이지 제작 실습] 2.1 첫 화면 2.2 전체 파일 ..

유수봉 교수의 WEB-7(CSS) 1. CSS3 Style Sheet CSS 스타일 맛보기 나는 웹 프로그래밍을 좋아합니다. 2. CSS3 스타일 시트 구성 ex) 텍스트를 20픽셀 blue로 출력하는 CSS3스타일시트 - 설렉터 : CSS스타일 시트를 HTML페이지에 적용하도록 만든 이름 - 프로퍼티 : 스타일 속성이름, 약 200개 정도의 프로퍼티가 있다. - 값 : 프로퍼티의 값 - 주석문 : 스타일시트 내에 붙이는 설명문으로 /* ... */여러줄, 아무 위치에나 사용가능하다. - 대소문자 구분이 없다. - HTML 문서에서 특정 영역(division)이나 구획(section)을 정의할 때 사용. - 요소는 여러 HTML 요소들을 하나로 묶어주어 CSS로 스타일을 변경하는데 사용하거나 - 자바스크..

3주차 HTTP시간표만들기 코드 WEB2020E7471 HTTP시간표만들기 수강과목 1. 캡스톤디자인 2. 프로그래밍응용 3. 자바스크립트 4. 웹&앱응용 Monday Tuesday Wednesday Thursday Friday 1교시 (09 ~ 10) 프로그래밍응용 2교시 (10 ~ 11) 프로그래밍응용 3교시 (11 ~ 12) 프로그래밍응용 4교시 (12 ~ 13) 5교시 (13 ~ 14) 6교시 (14 ~ 15) 7교시 (15 ~ 16) 자바스크립트 8교시 (16 ~ 17) 자바스크립트 9교시 (17 ~ 18) 자바스크립트 10교시 (18 ~ 19) 캡스톤디자인 웹&앱응용 11교시 (19 ~ 20) 캡스톤디자인 웹&앱응용 12교시 (20 ~ 21) 캡스톤디자인 웹&앱응용 친구의 시간표 소스가 필요하..

HTML의 기본 문서 만들기 1. HTML문서의 기본 구조 최아랑 만세!!! 2. HTML페이지 기본 - - HTML5문서임을 알리는 지시어 - . 페이지 제목에 아이콘 표시하기 5. 글자 꾸미기 ~~ 태그로 문단 제목 달기 - 단락을 나누는 기능을 수행한다. - 종료 태그가 없으며 문장의 끝에 단독으로 사용된다. … - 하나의 문단을 나타낸다. - 시각적인 매체에서, 문단은 보통 인접 블록과의 여백과 첫 줄의 들여쓰기로 구분하지만, HTML에서 문단은 이미지나 입력 폼 등 서로 관련 있는 콘텐츠 무엇이나 될 수 있다. … - ＂순수＂ 컨테이너로서 아무것도 표현하지 않는다. - CSS 로 꾸미기 전에는 콘텐츠나 레이아웃에 어떤 영향도 주지 않는다. - … - 내가 작성한 문장을 그대로 표현해주는 기능을 ..

https://blog.naver.com/newbongman/223032314304 유수봉 교수의 WEB-1주차 유수봉 교수의 WEB-1주차 ▶ 강의 소개 : 수업 목표, 강의 일정, 강의 방법, 평가 방법 등을 소개 ▶ 수... blog.naver.com 유수봉 만세!!! 유수봉 만세!!! 유수봉 만만세~~~ 유수봉 만세!!! 유수봉 만만세~~~ 유수봉 만만세~~~