Notice
Recent Posts
Recent Comments
Link
«   2025/06   »
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
Tags more
Archives
Today
Total
관리 메뉴

Rainbow

(mysqil workbench) 게시판 만들기 본문

web/javascript

(mysqil workbench) 게시판 만들기

kkangsseul1014 2023. 11. 5. 11:26

개발 환경 설정하기

- Vs code로 php 개발하기

1. xampp php를 설치를 해준다

XAMPP: 아파치, MariaDB, PHP, Perl을 포함한 인기 있는 WAMP 스택입니다. 이 프로그램은 사용하기 쉽고 무료로 제공되며, Windows, macOS, Linux에서 사용할 수 있습니다. 다운로드 링크

https://www.apachefriends.org/download.html

 

Download XAMPP

Includes: Apache 2.4.56, MariaDB 10.4.28, PHP 8.0.28 & PEAR + SQLite 2.8.17/3.38.5 + multibyte (mbstring) support, Perl 5.34.1, ProFTPD 1.3.6, phpMyAdmin 5.2.1, OpenSSL 1.1.1t, GD 2.2.5, Freetype2 2.4.8, libpng 1.6.37, gdbm 1.8.3, zlib 1.2.11, expat 2.0.1,

www.apachefriends.org

2. 플러그인 설치

- 먼저 vscode 플러그인을 설치해 준다

- 왼쪽 탭 맨 아래쪽에 확장탭을 선택한다

그림 왼쪽 확장탭을 선택

3. php 검색

- 확장탭을 열어 검색창에 php를 검색해 주세요

- php Debug를 선택해 설치한다

- 오른쪽 아래 설치라고 쓰여있는 파란색 버튼을 눌러준다

그림 php

 

4. php intellisense

- 확장 탭에 스크롤을 쭉 내려서 php intellisense도 설치합니다

- 모든 설치가 끝났다면 vscode를 재부팅해줍니다

그림  php intellisense

5 설정하기

- vscode를 다시 열었다면 f1를 눌러 검색창을 열어준다

- 여기에 user setting 검색을 해준다

그림 user 검색

6. php검색

- 설정에 들어온다 검색창이 있는데 이번엔 php를 검색합니다

- 그러면 확장아래 php탭 > setting.json 편집을 눌러주세요

그림 seting.json 선택

7. php 주소입력

- setting.json 들어가시면 '' 이렇게 따옴표만 있고 빈 공간 있습니다

- php.exe 주소를 넣어주시면 됩니다

- 설치하신 경로를 입력해 주세요

d그림 php 주소 입력

(mysqil workbench) 게시판 리스트 출력하기

db 만들기

1. mysqil workbench를 실행해 준다 

그림  mysqil workbench 실행

 

2. 해당 서버를 선택하고 아이디 / 패스워드를 입력하여 접속해 준다.

3. 스키마(schema) 탭에서 마우스 우측 버튼을 클릭해

   Create schema를 선택해 name 값에 lap을 입력하고

   charset / collation 항목에 utf8 utf8-bin을 입력한다

그림 스키마 선택
그림 스키마 생성

4. 마우스 우측 버튼을 클릭해  Table -> Create Table 버튼을 눌러서

   테이블을 만든다

그림  Create Table

5. 칼럼생성

-  TableName은 board라고 입력한다

-  column name과 DataType을 표시해 준다

-  Apply 버튼을 클릭한다

- 스키마 정상적으로 생성되면 아래에 창이 출력된다

 finish클릭 후 작업완료

그림 Table 생성

6. index.php 메인 페이지 만들기

- 기존 board테이블에서 thumbup 칼럼 추가

- 추천수 기능을 추가한다

- intype이고 not null, default=0 값을 가진다

- 만들고 새로고침 하면 웹페이지에 게시판이 출력된다

그림  thumbup 칼럼 추가

    

'web > javascript' 카테고리의 다른 글

배열&반복문 활용 ⅰ  (0) 2023.11.16
!! 배열 & 반복문  (0) 2023.11.13
스키마와 테이블 만들기(mysqli workbench)  (1) 2023.11.04
조건문 & 비교 연산자  (0) 2023.10.29
HTML과 자바스크립트 만남!!  (0) 2023.10.15