AR삽질러

HTTP요청의 형태 - HTTP요청은 데이터를 서버로 전송하는 방식에 따라 여러 형태가 있다. 1. 쿼리 매개변수(Query Parameters) GET 요청에서 사용되며 URL 끝에 '?'를 붙이고 key=value형태의 매개변수를 쿼리스트링으로 추가한다. 또 매개변수가 여러개일 경우 '&'를 붙여 구분할 수 있다. ex) GET https://localhost8080/api/data?id=AR&password=123 2. 요청본문(Request Body) - JSON형식 POST요청에서 요청 분문의 데이터를 담아 서버에 전송하는 방식으로 데이터의 형식에는 JSON, XML, Form Data 등이 사용되고 있다. ex) POST https://localhost8080/api/userdata Conte..

HTTP(Hypertext Transfer Protocol - 클라이언트와 서버 간의 통신을 위한 통신 규칙 프로토콜로 웹에서 가장 많이 사용되는 프로토콜이다. HTTP 요청방식은 이용자가 웹사이트를 방문시 웹서버에 HTTP요청을 전송하고 웹서버는 HTTP응답으로 응답한다. - 200 : ok - 400 : Bad Request - 404 : Resource not found HTTP요청방식 설명 예제 GET 데이터를 가져오는데 사용되고 요청에 데이터를 담지 않으며 쿼리 매개 변수를 통해 데이터를 전달한다. URL 마지막에 '?'를 붙이고 'key=value' 형태의 매개변수를 쿼리 스트링으로 추가하여 데이터를 전달한다. GET http://localhost:8080/api/data GET http://..

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 전체 파일 ..