프로그래밍 입문

PHP 실습

토픽 프로그래밍 입문 > 웹 어플리케이션 만들기 > 웹 어플리케이션 만들기

PHP 실습 1

PHP 실습2

1.php

<?php
echo $_GET['name'].",".$_GET['id'];
?>

2.php

<html>
  <head>
    <title></title>
  </head>
  <body>
    <?php
      echo file_get_contents($_GET['id'].".txt");
    ?>
  </body>
</html>

PHP 실습3

PHP 실습 4

index.php

<!DOCTYPE html>
<html>
<head>
     <meta charset="utf-8">
  <link rel="stylesheet" type="text/css" href="http://localhost/style.css">
</head>
<body id="target">
	<header>
    <img src="https://s3.ap-northeast-2.amazonaws.com/opentutorials-user-file/course/94.png" alt="생활코딩">
		<h1><a href="http://localhost/index.php">JavaScript</a></h1>
  </header>
	<nav>
		<ol>
    <?php
      echo file_get_contents("list.txt");
    ?>
		</ ol>
	</nav>
  <div id="control">
    <input type="button" value="white" onclick="document.getElementById('target').className='white'"/>
    <input type="button" value="black" onclick="document.getElementById('target').className='black'" />
  </div>
  <article>
  <?php
    if( empty($_GET['id']) == false ) {
      echo file_get_contents($_GET['id'].".txt");
    }
  ?>
  </article>
</body>
</html>

list.txt

<li><a href="http://localhost/index.php?id=1">JavaScript란?</a></li>
<li><a href="http://localhost/index.php?id=2">변수와 상수</a></li>
<li><a href="http://localhost/index.php?id=3">연산자</a></li>

1.txt

<h2>JavaScript란?</h2>
JavaScript는 html을 제어합니다.

2.txt

<h2>변수와 상수</h2>
변수는 바뀌는 것 상수는 바뀌지 않은 것

3.txt

<h2>연산자</h2>
연산자는 계산하는 것입니다

소스코드

github

Sound of coding

전체 뮤직 비디오 

쉬어가는 코스 

끝이 열려 있는 공부

댓글

댓글 본문
  1. sandeul
    질문이 있어서 글을 남김니다. index.php파일에 input태그에 onclick속성을 넣는 대신에 button.js파일을 만들어서 script태그를 생성하였습니다.

    ※index.php
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="http://localhost/php2/style.css">
    </head>
    <body id="target">
    <header>
    <img src="https://s3.ap-northeast-2.amazonaws.com/opentutorials-user-file/course/94.png" alt="생활코딩">
    <h1><a href="http://localhost/javascript/Javascript.html">JavaScript</a></h1>
    </header>
    <nav>
    <ol>
    <?php
    echo file_get_contents("list.txt")
    ?>
    </ol>
    </nav>
    <div id="control">
    <input type="button" value="white" id="white_btn" />
    <input type="button" value="black" id="black_btn" />
    </div>
    <article>
    <?php
    if( empty($_GET['id']) == false ) {
    echo file_get_contents($_GET['id'].".txt");
    }
    ?>
    </article>
    <script href="http://localhost/php2/button.js"></script>
    </body>
    </html>

    ※button.js
    wbtn = document.getElementById('white_btn');
    wbtn.addEventListener("click",function(){
    document.getElementById('target').className='white';
    })
    bbtn = document.getElementById('black_btn');
    bbtn.addEventListener("click",function(){
    document.getElementById('target').className='black';
    })

    만들고 나서 실행하였는데 black버튼을 누르면 배경화면이 검은색으로 변하지 않고 글씨도 흰색으로 변하지 않습니다. php문서에서는 js형식의 문서를 가져와서 읽을 수 없나요?
  2. big4ksox
    계속 열강하고 있습니다
  3. 구달
    감사합니다..ㅠ_ㅠ
    대화보기
    • 터병
      22.4.4. 감사합니다
    • pmxsg
      2022.01.06
    • 안제경
      방학 끝나고 다시 왔습니다.
      2021/08/17
    • 2021/07/23
    • heyri
      210610
    • 감사합니다
    • James Hanjoo Park
      감사합니다. 수고하셨습니다.
    • coding_prince
      감사합니다.
    • 윤용철
      03.04
    • 한번가보자
      good
    • nocoder
      크롬 캐쉬때문에 그런걸껍니다 캐쉬를 비우고 다시 해보세용
      대화보기
      • 마루
        혹시 저 같은 경우 코딩을하고 저장 후 바로 크롬으로 확인해보면 바로 변하지 않고 몇분이 지나야지, 적용이 되더라구요. 혹시 이 문제점을 해결할수있나요? 영상보고 따라가다가 자꾸 멈추게 되어서 ㅠ
      • 늦은나이가아님
        2020.12.14 감사합니다
      • 한승주
        2020-12-02
      • 박병진
        2020.11.18 완료
      • 10/9
      • 만듀
        2020.09.18
      • 허우룩
        2020.09.15
      • 만듀
        2020.09.15⭐️
      • HyeonHui Jeong
        5/14
      • 열심히사는사람
        완료
      • 산노을
        감사합니다!
      • 중딩
        완료
      • chovy
        이미지 추가부분에서 css적용이 잘안되는 경우
        문제: 인터넷이 인식을 못함
        해결 방법
        1. 인터넷 캐시 정리
        2. index.php 에서 css파일링크부분에 ?after 추가
        ex) <link rel="stylesheet" type="text/css" href="http://localhost/php/style.css?after">
      • 좋은날에
        JAVA, JSP공부를 하고 있는데... 이고잉님은 PHP ㅜㅜ JSP도 해주시면 안되나요...??
      • myjin
        완료!!
      • 아르하트
        감사합니다^^.
      • 잘살자
        감사합니다. 완료
      • 웹초보
        20191111 완료

        감사합니다.
      • lolo
        egoing님
        black 버튼을 눌르면 바탕이 검은색으로 변하는데, 누른 뒤에 다른 페이지(연산자,변수와 상수 등)로 이동을 하면 색깔이 다시 하얀색이 되는데요. 이것을 고치기 위해선 어떻게 해야할까요?
      • Sun Ran Cho
        감사합니다~~^^
      • 감사용
        이제서 정주행중입니다. 감사합니다 !
      • 셜리
        저도 재미있게 하고 있습니다.^^
      • 셜리
        완료했습니다. 감사합니다.
      • 헬로우
        실습2에서

        Not Found 나오는 이유는 뭘까요?ㅜㅜ
      • 점심
        아톰 에디터에서 리스트 파일을 연채로 file_get_contents함수는 작동하지 않습니다.
        아톰 에디터에서 list.txt 파일을 저장후, 편집 탭을 닫아주시면 잘 동작합니다.
      • 초록매실
        멋있는사람 ㅠ
      • Jinsoo Choi
        잘 봤습니다. 감사합니다.
      • 오소고날
        만약 php란 폴더 안에 생상해서 실행하려면 어떤 옵션값을 추가하여야 할까요? ㅜ
        --> list에서 루트명을 지정해주면
      • JaVaz
        한마디 한마디가 마음을 울리네요 정말 감사합니다
      • sung박
        입력값이 존재하지 않을 때 <?php if(empty($_GET['id'])==false){echo file_get_contents($_GET['id'].".txt");}?>
      • sung박
        <?php echo file_get_contents(“list.txt”);해서 다른 것과 연결해서 다른 것에서만 수정하고 index.html은 더이상 수정하지 않아도 된다.
      • 꽁꽁
        감사합니다.
      • sowhat
        좋은 강의 너무 감사드립니다.
        학교에서 배우는 것보다 훨씬 실용적이고
        정리가 잘 되어 있어서
        코딩에 재미 붙이기 좋은 강의입니다.
        이런 강의 만들어 주셔서 감사하고 항상 건강하세요^^
      • Kocaine
        재밌게 공부하자라는 말에 공감이 되네요 좋은 말씀 감사드려요
      • 김명준
        egoing님 덕분에 어렸을때부터 만들고싶었던 기능들을 하나씩 만들어보고있네요! 정말 학원보다도 개인강사보다도
        더 좋은 사이트가 생활코딩이라고 생각합니다ㅎㅎ 항상 좋은 강의 감사드립니다!
      • 서강현
        무한한 공부 때문에 즐겁네요^^ it와 다른 직종에 재직하고 있었지만 코딩에 대한 갈망과 흥미때문에 직장을 관두고 다시 오게 되었습니다. 끊임없는 제 관심이 언젠간 세상을 더 좋게 만들것이라는 다짐을 하며 동기부여를 하겠습니다. 오늘도 좋은 강의 감사합니다~!!