일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- javascript
- 日本語
- 一日一つメソッド
- メソッド
- ruby
- rails7
- Flutter
- 연습문제
- CSS
- jsp
- 건담
- DART
- 일본어
- 인프런
- 자바
- Spring
- 디지몬
- 비즈니스일본어
- html
- Python
- java
- Web
- 건담베이스
- nico
- C로 시작하는 컴퓨터 프로그래밍4판
- 반다이몰
- 単語
- vscode
- springboot
- rails
- Today
- Total
목록WEB (39)
AR삽질러
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/7oqjv/btscGTogxgR/wjRM1qyiaoGMEW5613tRlK/img.png)
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 전체 파일 ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/b1Enby/btsbmfE77py/7WcZHmWcSPfjY1OKJ3yi70/img.png)
유수봉 교수의 WEB-7(CSS) 1. CSS3 Style Sheet CSS 스타일 맛보기 나는 웹 프로그래밍을 좋아합니다. 2. CSS3 스타일 시트 구성 ex) 텍스트를 20픽셀 blue로 출력하는 CSS3스타일시트 - 설렉터 : CSS스타일 시트를 HTML페이지에 적용하도록 만든 이름 - 프로퍼티 : 스타일 속성이름, 약 200개 정도의 프로퍼티가 있다. - 값 : 프로퍼티의 값 - 주석문 : 스타일시트 내에 붙이는 설명문으로 /* ... */여러줄, 아무 위치에나 사용가능하다. - 대소문자 구분이 없다. - HTML 문서에서 특정 영역(division)이나 구획(section)을 정의할 때 사용. - 요소는 여러 HTML 요소들을 하나로 묶어주어 CSS로 스타일을 변경하는데 사용하거나 - 자바스크..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bdDCag/btr9CIcHJt4/reXlAqRLZzzhXQ0L2Kk0Rk/img.png)
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 ▶ 봄을 좋아하는 회원님의 정보를 입력하시오. ◀ 신입 회원 정보 ▶ 이 름 : ▶ 전 공 : ▶ 학 번 : ▶ 별자리 : 물병자리..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/l7LOo/btr8hygYxcS/2zLeUptiC5WVG67sykvSvk/img.png)
Sample --------------------------------------------------------------------------------------------------------------------- me -> 자기소개 ----------------------------------------------------------------------------------------------------------------- me -> 회원가입 ----------------------------------------------------------------------------------------------------------------- HTML -> HTML? -> Intern..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/t97JV/btr6EUfWuvS/d7bWkqBLdrXGewOjiuBZEK/img.png)
인라인 프레임을 가진 웹 페이지 2 개의 을 가집니다. 인라인 프레임에 출력할 문서를 srcdoc속성으로 만들기 srcdoc에 HTML 문서 작성 예제2-23으로 2개의 신문 사이트 내장하기 home 2 개의 윈도우를 가집니다 left right iframe 안양대학교 유수봉 피자 중국집 안양백화점 right right iframe 3. HTML문서의 구조화와 웹 폼 - 웹폼 - 웹 페이지에서 사용자 입력을 받는 폼 - 로그인, 등록, 검색, 예약, 쇼핑 등 - 폼 요소 - 폼을 만드는 다양한 태그 - , . 등 간단한 로그인 웹 폼만들기 로그인 폼 사용자 ID : 비밀 번호 : 폼작성 - 폼 태그 태그로 둘러싸는 모양 - name속성 폼의 이름 지정 - action 속성 ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/uIzOj/btr5qs5aC90/IP8o6KWU2BRmSOBwZ7jE6k/img.png)
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) 캡스톤디자인 웹&앱응용 친구의 시간표 소스가 필요하..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bvlzFx/btr4DtjtCHt/h9Mmv2q3cHfc7qDubEaeU1/img.png)
HTML의 기본 문서 만들기 1. HTML문서의 기본 구조 최아랑 만세!!! 2. HTML페이지 기본 - - HTML5문서임을 알리는 지시어 - . 페이지 제목에 아이콘 표시하기 5. 글자 꾸미기 ~~ 태그로 문단 제목 달기 - 단락을 나누는 기능을 수행한다. - 종료 태그가 없으며 문장의 끝에 단독으로 사용된다. … - 하나의 문단을 나타낸다. - 시각적인 매체에서, 문단은 보통 인접 블록과의 여백과 첫 줄의 들여쓰기로 구분하지만, HTML에서 문단은 이미지나 입력 폼 등 서로 관련 있는 콘텐츠 무엇이나 될 수 있다. … - "순수" 컨테이너로서 아무것도 표현하지 않는다. - CSS 로 꾸미기 전에는 콘텐츠나 레이아웃에 어떤 영향도 주지 않는다. - … - 내가 작성한 문장을 그대로 표현해주는 기능을 ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/diLu8c/btr3Xz0lpTS/KvtQcF4xHcJqKLSdQTZWIK/img.png)
웹 프로그래밍과 HTML5개요 Internet - 통신기술 Web - 인터넷에서 지원하는 서비스 Browser - 웹 서비스를 위한 응용 프로그램 --------------------------------------------------------- 2주차 과제 2-1-1 인터넷(Internet)이란 무엇인가 ? 인터넷 - 웹(Web)의 개념이 나오기 전부터 만들어진 컴퓨터 연결 네트워크로 컴퓨터마다 고유한 주소(IP 주소, 113.198.80.208)를 부여하여 컴퓨터 구분한다. - 인터넷을 활용하는 응용 서비스 사례 - 전자우편(e-mail), 뉴스(news), 파일 전송(ftp), 채팅(Internet Relay Chat), 메신저(Messenger), P2P(Peer to Peer), 스트리밍 서..