Form 테그를 활용 하여 위와 같은 페이지를 만들어 봅시다. 구글에서 w3schools 를 검색 해서 저기 위 링크로 들어 갑니다. w3schools.com 페이지가 나오면 위 빨간 박스 부분을 클릭 하여 HTML Forms 찾아요. Try it Yourself 버튼을 눌러 줍니다. 그러면 소스가 나와요~ 아래 그림에서 왼쪽 부분이 HTML 소스이고 오른쪽은 결과 화면 입니다. 왼쪽에서 소스 수정도 가능하고 Run버튼을 눌러 실행도 해볼수 있어요~ 소스 수정후 Run 버튼을 누르면 오른쪽 결과 화면에 결과가 바뀌는것을 확인 할 수 있어요!! 자 그러면 처음에 우리가 만들려고 했던 Form을 만들어 봐요 w3schools에서 제공하는 샘플 소스를 활용하여 위 빨간 박스에 있는 내용만 수정 하고 Run 버..
웹과 서버 / 클라이언트에 대해 알아 봅시다. 위 와 같이 스테이크를 주문(요청) 하는 사람은 고객(클라이언트)가 되고 그 주문(요청)을 받아 음식을 제공 하는 사람을 요리사(서버) 라고 이해 합시다. 이 그림을 그대로 온라인으로 바꾸게 되면 아래와 같은 그림으로 바꿀 수가 있습니다. 웹 브라우저(클라이언트)에서 어떤 정보를 보여줘 라는 요청을 보내면 서버에서는 그 요청에 맞는 답을 하게 됩니다. 예를 들어 네이버에 오늘 날씨를 검색 하면 날씨 정보를 보여 주는거죠. 자 그러면 우리는 네이버와 같은 이런 서비스를 만들고 싶어요. 어떻게 시작 하고 뭐를 배우는지 시작 합니다. 우리가 배우는 언어 입니다. 웹페이지를 구성 하는 기본 언어 입니다. HTML은 컴퓨터 프로그래밍 언어이냐 아니냐 하는 논쟁은 항상..
- Total
- Today
- Yesterday
- HTML
- javascript
- 부트스트랩
- DB
- python
- GCP
- flask
- nginx
- 웹앱 프로그래밍
- github
- docker
- oracle
- Hello World
- 도커
- 자바스크립트
- 파이썬
- Java
- GIT
- 오라클
- 클라우드
- 리눅스
- Cloud
- pythonanywhere
- 웹앱프로그래밍
- WEB
- mysql
- 웹앱
- 플라스크
- Visual Studio
- 자바
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |