AR삽질러

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-(JS 정리) HTML 지금까지 학습한 JavaScript 학습 내용을 1차로 정리해봅시다. ▶ LEFT_JS (LEFT_JS.html) 최아랑(2020E7471) 1.JavaScript ? javascript ? use of JS 2.Dialog alert confirm prompt 3.Condition if~else switch~case 4.Looping for while do~while ★5.(구구단) ▶6.캔버스-내이름 ▶1.I JavaScript ? (js_javascript.html) 자바스크립트언어(JavaScript) JavaScript 1995년 넷스케이프에서 개발 Netscape Navigator 2.0 브라우저에 최초 탑재 웹 프로그래밍 개념 창시 특징 HTML ..

Lab_Web_CSS_02 (CSS 고급활용) 유수봉 교수의 Web (CSS 고급활용) ▶ CSS0501.html - 인라인, 블록 인라인, 인라인 블록, 블록 나는 div(none)입니다. 나는 div(inline) 입니다. 나는 div(inline-block) 입니다. 나는 div span(block) 입니다. ▶ CSS0502.html - 상대배치 상대 배치, relative T h a n k s ▶ CSS0503.html - 절대배치 Merry Christmas! 예수님이 탄생하셨습니다. M E R R Y ▶ CSS0506.html - z-index 다음 빈 곳에 숨은 단어? I (love) you. CSS is Cascading (Style) Sheet. 응답하라 (1988). ▶ CSS0508..

유수봉 교수의 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 과..

유수봉 교수의 WEB(객체) 1. 객체(Object)란? JavaScript는 object기반의 스크립트 언어이며 자바스크립트를 이루고 있는 거의 "모든것"이 객체이다. Primitives을 제외한 나머지 값을(함수, 배열, 정규표현식 등)은 모두 객체이다. JavaScript의 객체는 key : value 로 구성된 Property들의 집합이다. 프로퍼티의 값으로 자바스크립트에서 사용할 수 있는 모든 값들을 사용할 수 있다. JavaScript의 함수는 일급 객체이므로 값으로 취급할 수 있다. 따라서 Property값으로 함수를 사용할 수도 있으며 Property value가 함수일 경우 일반 함수와 구분하기 위해 메소드라고 부른다. 2. Core Objects - 자바스크립트 언어가 실행되는 어디서나..

유수봉 교수의 WEB(JavaScript)-1 웹 페이지에서 자바스크립트의 역할 - 사용자의 입력 및 계산 마우스와 키보드 입력은 오직 자바스크립트만으로 가능, 계산기능 - 웹 페이지 내용 및 모양의 동적 제어 HTML태그의 속성, 콘텐츠, CSS프로퍼티 값 동적 변경 - 브라우저 제어 브라우저 윈도우 크기와 모양제어 새 윈도우 열기/닫기 다른 웹 사이트 접속 히스토리 제어 - 웹 서버와의 통신 웹 페이지가 웹 서버와 데이터를 주고받기 - 웹 애플리케이션 작성 캔버스 그래픽, 로컬/세션 스토리지 저장, 위치정보서비스 등 1.HTML 태그의 이벤트 리스너 속성에 작성 마우스 올려 보세요 초기 그림은 두더지 그림 위치에 마우스가 올라가면 화난 닭 그림 위치에 마우스가 벗어나면 건강한 닭 4. URL 부분에 ..

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로 스타일을 변경하는데 사용하거나 - 자바스크..

1. 꾸미기 step#1 : *.html 문서 만들기 테이블 꾸미기 연습 step#2 : , , , 테이블 꾸미기 연습 step#3 : , , 테이블 꾸미기 연습 thead tbody tfoot step#4 : vs 테이블 꾸미기 연습 theadthead tbodytbody tfoottfoot step#5 : step#6 : width="90" height="50" step#7 : align="center" 유수봉의 2023년 1학기 시간표 월요일 화요일 수요일 목요일 금요일 1교시 교양 유수봉 2교시 내용-2 3교시 내용-2 4교시 내용-2 5교시 점심시간 6교시 내용-2 ▶ 봄을 좋아하는 회원님의 정보를 입력하시오. ◀ 신입 회원 정보 ▶ 이 름 : ▶ 전 공 : ▶ 학 번 : ▶ 별자리 : 물병자리..