용오름체험휴양마을영농조합법인 / 홍천 용오름캠핑장 팸투어 다녀왔어요.

용오름체험휴양마을영농조합법인 / 홍천 용오름캠핑장 팸투어 다녀왔어요.강원도 홍천 서석면에 위치해있으며 1급수 용오름계곡 바로 옆에 있습니다.홍천군 1등 마을로 마을에서 직접 관리하는 용오름캠핑장,펜션 10개를 운영하고 있으며 각종 모임이 가능하도록 식당,회의실,야외무대가 설치되어 있습니다.홍천군 1등 마을답게 캠핑장,펜션 마을 전지역 wi-fi 사용이 가능하며 매년 봄 팸투어 실시, 여름엔 마을에서 재배한 홉으로 직접만든 맥주축제,마리소리 음악축제 를 열고 있습니다.계곡의 경우 수심이 다양하여 다이빙 포인트가 2곳이 있으며 아이들이 안전하게 물놀이를 할 수 있는 곳도 여러 곳 있습니다.홍천 용오름캠핑장 팸투어 다녀왔어요.요즘은 농산촌체험마을에서 캠핑과 여러프로그램을 같이 하는 곳이 추세더라고요. 아미산이 둘러쌓인 청정계곡이 흐르는 아름다운 용오름체험휴양마을 에서 운영하는 홍천 용오름캠핑장 팸투어 다녀왔어요. 테크 앞 강이...붕어빵 가족의 담너머 세상구경https://m.blog.naver.com/1092119/220711235599가을여행-홍천여행- 홍천 용오름 마을 첫째날여행의 계절 가을입니다. 요즘 저희는 강원도에 꽃힌 상태인지라...카페 행복한 이티씨와 함께하는 홍천 용오름 마을 1박2일 체험에 참가를 하였답니다! 평소 체험 시간보다 조금 늦은 출발을 해서 차가 밀리지 않으려나...귀여운 단지https://m.blog.naver.com/sanguidan/50181593653용오름마을 캠핑장여름휴가의 시즌이다.. 강원도의 계곡과 시원함을 만끽하기 위해 캠핑장을 검색하다 우연히 알게 된 홍천의 용오름 캠핑장.. 성수기라 캠핑장 요금들이 사악하다 용오름캠핑장 옆엔 해미르 캠핑장이 있는데...★살로몬의 잇츠캠핑★https://m.blog.naver.com/freeguy9040/20163628934맥주효모로 만든 용오름맥주마을 바쏘 맥주샴푸와 맥주마스크팩...1988년까지 맥주 원료인 홉을 재배하며 번성했던 강원도 홍천군 서석면 용오름 마을이란 곳이 있었습니다…

CSS(Client Side Script)

CSS(Client Side Script)

WEB Language

- WEB 서비스를 위한 Data(Hyper Text)를 생성 → HTML

- Client와 Server의 동작을 제어(동적 기능 구현)

 Client → CSS (JavaScript, VBScript, Jscript …)

 Server → SSS (ASP, PHP, JSP … )

- Database를 생성하고 제어 및 관리 → SQL(MY-SQL, MS-SQL, ORACLE … )

• WEB Language 참고

- https://www.w3schools.com/

• W3C (World Wide Web Consortium)

- 팀 버너스 리를 중심으로 1994년 설립 된 WEB을 위한 표준을 개발하고 장려하는 조직

 웹 표준과 가이드라인 개발

- https://www.w3.org/

- 각 국가에 사무국을 두고 있음

 우리나라 → http://w3c.or.kr/

HTML

- Tag를 이용하여 WEB Data(Hyper Text 문서)를 생성하기 위해 사용되는 프로그래밍 언어

- HTML 기본 Tag

 http://www.w3schools.com/html/default.asp

• HTML 문서 생성

- 텍스트 편집기 또는 전용의 프로그램을 이용 함

 Notepad, 에디트 플러스(Edit Plus), 아크로 에디터(Acro Editor), 크림슨 에디터(Crimson Editor) …

- HTML 확장자

 html로 구성된 파일은 .htm 또는 .html 확장자를 사용 함

• HTML 주석

HTML 구성

- Elements(엘리먼트, 요소)

 HTML문서를 구성하는 모든 명령어(Tag) 모음

제목 문단

- Tag(태그)

 Elements의 일부로서 지정된 하나의 기능을 수행하는 명령어

 시작태그, 종료태그로 구성 됨 → 태그의 종류에 따라 종료 태그가 생략되거나 없는 경우도 있음

제목 문단

 시작 태그 → 명령의 시작 제목

제목 문단

 종료 태그 → 명령의 끝 제목

제목 문단

HTML 구성

- Attributes(어트리뷰트, 속성)

 시작 태그에서 지정하는 명령의 상세 동작을 지정하는 명령

 Tag의 동작을 상세하게 지정하는 하위 명령어의 이름

- Arguments(아규먼트, 속성값=변수)

 Attribute에 설정하는 값

HTML 기본형식

문서 형식 선언 Html 문서 시작 ------------------------------- WEB 문서의 정보 ------------------------------- 문서에 출력될 내용 ------------------------------- Html 문서 끝

HTML 실습 - 로그인 페이지

> w3school.com

HTML DOM

• HTML DOM (Document Object Model) - HTML 문서의 객체관계 또는 구조

- HTML 문서의 내용에 쉽게 접근하고 조작하기 위한 표준화된 방법

- HTML 문서를 Tree 구조로 표현 함

- JavaScript를 이용하여 DOM을 제어할 수 있음

JavaScript

- Client에서 실행되는 스크립트 언어 → WEB Browser에서 실행 됨

- Netscape사에서 Mocha라는 이름으로 개발되었다가 LiveScript로 변경됨, 차 후 Netscape 사가 Java 기술을 지원하기 시작하면서 JavaScript로 이름을 변경 함

- 객체 지향 언어

- C언어를 기반으로 개발되었으므로 C언어의 문법과 비슷 함

 대/소문자 구분

 명령의 끝을 ; 으로 지시 함 -

test site test page alert("test");

jQuery

더보기 - 모든 종류의 WEB Browser에서 동작하는 오픈소스 JavaScript 라이브러리 - DOM과 관련된 처리를 쉽게 구현할 수 있음 - 동일한 이벤트 연결을 쉽게 구현 함 - 시각적 효과를 쉽게 구현 함  플래시 대체 - https://www.w3schools.com/jquery/default.asp - jQuery 다운로드  http://www.jquery.com/ • jQuery 사용법 - 외부 링크로 라이브러리에 접근하여 사용 → CDN 호스트 사용 - 직접 다운받아서 사용

패스

ATOM Editor

더보기 - 오픈 소스 텍스트 및 소스코드 편집기 - 다양한 기능의 패키지 대부분도 무료 소프트웨어로 커뮤니티가 구축하고 유지 관리  소스코드 구문 강조, 웹 서버와 작업 소스코드 동기화, 소스코드 자동 완성 기능 등 - 다양한 프로그래밍 언어를 편리하게 개발 할 수 있는 통합 개발 환경(IDE)으로 사용할 수 있음 - 지원되는 프로그래밍 언어  C / C++ / JAVA / Python / C# / JavaScript / PHP 등

패스

비주얼스튜디오 코드, sftp 확장 - 설치

1. vsftpd 설치

[root@localhost html]# yum install vsftpd

[root@localhost html]# service vsftpd restart vsftpd 종료 중: [실패] vsftpd에 대한 vsftpd을 시작 중: [ OK ]

2. vsftpd root 허용

# vim /etc/vsftpd/user_list #root <-- 주석처리

# vim /etc/vsftpd/ftpuser #root <-- 주석처리

비주얼스튜디오 코드/언어팩 설치

1. 비주얼스튜디오 코드 설치

https://code.visualstudio.com/

2. 언어팩 설치

> 확장모듈에서 korean 언어팩

비주얼스튜디오 확장모듈 - SFTP 설치

1. SFTP 확장모듈 설치 후 서버 설정

> FTP,21번

2. 업로드/다운로드 메뉴

3. html 작성

비주얼스튜디오 확장모듈 - html 작성

1) index.html

WebHackTest 로그인 회원가입 회원정보수정 게시판 웹하드 닉네임변경 로그아웃

2) login.html

로그인 아이디 : 비밀번호 :

비주얼스튜디오 확장모듈 - 로컬 <-----> 서버 코드 비교

실습

WAS

WEB(Apache) <----> WAS(PHP) <----> DBMS(MYSQL)

사용자 - 웹서버에 파일을 요청

웹 서버 - 요청받은 파일이 HTML인 경우 파일의 내용을 읽어서 응답

요청받은 파일이 PHP인 경우 PHP 모듈이 파싱(실행)한 다음 결과를 웹서버가 사용자에게 전달함

PHP 모듈은 파싱 시 출력 결과물을 생성하는데, 생성된 결과물을 웹서버에 전달한다

PHP에서 변수의 이름은 $으로 시작한다.

APM 설치

[root@localhost ~]# yum install httpd php php-mysql mysql-server

[root@localhost ~]# chkconfig --level 5 httpd on //부팅 시 서비스 자동실행 [root@localhost ~]# chkconfig --level 5 mysqld on

mysql> update user set password=password("P@ssw0rd") where user='root'; //암호설정

index.html 생성

// doctype을 명시하지않으면 기본 html test site test page

mysql_connect.php(mysql 접속) 생성

# PHP에서 변수의 이름은 $로 시작함 "; $connect = mysql_connect("localhost","root","P@ssw0rd"); //mysql 로그인 함수사용 if($connect) //connect 값으로 조건비교 { echo "연결 성공!"; } else { echo "연결 실패!"; } echo $connect; mysql_close($connect); //연결해제 ?>

> mysql_connect("localhost","root","P@ssw0rd");

: 인자로 전달한 호스트에 있는 mysqld에 접속하며 접속시 계정명과 비밀번호 값으로 인증을 수행한다.

: 접속 성공시 리소스ID 숫자를 반환, 접속 실패 시 NULL 반환함

: 결과값으로 조건비교시 리소스 ID는 참, NULL은 거짓

http://www.poopoo.com/mysql_connect.php

mysql_create_db.php(데이터베이스 생성) 생성

mysql> show databases -> ; +--------------------+ | Database | +--------------------+ | information_schema | | example | <--- example DB가 생성되었다. | mysql | | test | +--------------------+

- 다시한번 생성요청

> 이미 DB가 생성되어있으므로 실패

mysql_query.php(테이블 생성) 생성

vim mysql_query.php

> php 구문 오류 찾기( php -l )

[root@localhost html]# php -l mysql_query.php PHP Parse error: syntax error, unexpected T_EXIT in mysql_query.php on line 6 Errors parsing mysql_query.php

mysql> show tables; +-------------------+ | Tables_in_example | +-------------------+ | account | +-------------------+

mysql_query_insert.php(데이터 입력) 생성

[root@localhost html]# cp mysql_query.php mysql_query_insert.php

mysql> select * from account; +----+------+----------+ | no | id | pass | +----+------+----------+ | 1 | test | qwer1234 | +----+------+----------+

- 재실행

> 중복되는 ID가 있으므로 생성 실패

mysql_query_insert.php(SELECT문) 생성

# vim mysql_query_select.php

> 제대로 나오지 않는다.

* PHP에서 mysql에 select query 요청하면 메모리에 저장하고난 다음

저장된 곳에서 접근 할 수 있는 식별 값(여기선 #3)을 반환한다.

- 때문에 함수를 하나 더 써야한다.

* mysql_fetch_array

> mysql_fetch_array의 전달인자로 식별값을 전달하면

select의 결과 중 첫번째의 레코드를 읽어서 컬럼 단위로 잘라서 배열형태로 저장함

ex)

mysql> select * from account; +----+-------+----------+ | no | id | pass | +----+-------+----------+ | 1 | test | qwer1234 | | 2 | test2 | 1234 | +----+-------+----------+

$return = #3;

$result = mysql_fetch_array(#3);

> 컬럼단위로 자른다.

+----+-------+----------+ | no | id | pass | +----+-------+----------+

| 1 | test | qwer1234 |

| 2 | test2 | 1234 |

* 최종

"; echo "id : ".$result["id"].""; echo "pass : ".$result["pass"].""; mysql_close(); ?>

* 다음 컬럼을 읽어오고 싶으면 echo를 복사해서 이어붙이면 된다.

...생략 echo "no : ".$result["no"].""; echo "id : ".$result["id"].""; echo "pass : ".$result["pass"].""; echo "no : ".$result["no"].""; echo "id : ".$result["id"].""; echo "pass : ".$result["pass"].""; echo "no : ".$result["no"].""; echo "id : ".$result["id"].""; echo "pass : ".$result["pass"].""; ...

mysql_query문 실습

php : mysql_test.php

mysql> use test;

mysql> create table test_tb ( -> no int auto_increment primary key, -> id char(20), -> name char(20), -> age int );

mysql> insert into test_tb set id='test',name='테스트',age=20;

"; echo "id : ".$result["id"].""; echo "name : ".$result["name"].""; /* 접속을 해제한다.*/ mysql_close(); ?>

from http://girrr.tistory.com/56 by ccl(A) rewrite - 2020-03-24 09:54:08

댓글

이 블로그의 인기 게시물

용오름체험휴양마을영농조합법인 / 홍천 용오름캠핑장 팸투어 다녀왔어요.

[C언어] 백준 알고리즘 - 숫자의 개수(2577번)

[2020 정보처리기사 실기 - 프로그래밍 언어 활용] 2. 언어 특성 활용...