반응형

Programming/Web 15

[HTML/PHP]DB 데이터 불러와서 표시하기 테이블로 표시하기

1. pdo 를 이용한 DB 접속 $host = 'localhost'; $dbname = 'mydb'; $username = 'root'; $rootpw = '1111'; try { $pdo = new PDO('mysql:host='.$host.';dbname='.$dbname, $username, $rootpw); } catch (PDOException $e) { echo $e; } 2. 쿼리 작성 간단하게 테이블의 전체 내용을 불러오는 걸로 설명을 드리겠습니다. $myquery = 'select * from mytable'; 3. 쿼리 실행 $result = $pdo->query($myquery); 4. 테이블 이용해서 표시하기 db 테이블이 name, age, phone 컬럼이 있다고 가정을 하겠습..

Programming/Web 2019.08.30

[html | css]스타일 속성 정리 - font-size 편

font-sze 는 문자의미 그대로 글자의 크기를 지정하는 속성입니다. font-size: 후에 나오는 속성에 따라 다양하게 이용할 수 있습니다. 속성값 medium, xx-small, x-small, small, large, x-large, xx-large, smaller, larger, 수치입력, initial, inherit 가 있습니다. medium, xx-small, x-small, small, large, x-large, xx-large, smaller, larger 이 값들은 브라우저 기본 값에 대한 상대적인 크기 입니다. 단어 뜻 그대로라서 별다른 설명은 필요가 없을 것 같네요. 수치입력 부분은 단위를 지정해서 입력을 해 주시면 됩니다. 12px, 15em 과 같이 지정을 하시면 됩니다. ..

Programming/Web 2019.01.01

[JavaScript]자바스크립트 기본 사용 법

html에서 javascript 를 사용하는 기본적인 방법을 설명드리겠습니다. 방법 1. 태그 안에 입력해서 사용하는 방법. 이 있지만, 진짜 간단한 코드가 아닌 이상 나중에 보기가 힘들어 질 거 같으니 간단하게만 설명하고 넘어가겠습니다. 태그 안이라고 하긴 했지만, 다른 곳에 들어가도 정상적으로 실행은 됩니다. 안에 입력하여 사용하는 것입니다. 또는 사이에 적절한 위치에서 불러와서 사용 할 수도 있습니다.. 주석 처리 방법.(c와 같음) C에서 사용하던 것과 동일한 형태로 사용이 가능합니다. // : 한줄에 대한 주석처리 /**/ : 영역에 대한 주석처리 방법1에 대한 예제 html 파일 하나에 스크립트를 그냥 입력해서 실행하는 방법입니다. 001.html 의 내용 자바스크립트내의 document.wr..

Programming/Web 2018.12.27

[html | CSS]Style 주요 속성

html 에서 주로 쓰일 거 같은 style 속성 항목들을 정리하려고 합니다. 추후 하나둘 추가 될 것이고, 모든 항목들에 대해 다루지 못할 걸로 예상됩니다. 1. style 사용 법 크게 두가지로 볼 수 있습니다. 하나는 html 파일에서 태그에 직접 넣어서 사용하는 법이고 하나는 CSS 파일을 만들어서 클래스나 아이디를 지정해서 사용하는 방법입니다. 우선 html 태그 내에서 사용하려면 내용 과 같이 문자열 태그 안에 style 속성을 지정하는 방법입니다. 다른 하나는 CSS 파일을 만들고 #mycolor{ color:red; } 를 입력한 후 html 파일에서 CSS 파일을 링크 걸어 준 후, 문자열 태그를 입력 할 때 id 를 지정하는 방법입니다. 내용 #대신에 . 을 넣거나 아무것도 입력하지 않..

Programming/Web 2018.12.26

[html]기본 구조 및 문자열관련 문법

Visual Studio Code 1. html 의 기본 구조 : 해당 파일이 html 형식이라는 것을 나타내는 부분으로 전체 코드를 감싸는 형태가 됩니다. : 자바스크립트 파일을 불러 때, meta 태그를 사용할 때, 타이틀을 입력하고자 할 때 사용하는 부분으로 기본적으로 보여지지 않는 부분에 대한 선언 같은 것들을 주로 하게 됩니다. : 보여지는 부분, 본문 내용을 포함하는 태그입니다. 2. 문자열 관련 태그 a. div, p태그 p 태그의 경우 한 단락 정도로 생각을 하시면 편합니다. p 태그의 위아래로 빈 줄이 삽입이 되며, div 태그 내에 p 태그를 넣어 한 줄씩 글을 입력 하는 경우가 많습니다. div 태그는 영역을 구분한다는 느낌이 강합니다. 여백 부분을 따로 지정하지 않는 한 영역 밖에 ..

Programming/Web 2018.12.25
반응형