일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
- 일본어
- C로 시작하는 컴퓨터 프로그래밍4판
- 건담베이스
- vscode
- CSS
- java
- 인프런
- jsp
- rails7
- 単語
- springboot
- Flutter
- メソッド
- Spring
- DART
- Python
- html
- nico
- 건담
- 日本語
- Web
- 디지몬
- 연습문제
- rails
- 비즈니스일본어
- 一日一つメソッド
- javascript
- ruby
- 반다이몰
- 자바
- Today
- Total
목록WEB (39)
AR삽질러
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bulc67/btsv92FOpn9/2y70fAxzkFXZSH820w7Wy1/img.png)
HTML? 하이퍼 텍스트 마크업 언어(Hyper Text Markup Language) 웹 페이지를 만들기 위한 표준 마크업 언어로 HTML은 웹 브라우저가 이해하고 해석할 수 있는 텍스트 기반의 코드로 작성되며 웹페이지의 구조와 콘텐츠를 정의하는데 사용된다. https://ko.wikipedia.org/wiki/HTML HTML - 위키백과, 우리 모두의 백과사전 위키백과, 우리 모두의 백과사전. 하이퍼 텍스트 마크업 언어(영어: Hyper Text Markup Language, HTML, 문화어: 초본문표식달기언어, 하이퍼본문표식달기언어)는 웹 페이지 표시를 위해 개발된 지배적인 ko.wikipedia.org HTML 구성 요소 Tage 태그는 각 요소의 시작과 끝은 표시하며 요소의 종류와 특성을 정..
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://..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/OCQBt/btsj3puhbJ6/tDqEyXLD5HQbjWZmR09if0/img.png)
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) 조회기능 : 학번을 입력하면 해당학생의 학..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/baMjEG/btsiQ7hcylV/CODpE2wthaXpsqFXp9wCKk/img.png)
기존 페이지 내용 수정하는 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 ▶학번 : ▶이름 : ▶..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/ENJPA/btsh403MARb/aFhsRGVDfD87m1kwZbGPaK/img.png)
유수봉 교수의 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 ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/ujuzm/btsjNNBOhAI/ga6WhQUh1zm6ggZWavTYS0/img.png)
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..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/Ps9QB/btsgl5K05Hx/HBiUxGkMfZ8tKAqjtVSUxk/img.png)
유수봉 교수의 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 과..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/ZDFIZ/btseIIK9H3L/lm7qKejMCkuPjxXmLnZf70/img.png)
유수봉 교수의 WEB(객체) 1. 객체(Object)란? JavaScript는 object기반의 스크립트 언어이며 자바스크립트를 이루고 있는 거의 "모든것"이 객체이다. Primitives을 제외한 나머지 값을(함수, 배열, 정규표현식 등)은 모두 객체이다. JavaScript의 객체는 key : value 로 구성된 Property들의 집합이다. 프로퍼티의 값으로 자바스크립트에서 사용할 수 있는 모든 값들을 사용할 수 있다. JavaScript의 함수는 일급 객체이므로 값으로 취급할 수 있다. 따라서 Property값으로 함수를 사용할 수도 있으며 Property value가 함수일 경우 일반 함수와 구분하기 위해 메소드라고 부른다. 2. Core Objects - 자바스크립트 언어가 실행되는 어디서나..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/rAfb3/btsdOBM2apE/Gvh0bnqlUk85KJAbvKaVQK/img.png)
유수봉 교수의 WEB(JavaScript)-1 웹 페이지에서 자바스크립트의 역할 - 사용자의 입력 및 계산 마우스와 키보드 입력은 오직 자바스크립트만으로 가능, 계산기능 - 웹 페이지 내용 및 모양의 동적 제어 HTML태그의 속성, 콘텐츠, CSS프로퍼티 값 동적 변경 - 브라우저 제어 브라우저 윈도우 크기와 모양제어 새 윈도우 열기/닫기 다른 웹 사이트 접속 히스토리 제어 - 웹 서버와의 통신 웹 페이지가 웹 서버와 데이터를 주고받기 - 웹 애플리케이션 작성 캔버스 그래픽, 로컬/세션 스토리지 저장, 위치정보서비스 등 1.HTML 태그의 이벤트 리스너 속성에 작성 마우스 올려 보세요 초기 그림은 두더지 그림 위치에 마우스가 올라가면 화난 닭 그림 위치에 마우스가 벗어나면 건강한 닭 4. URL 부분에 ..