Running PHPUnit tests (First look at BitBucket Pipelines, part 2)

안녕하세요 여러분, 내 BitBucket Pipelines 시리즈의 일부인 비디오를보고 있습니다 에서 이 비디오에서는 BitBucket 파이프 라인을 사용하여 PHPUnit 테스트를 수행하는 방법을 설명합니다

그래서이 비디오의 목적을 위해 간단한 BitBucket 프로젝트를 만들었습니다 BitBucket이라고 부릅니다 파이프 라인 PHPUnit 테스트 및이 프로젝트는 동작을 모방 한 PHPUnit 클래스가 단 하나입니다 검 보 머신의 이 클래스에서 나는 하나의 속성을 가지고 있습니다 : 그것은 gumballs의 수입니다 그 기계에 있습니다

나는 기계에있는 엄청난 양을 얻기 위해 게터를 가지고있다 나는 기계에서 껌 볼의 양을 설정하는 세터를 가지고있다 그리고 나서 나는 기능을 가지고있다 기계가 gumball을 분배하는 것을 모의 실험하는 소위 회전 바퀴는 기계에있는 검볼의 양 이제이 프로젝트에서이 클래스를 위해 PHPUnit 테스트를 수행합니다

그래서 폴더 테스트에서 나는 GumballMachineTest를 가지고있다 만약 머신에 100 개의 검볼이 있다면 그리고 나는 바퀴를 돌린다 단지 99 명이 남아 있어야한다 그 말이 맞습니까? 이제는 같은 디렉토리에 phpunitxml 파일이 있습니다

이 파일을 통해 PHPUnit은 테스트가 실행되어야합니다 이제 우리가하고자하는 일 : BitBucket 파이프 라인을 활성화하여 모든 커밋 후에 이 프로젝트에서는 모든 PHPUnit 테스트를 실행합니다 그렇게하기 위해 왼쪽 열로 가자 아래로 스크롤하여 파이프 라인으로 이동하십시오 그래서 우리는 즉시 파이프 라인에 대해 우리에게 조금 더 알려주는 시작 화면으로 인사합니다

아르 그래서 설정 파이프 라인을 클릭하고 활성화 할 것입니다 그리고 바로 BitBucket은 특히 파이프 라인에 대한 템플릿을 보여줍니다 이 프로젝트가 PHP임을 알고 있습니다 그래서 그것은 나에게 PHP 파이프 라인을 제안한다

이제는 파이프 라인의 구성이 YAML 파일 그리고 BitBucket은 바로 그것을위한 템플릿을 제공합니다 템플릿은 실제로 매우 간단합니다 Docker 이미지를 정의하여 시작합니다 테스트 또는 배포가 실행되어야합니다

이 경우 BitBucket은 phpunit 사용을 제안합니다 Docker image, 나는 이것이 훌륭한 선택이라고 생각한다 당신이 정의 할 수있는 다른 것들은 이 스크립트가 실행되어야하는 분기와 스크립트가 통과해야하는 단계가 있습니다 에서 이 경우에는 작곡가 버전을 반향합니다 PHPUnit 버전을 반향시키고 설치합니다

작성자 종속성 BitBucket의 튜토리얼을 여기에 따라 복사 해 봅시다 클립 보드를 만들고 bitbucket-pipelinesyml 파일을 만듭니다 따라서이 파일에서 BItBucket이 제공 한 템플릿을 붙여 넣을 것입니다

하지만 이제 우리는 일부 단계가 변경됩니다 작곡가와 PHPUnit의 버전을 보여주는 대신 Composer 의존성을 설치하기 만하면 PHPUnit을 실행하게됩니다 그래서 나는 갈거야 이 모든 것을 대체하기 위해 phpunit (명령의 이름)을 입력 할 것입니다 그런 다음 구성 파일 (예 : -c)의 경로를 지정하고 구성 파일은 다음과 같습니다

tests / phpunitxml에 있습니다 이제 BitBucket Pipeline 구성 파일이 만들어졌습니다 그래서 이 파일을 커밋 할 예정이며 기본 커밋 메시지를 남겨두고 커밋을 치러 갈거야 그리고 이것은 이미 우리의 첫 번째 파이프 라인 빌드를 유발합니다

그래서 그냥 16 초 파이프 라인이 성공적으로 완료되었습니다 이제 파이프 라인을 열고 무엇을 볼 수 있습니까? 그것은 실제로 무대 뒤에서했다 그래서 여기 당신은 그것이 처음으로 내 이미지를 만들었고, 내 Docker 이미지를 가져 와서 PHPUnit을 실행했습니다 여기 나는 그것이 네, PHPUnit을 볼 수 있습니다 1 개의 테스트를했고 그것은 1 개의 주장을했다

좋아, 모든 것이 효과가있다 이제 오류가있을 때 작동하는지 확인해 보겠습니다 수업 그럼 소스로 돌아가서 우리의 검블 머신을 조작합시다 나는 편집 할거야

그것은 BitBucket 웹 사이트에서 조금 더 쉬워 졌기 때문입니다 그냥 분배하는 대신 바퀴벌레를 돌릴 때 한 움큼의 소리가 난다 나는 사용자가 돌았을 때 두 개의 소리 껌을 분배 할 것이다 바퀴 그래서 저는 커밋을 만들 것입니다

나는 그것을 "Bugges 버전이라고 부르겠다 gumball machine "과 새로운 커밋을 만들 것입니다 나는 파이프 라인으로 돌아갈 것입니다 즉시 새 빌드가 실행되어 동일한 빌드를 진행한다는 것을 알 수 있습니다 다시 한 번 단계

Docker 레지스트리로 갈 것이고, PHPUnit을 가져올 것입니다 이미지가 있고 거기에 당신이 있다면, 우리의 파이프 라인은 실패합니다 이제 클릭하여 왜 실패하는지 알 수 있습니다 여기 나는 네, GumballMachineTest, testIfWheelWorks는 "98이 예상 99와 일치한다고 주장하지 못했습니다"라고 말합니다

그래서 파이프 라인의 상태를 볼 수있는 곳이 두 곳 있습니다 너는 볼 수있어 그것은 꽤 명백한 파이프 라인에 있습니다 그러나 커밋 섹션에서도 볼 수 있습니다 커밋이 성공적으로 빌드 된 경우 실제로 커밋 사이에 볼 수 있습니다 실패한 경우

그것은이 비디오를위한 것입니다! 놀랍게도 실제로 PHPUnit을 얻는 것은 실제로 쉽습니다 BitBucket 파이프 라인에서 실행 및 실행 다음 비디오에서는 환경 변수를 사용하는 방법과 이유를 보여줄 것입니다 파이프 라인 이 비디오가 마음에 들었거나 BitBucket 파이프 라인에 대해 더 알고 싶다면 꼭 확인하십시오

내 채널을 구독하거나 Twitter에서 나를 팔로우하십시오!

Apple iPhone 8 – FIVE reasons why it’s good to go RED

Apple iPhone 8 – RED가 좋은 이유 다섯 가지 이유 iPhone 8은 최근 멋진 (PRODUCT) RED 에디션을 발표 한 Apple과 새로운 모습을 얻었습니다 8 및 8 플러스 모두이 놀라운 디자인에서 사용할 수 있으며 현재 iPhone을 업그레이드하려는 경우 RED로 전환해야하는 5 가지 이유가 있습니다

눈에 띄는 것은 놀라움 Apple은 (PRODUCT) RED 장치를 출시하는 데 낯선 사람이 아닙니다 이 새로 고침 된 휴대 전화는 대개 초기 출시 후 몇 달 후에 도착하며 올해 버전이 가장 매력적이어야합니다 유리 케이스가 달린 iPhone 8을 사용하여 Apple은 풍부하고 생생한 컬러를 만들어 냈습니다 풍부한 붉은 색을 뚫고 실버 메탈릭 애플 로고가 새겨진 멋진 터치도 있습니다 이것은 정말로 붉은 색이 빛에 따라 미묘하게 변하기 때문에 특히 아주 좋은 장치입니다

사과의 다른 색보다 지문 자석이 적습니다 전면이 검은 색입니다 애플은 작년의 (제품) 레드 아이폰을 하얀색으로 선전 해 비난을 많이했다 미국 기술 회사가이 전면 판 주위에 검은 색을 특징으로하는이 최신판을 들었습니다 이 새로운 조합이 확실히 더 나은 것은 의심의 여지가 없습니다

실제로는 역동적 인 붉은 색이 더욱 두드러지게 나타납니다 다른 사람을 도와 줄 구매 1 건 (PRODUCT) RED 장치의 핵심은 HIV / 에이즈에 감염된 판매 지원 직원입니다 애플의 제품 마케팅 담당 부사장 인 그렉 조스 위크 (Greg Joswiak)는 "이 특별판 (PRODUCT) RED iPhone은 고객에게 HIV 및 에이즈 확산 방지에 영향을 줄 수있는 기회를 제공합니다 우리는이 대담한 새로운 iPhone으로 (RED)를 지원하게되어 자랑 스럽습니다 고객은 우리가하는 것처럼 특별하다고 생각하길 바랍니다

"Apple은 11 년 동안 (RED)와의 파트너십을 통해 상담 및 테스트를 제공하는 HIV / AIDS 프로그램을 지원했다고 말합니다 , 어머니로부터 태어나지 않은 아이에게 HIV가 전염되는 것을 막는 약품 지금까지 미국 기술 회사는 자사의 (RED) 제품 판매를 통해 1 억 6 천만 달러를 모금했습니다 표준화 된 아이폰보다 비용이 적게 듭니다 8 빨간색이되면 여분의 비용이들 것이라고 생각하면 다시 생각하십시오

iPhone 8 (PRODUCT) RED는 형제 자매와 동일한 비용이며 계약시에도 꽤 괜찮은 거래가 있습니다 현재 4GB의 데이터와 무제한 통화 / 문자가 포함 된 월 30 파운드의 iPhone 8 (제품) RED를 구입할 수 있습니다 2 년 동안 £ 86999를 지불하는 합계로 14999 파운드의 선불 수수료가 부과됩니다

iPhone 8 SIM을 구입하려면 여기를 클릭하십시오 각 유사 콘텐츠 비용이 얼마나 듭니다 iPhone 8 (제품) RED 64GB • £ 699 iPhone 8 (제품) RED 256GB • £ 849 iPhone 8 Plus (제품) RED 64GB • £ 799 iPhone 8 Plus (제품) RED 256GB • £ 949 이 모든 iPhone 8 기능을 사용할 수 있습니다 Apple iPhone 8은 지난 9 월에 출시 된 장치로 많은 업그레이드와 새로운 기능을 갖추고 있습니다

이 새로운 장치는 훨씬 빠른 A11 바이오닉 프로세서와 저조도에서 더 좋은 사진을 찍고 향상된 망막 HD 디스플레이를 제공하는 향상된 카메라를 제공합니다 유리 모양이 새롭게 바뀌어 애플은 무선 충전 기능을 추가 할 수 있었으며, 이는 호환되는 제 1 도킹 스테이션에 배터리를 올려 놓음으로써 배터리를 향상시킨다 보다 값 비싼 iPhone 8 Plus를 구입하면 Apple의 영리한 Portrait 모드를 통해 이미지에 DSLR 스타일의 피사계 심도를 추가 할 수있는 듀얼 렌즈 카메라가 있습니다 새로운 기능과 함께 빠른 Touch ID 지문 센서, True Tone 디스플레이 및 방수 설계를 비롯하여 모든 일반적인 iPhone 즐겨 찾기를 기대할 수 있습니다

TH วิธีจับภาพหน้าจอบน iPhone, iPad และ iPod touch ของคุณ

iPhone, iPad 및 iPod touch에서 스크린 샷을 찍는 방법 iPhone 8 또는 이전 버전, iPad 또는 iPod touch에서 상단 또는 측면 버튼을 길게 누릅니다

즉시 홈 버튼을 클릭 한 다음 상단 또는 측면 버튼을 놓습니다 iOS 11에서는 스크린 샷의 미리보기 이미지가 기기의 왼쪽 하단에 나타납니다 미리보기 이미지를 길게 누르면 스크린 샷을 공유 할 수 있습니다 미리보기 이미지를 왼쪽으로 스 와이프하여 닫습니다 Fawzi 아카데미를 시청 해 주셔서 감사합니다

제발 이 비디오를 구독하고, 공유하고, 우리의 웹 사이트 인 fawziacademycom을 방문하십시오

Tutoriel Formulaire De Connexion PHP HTML MYSQL

안녕하세요 오늘이 새로운 비디오를 환영합니다

우리가 등록 시스템에서 마지막으로 본 로그인 시스템을 본다 화면에서 보듯이 우리는 바로 그것을 할 것입니다 이 아래 마지막으로 여전히 튜브 동작 방식을 형성 년 아직 위치입니다 그래서 당신이 볼 때 여기있는 기분이 듭니다 많은 비문 등등 여기에 다른 바를주지 않는 것이 중요하다 그것은 우리가 쉽게 할 수있는 잉크 팀을 넣어 작동하지 않습니다하지만 우리는 그럼 물론 평평한 판매자들 나는 우리 시대를 피하기 위해 뭔가했다

SIPA 지금 당신은 그것을하고있는 2 명 이상의 사람들이 있습니다 5 시부 터 6 시까 지 전화를 걸었습니다 여기는 내가 좋은 모든 종류의 lemay 유형의 천국은 마이크입니다 schmidt는 우리가 클릭해야 할 그룹에서 우리가 말한 것을지지하지 않습니다 우리가 그 사람을 삼촌이라고 부르는 이름은 우리처럼 아무도 넣을 수 없다

당신이 그것을 평가해야만하는 jchch의 필드를 채우면 안됩니다 그곳에 전화하면 우리는 위임장이라고 말할 것입니다 그래서 모든 것이 정상적으로 보였던 모든 매체의 페이지에서 정상적으로 좋다 우리가 더 많은 연민이나 아스트로스를 넣지 않으면 간접적으로 tsl을함으로써 우리는 우리가 원하는 것을 할 수 있습니다 거기에 대한 압력 때문에 경찰관이 데이터베이스 아니, 오히려 여기에 엑스 요인에 cicchitto했다 그래서 당신은 내게 코스가 보내 졌는지 확인해야한다고 제안했다

큰 행동 덕분에 포스트 방법 덕분에 보내졌습니다 가능한 한 보내십시오 우리는 이미지의 레벨과 지난달 그 다음 우리는 제 9의 장소를 조사했다 나는 그에게 재판을 보낸다 그 일이 잘 될 경우 재판을 받는다 이미 사이코 도구에있는 기록들 파티 없이는이 게임 마크가 완벽 했는데도 완벽했습니다

우리는 약간의 도움을 줄 것이다 그래, 그때 나는 같은 등반이 우리를 생각했다 아무 것도 보이지 않는다면 우리는 우리의 전체 수준으로 되돌아옵니다 그것을 보지 않기 위해 나는 선언문을 생각한다 그리고 잘 우리는 점검 할 것이다

분명히 가능하다 영어로 그런 즐거운 항목이있다 우리가 갈 다른 사람들이 릴이 아니라는 것을 확인했습니다 우리는 이미 계속해서 그들은 일종의 암호화와 나는 그에게 10 스포츠가 달러표와 평화를위한 것이라고한다면 일반적으로 모든 것이 좋고 따라서 우리는 절반을 얻을 것입니다 버그 신고 그래서 우리가 다른 튜토리얼 튜토리얼없이 그것의 기초가된다면 이전에 우리는 이미 연결 전에 레벨 2로 가야합니다

나에 대한 스타일이 적용된 브랜드의 비디오는 너무 오래 지속되어 누군가가 달러 편향이라고 불린다 어차피 17 군대 만의 아픔에 기부를 도왔다 기꺼이 준비되다 나 자신을 준비하고 있으며 야심 차게도 잊지 마라 작은 애들에게 인사하고 그 충고라고 말하라고 특히 모든 카테고리에서 내가 미안하다고 말합니다

하지만 그게 다야 예, 우리가 찍은 법적인 미소로 이메일 주소를 확인합니다 회신 할 때 이메일이 없습니다 다음 우리가 잘 볼 수 있도록 좋은 에페를 적용하기 때문에 그것은 세상입니다 희생자를 위해 교육받은 – 수익의 수준은 우리가 메일의 첫 번째 레벨을 comencini라고하고 그 아래에 세상이 나아갈 달의 껍데기 라 불리우며 고용 한 다음 잘 작동하는지 확인합니다

부시 여기에서 그룹으로 체크인 할 것입니다이 쿼리에서 음성 문제가 있습니다 그 대가로 보통 괜찮은 127을 확인하십시오 그리고 얼마나 많은 돈을 벌고, 우리가 여기에 머문다면 도매는 1과 같습니다

그것은 1 대 주인이 아니라면 평등합니다 갑자기 우리는 점수 수집을 할 것입니다 joe pietersen 그게 아무것도 없다면 우리가 적어도 더 많이 가야 해 그래서 우리는 그에게 왜 그의 노래 일본이 그렇게했는지를 말하게 할 것입니다 계정을 만들 수 있습니다

더 이상 이름이 기억 나지 않습니다 작은 도전 fleximer 그건 괜찮아하려고하려고 암호화 할거야 우리가 나에 대하여 생각한 것은 우리가 나누는 하나님에 대한 그의기도입니다 전 세계를 훈련시키고 내 데이터에서 전자 메일 주소를 암호화합니다 우리는 걸을 수있게 될 것입니다 작은 것에 만족하지 않기 때문에 일하게 될 것입니다

개가 원래 영토를 속이고있다 사건의 오류에 대해서도 비록 내가 행동으로 카피 한 타이핑이더라도 나는 잠시 후에 돌아갈거야 나는 나뭇잎에 문제가 있음을 확인했다 나는 모든 것이 여기에 있다는 것을 알았다 나는 그 말을 휘슬을 불어 넣지 않았다

여기 서서 놀아 라 싫어하는 비용을 수치화하는 걱정 이미 이전 비디오의 우월함에서 나는 마케팅 그것이 아주 잘 작동하는 방법입니다 일반적으로 tig에서 작업하지만 어이 여기에서 패배하지 않은 cgem은 비디오의 끝입니다 질문이 생기면 비가 내린다 – 의견을 그리는 방법 팀에 가입하는 것을 망설이지 마라

마지막으로 동영상을 교차하는 방법을 알리는 알림을 활성화하려면 관심을 가질 수 있고 주저하는 경우 동영상에 댓글이달라고 요청하거나 그렇지 않으면 끝입니다 비디오의 끝 비디오의 끝 나는 신이 다음으로 선택해 주셔서 감사합니다 안녕하세요

PHP – ดึงข้อมูลผู้ใช้งานผ่าน Access Token | Facebook Graph API #1

* Hello * : D * 이것은 액세스 토큰을 통해 사용자 정보를 검색하는 방법을 알려줍니다 첫 번째 단계는 액세스 토큰을 얻는 것입니다

그런 다음 변수를 작성하십시오 $ access_token 다음에는 붙여 넣기해야하는 액세스 토큰입니다 다음은 Facebook API에 값을 보내기위한 cURL 함수를 작성하는 것입니다 그런 다음 $ userinfo 변수를 작성하여 cURL에서 Facebook으로 얻은 json 디코드 값을 가져옵니다 그런 다음 사용자가 목록을 가져올 수 있는지 여부를 테스트하려면 Print_r을 작성하십시오

그리고 우리는 facebook id를 꺼내려고합니다 또는 당신이 그것을 당기는 것을 선호 할 것입니까? 지켜봐 줘서 고마워 다음 클립에서 보자 궁금하거나 이해하지 못하는 사람 무엇에 대해 쓰고 싶습니까?

Stripe Integration Tutorial Using PHP – Credit Card Payment Processing

이 동영상에서는 스트라이프 API를 사용하여 신용 카드 결제를 처리하는 방법과 또한 우리는 가격 책정 페이지를 작성하여 여러 제품을 나열하고 모든 제품을 동적으로 판매 할 예정입니다 나랑있어

이봐 요, 상원 의원은 codingpassiveincomecom에서 다른 사람들이 웹 개발자가되는 데 도움이되는 곳에서 무엇을할까요? 그들이 스스로 할 수있는 것보다 훨씬 쉽고 빠릅니다 그래서 그게 당신에게 흥미있는 것이라면 가입을 고려하십시오! -> 따라서 실제로 코드를 작성하기 전에 이 튜토리얼에서 이해해야 할 기본 사항을 설명하여 모든 것을 쉽게 이해할 수 있도록하고 싶습니다 따라서 우리가 할 일은 먼저 가격 책정 페이지를 하나 만들어서 이것이 가격 책정 페이지라고 가정 해 봅시다 여기서 우리는 Bootstrap 4의 카드를 사용하여 제품, 타이틀 및 일부 기능을 나열한 다음 버튼을 지불하고 내가 소개에서 말했듯이 당신은 여러 제품을 판매 할 것이기 때문에 우리는 이것들을 많이 가지고있을 것이고, 그래서 이것들은 동적으로 그렇게 될 것입니다

어떤 것에도 국한되지 않으므로 누군가가이 PayNow 버튼을 클릭하면 작은 팝업이 여기에 올 것이고 방문자는 신용 카드 정보를 입력해야합니다 Stripe API가 확인하고 모든 것이 정상이면 그는 한 페이지에 게시물을 올릴 것입니다 그래서 여기 그리고이 페이지는 우리의 실제 스트라이프가 될 것입니다 API 도트 PHP 파일, 그래서이 파일에 우리가 할 일은 확인하는 것입니다 다시 한번 여기에서 정보를 얻으십시오 그리고 나서 실제로 신용 카드에서 요금을 내고 모든 것이 정상이면 우리가 그렇게 한 후에 여기에서 그것은 단지 당신이 할 수있는 선택 사항입니다

정보를 어떤 데이터베이스에 저장하거나 이메일이나 기타 원하는 것을 보내 주시면되지만 여기에 중요한 부분이 있습니다 동적으로 가격 책정 페이지를 만드는 방법과 스트라이프 API로 모든 것을 연결하는 방법을 이해하는 것입니다 코드를 작성하는 방법을 보여 드리겠습니다 자, 이제 저는 PHP Storm에 왔습니다 그리고 나는 새로운 프로젝트 인 스트라이프 페이먼트를 만들었고 비어있는 가격 도트 PHP 파일을 만들었습니다

그래서 내가 할 일은 내가 할 일이다 특별한 HTML 문서를 만들지 말고 제목을 다음과 같이 지정합니다 가격 책정 페이지 부트 스트랩 4에서이 페이지를 디자인 할 것이므로 최신 버전을 다운로드 할 것입니다 getbootstrapcom으로 이동하십시오

다운로드 및 그럼 난 그냥 BootstrapCDN 링크를 복사하거나 내가 원하는 경우 다운로드하는 방법을 보여줄 수 있습니다 소스 파일이므로 컴파일 해 봅시다 좋아, 그리고 나는이 프로젝트 폴더로 다운로드 할 것이다 그렇게하겠습니다 모든 것을 추출하다 이 보관 파일을 삭제하고 그럼 여기서 볼 수 있듯이 우리는 CSS를 가지고있다

파일과 우리는 JS 파일을 가지고 있지만, 지금은 CSS 파일 만 필요합니다 그래서, 여기에서 나는 링크를 말할 것이다 관계 스타일 시트, 그리고 나서 href로 부트 스트랩의 폴더 CSS를 말할 것입니다 , 그리고 나서 부 풀트 최소 점 CSS를, 지금은 좋아 부트 스트랩에서 정의해야 할 첫 번째 일은 ofcourse 컨테이너이므로, 조금만 확대 해 보겠습니다

좋아, 그럼 내가 만들거야 하나의 컨테이너 이 컨테이너에 한 행을 만들고이 행에 카드를 만듭니다 그래서 나는 클래스 카드를 말할 것이고이 카드에서 당신은 가질 것입니다 카드 헤더는 괜찮습니다 그런 다음 카드를 복사하고 카드로 복사합니다

본문 ok와이 카드 본문 나는 하나 가질거야 카드 제목을 입력하면 제품 제목이 표시됩니다 제품 번호 1 좋아 그리고 아래로 내려 간다

우리는 하나의 목록을 가질 것이다 그래서 나는 말할 것이다 목록 그룹 좋아, 그리고이 목록에 목록 그룹 항목이 서로 다릅니다 그래서 이것은 기능 1과 같을 것입니다 이 두어 번 복제해라

좋아요, 헤더에 여기 있습니다 나는 당신이 하나를 가질 것이라고 말하려고합니다 나이 2라고 가정 해 봅시다 수업은 가격을 말하게 될 것입니다 그리고 여기에 우리는 약간의 가격을 가질 것입니다

좋아요,이 모든 것 우리는 동적으로 생성하려고 합니다만, 지금은 하나를 생성하려고합니다 판매 할 제품 만 디자인을 만들므로이 부분을 확인해 보겠습니다 그래서 이것은 우리가 조금 더 멋지게 만들 수있는 순간처럼 보입니다 그래서 여기에서 나는 스타일을 만들 것입니다 좋아, 우리는 외부 파일을 사용할 수 있지만 순간을 추가하거나 여기에서 인라인 만 사용하십시오

나는 컨테이너를 옮기고 싶다 100 픽셀이라고하겠습니다 내가 좋아할 다음 작품은 카드의 경우 300 픽셀로 저장합니다 괜찮아 마우스를 올려 놓을 때 마우스 오버 효과를 만들면 멋지게 될 것입니다 카드가 그렇게 말하자

그것은 변환을 말할 것입니다 15로 확장됩니다 또는 0-5 조금만 누른 다음 전이 의 말을하자 쉬운 좋아, 그럼 이번에는 그냥 지울거야 좋아, 그럼 우리가 지금까지 가지고있는 걸 보자 그렇게 부드럽게 새로 고침은 더 커요

그리고 마우스로 가면 보입니다 좋아, 좋아 그래서 다음은이 목록에서이 테두리를 제거하는 것입니다 그 말을 해봅시다 목록 그룹에서 Item, 경계를 0 픽셀로 설정하고 5 픽셀의 패딩을 추가합니다

그래서 괜찮아 보자 그래서 나는 더 좋을 것이다 그래서 여기에 우리가 말할 수있는 카드 바디 가운데 텍스트 괜찮아 과 그럼이 카드 제목은 우리가 할 수 있습니다 조금 더 크게 만들겠습니다 그러면 h1을 보겠습니다

괜찮아 좋아요 이제는 조금 더 멋지게 보이게하기 위해이 가격을하는 걸 좋아할 것입니다 아마도 우리가 가격을 말하면 가격이 책정되었거나 더 좋을 수도 있습니다 가격 I 그 글꼴을 말할 것인가? 크기는 픽셀이라고합시다 정말 큰 무언가 하지만 이 달러 기호는 여기에 난 그냥 스팬과 나는 수업을 만들거야

통화를 가정 해 봅시다 알았어, 달러 볼게 이제 알았어 상대방에게 포지션을 설정하고 그 다음엔 글꼴 크기가 가격과 비교하여 정말 작을 것이라고 가정 해 봅시다 25 픽셀 그리고 아마도 우리는 움직일 필요가있을 것입니다

이 맨위, 그래서 나는 그것이 얼마나 괜찮은지 잘 모르겠다 그래서 이것을 확인해 보자 통화를 클릭 한 다음 말하려고합니다 – 30 픽셀을 가정 해 봅시다 이걸 좋아 할까? 그래서 -31 픽셀 그리고 중심으로 설정해 보겠습니다

자, 이제 이것은 우리 제품의 기본 디자인이므로 물론입니다 이 카드를로 이동해야합니다 별도의 열, md4라고 가정 해 보겠습니다 여기에 복사 해주세요 과 그럼 지금 우리가해야 할 일은 우리가해야 할 일은 단지 다른 제품과 여기 결과가 있습니다

그래서 이것은 3 가지입니다 제품과 그것이 당신이 창조하고 기본적인 것입니다 우리는 당신이 좋아할만한 제품이나 백가지를 가질 수 있습니다 알았어, 그럼 난 그냥 이 작업을 실행 취소하면 그만한 제품이므로 지금이 제품을 만들어 보겠습니다 역동적 인 그래서 나는 단지 새로운 파일을 생성하십시오, 그래서 새로운 PHP 파일을 말하자면, 나는 그것을 제품으로 명명 할 것입니다

좋아요 기본적으로 내가 성취하고자하는 것은 하나의 연관 배열입니다 배열, 좋아, 그리고 이제이 제품에 우리는 다른 말을하자 각각 ID가 다르므로 제품 번호가 1이라고 가정 해 봅시다

괜찮아 그 아이디와 해당 제품의 경우 제목을 말하자면 몇 가지 기본 정보가 있습니다 내 놀라운 제품 번호 하나, 그럼 우리는 가격을 가지게 될 것입니다 좋아, 그럼이 가격이 네가 볼 수 있듯이 나는 그 가격이 $ 67이지만 우리는 두 개의 0을 추가하고 있습니다

곱한 100 및 스트라이프 API를 사용하는 데 필요한 방식이므로 좋아요 그럼 나는 단지 몇 가지 기능과 특징을 말할 것입니다 다시 배열이 될 수 있습니다 그래서 우리가 feature one 기능 2 – 및 그때 3 번 특징, 좋아요 제품 하나와 우리는 그것을 복제 할 수 있고 우리는 이것이 또 하나있을 것이라고 말할 수 있습니다

제품 번호 2 가격은 의 말을하자 147 달러 그럼 우리는 다른 것을 가질 것이다 37 달러라고 가정 해 봅시다 제품 번호 3, 이제 가격 결정 페이지에서 다른 제품을 모두 표시하는 방법을 알아 보겠습니다

보시다시피, 우리는 이것을 복제해야합니다 그 전에 여기에서 로즈 나는 PHP와 여기, 나는 말할 것이다 그래서 우리는 맨 처음에 그것을 인코딩해야합니다 제작품 그래서 제품 PHP를 말할 것입니다

각각 제품 ID라고하는 제품 그리고 그 공약 제품 속성, 좋아, 우리는 에코하려고합니다 이렇게하면 먼저 새 행을 만들 때이 새로운 행을 에코하려고 할 때를 결정하고 싶습니다 여기에 하나의 변수가 있습니다 열 번호를 봅시다 첫 번째가 같으면 1이므로 우리는 다음과 같은 것을 볼 것입니다

열 번호는 1입니다 우리는 에코를 말한 다음 이것을 얻습니다 좋아요, 그리고 아래로 내려 가면 열 번호 3과 동일 좋아, 우리가 끝내야 해 이 좋아 그리고 이 열 번호를 0으로 재설정해야합니다 전화 번호가 표시됩니다

플러스 플러스 우리는 지금 막 증가하고있다 그래서 이 중 하나를 삭제할 수 있습니다 이제 우리는이 부분을 인쇄해야 복사 할 수 있습니다 좋아, 내가 여기 에코와 그냥 말할 것이다 붙여 넣기 여기에 우리가 간다 이제 우리 제품에서 오케이

타이틀 가격과 기능을 가져와야합니다 첫 번째 것은 가격이므로 여기에서 알 수 있습니다 속성 가격 괜찮아 우린 나눌 필요가있어 우리가 제품의 이름을 알 필요가있는 후에 진짜 가격을 얻으려면 100 그러면 속성 제목이 표시됩니다

자, 여기 보시다시피 우리는 모든 미래의 목록을 가지고 있으므로 각각을 위해 다른 것을 사용해야합니다 좋아, 여기 우리가 가진 에코를 닫을거야 다른 하나를 열면 잘못된 것이 없는지 확인한 다음 여기에 있습니다

나는 각각에 대해 말할 것이다 속성 다음과 같은 기능 특징 나는 여기에서 에코 할거야 그 특색 이처럼 좋아, 여기 우리는 기본적으로 통과하고있다 이 배열과 여기에 나열된 모든 필터를 통과합니다

괜찮아 우리가 지금 무엇을 가지고 있는지 보자 우리에게 실수가 있습니까? 그래서 꽤 많이 그것은 좋아 보인다 우리는 육십 칠 칠백 칠십 칠 칠십 칠명이있다 좋아요, 그리고 나서 우리는이 제목을 아주 크게 가지고 있습니다

그래서 우리는 이것을 페이지로 바꿔야합니다 두 더 작게 만들기 위해 그래서 조금 더 멋지게 보이고 이제 테스트 해 봅시다 우리가 다른 것을 추가하면 어떻게 될까? 제품이므로 중복됩니다 제품을 예로 들어 보겠습니다 네 번째 이제 가격이 270 일 것이라고 가정 해 봅시다

좋아, 그럼 미래의 세명 하나는 단지 약간의 차이를 만든다 새로 고침을하면 아래에 추가되었음을 알 수 있습니다 어쩌면 우리는 더하다 여기 브레이크처럼 그래서 보자 좋아 보이네 그래서 새로운 제품을 추가 할 때까지 여러 번

가격 책정 페이지에 표시되지만 지금은 지우겠습니다 우리는 지금 겨우 3 명 밖에 없습니다 좋아, 이제는 그것이 전부다 그 일은 가격 책정 페이지의 기본 디자인과 지금 우리가해야 할 다음 작업은 실제로 통합하는 것입니다 이 가격 책정 페이지의 스트라이프 API는 이전 튜토리얼에서 볼 수 있습니다

나는 보통 문서와 읽거나 알 필요가있는 모든 것을 설명하기 시작하면 곧바로 코드,하지만 당신들 중 많은 사람들이 이해할 수없는 패턴을 발견했습니다 내가 어디에서 왔는지 궁금해 코드와 그 이유로 나는 이번에는 문서를 통해 함께 갈 것이라고 결정한다 설명서를 읽고 어떻게하면 배울 수 있는지 보여줄 것입니다 이 자습서로 향후 변경 될 내용이 있습니까? 좋아, 그래서 내가 가고 싶은 첫 번째 일은 문서에있다

체크 아웃 및 어쩌면 그 전에 로그인 하셨다면 dashboardstripecom에 로그인하십시오 지금과 같은 대시 보드에 문서에서 그들은 모든 놀랍습니다 귀하의 계정에서 게시 및 비밀 키 괜찮아 질 필요 없어? 먼저 paypal을 추가해야합니다

이 버튼을 죄송합니다 가격 페이지에 여기에 명확한 내용이 있습니다 설명 무슨 일이 일어나고 워크 플로는 무엇입니까? 고객과 배경에서 무슨 일이 일어나고 있는지 스스로 알 수 있습니다 내가 중요하게 생각하는 것에 집중할 것입니다 그리고 이것은 우리가해야 할 일은 실제로 이 코드를 복사 해, 알았지? 그런 다음 Google의 가격 정책 페이지에 붙여 넣기 만하면됩니다

우리가 이것을 분석하면 알 수 있듯이 이것은 기본적으로 우리가 어떤 행동을 취하고 모든 세부 사항을 PHP 코드, 스트라이프 API 및 그러면 여기에 우리가 볼 수 있듯이 데이터 키가 있습니다 이것은 테스트 게시자 키를 볼 수있는 것과 같습니다 로그인하지 않으면 여기에서 아무 것도 볼 수 없으므로 그것이 모두 차가운 것이 중요합니다 죄송합니다 이미 로그인하셨습니다

데이터 양은 가격이며 데이터 이름입니다 제품의 이름과 남겨 둘 수있는 다른 것들, 그래서 이것을 복사하겠습니다 좋아, 그리고 그런 다음 가격에 대해 알아보고 아래에 나와 있습니다 닫힌 목록 어쩌면 두 번 나누고이 코드를 붙이자

괜찮아 지금과 같이 여기서는 행동을 수정하고 하나의 파일을 만들겠다고합시다 Stripe ipn dot PHP는 괜찮아요 그리고 그 파일은 여러분이 지나갈 것입니다 제품 ID 알았어 우리는 추가 할 것이다

과 여기에 도착하는 제품 ID입니다 각 루프마다 좋아요, 다음 ID는 숨길 수 있습니다 데이터 양은 괜찮습니다 우리는 속성 가격 자, 여기서 제목이 필요해 그래서 저는 말할 것입니다

제목 및 꽤 많이 그게 전부입니다 그래서 우리가 지금까지 얻은 것을 보도록하겠습니다 따라서 새로 고침하면 각 제품별로 각 카드마다 다른 것을 볼 수 있습니다 너무 어쩌면 하나의 휴식을 제거하겠습니다

괜찮아요 이렇게 멋지네요 이걸 클릭하면 요금 67 달러 이제 우리가 이걸 확인하면 뜨겁다 147 이건 37 이것은 여러분이 볼 수 있듯이 지금까지 모든 것이 어떻게 동적으로 작동하고 있는지를 보여줍니다 좋아 이제 우리가해야 할 다음 일은 이 줄무늬 IP n 도트 PHP 파일을 만드는 방법 그래서 나는 프로젝트에 가서 새로운 PHP 파일로 간다

다음 스트라이프 IP n 괜찮아 그리고 내가 여기있는 동안, 나는 이것을 복제 할 것이다 config dot PHP와이 부분을 만듭니다 우리는 관련된 모든 것을 쓰려고합니다 스트라이프 APM의 초기화 괜찮아 이제 클라이언트 측에서 이것을 만들었습니다

여기에서 볼 수있는 것처럼 서버 측 코드도 필요하므로 여기를 클릭하십시오 어떻게 할 수 있는지에 대한 설명입니다 PHP 코드를 작성하고 여기에 모든 단계에 대한 의견이 있습니다 API 키를 설정하기 위해 무슨 일이 일어나고 있는지, 그런 다음 우리는 여기에있는 양식 그러면 우리는 요금을 내고 있습니다, 알았습니다 그래서 저는 이것을 복사 할 것입니다

스트라이프 AP 및 파일에 붙여 넣으십시오 그러나 지금 보시다시피 우리는 이것을 가지고 있지 않기 때문에 붉은 깃발이 있습니다 네임 스페이스와 그것은 우리가 이미 스트라이프 appian을 초기화하지 않았다는 것을 의미합니다 그럼 이렇게 검색 하죠 github 스트라이프 API 예 좋아, 그리고 나 지금 갈거야

모든 것을 다운로드하십시오 같은 폴더에 과 이제 여기서 모든 것을 추출 할 것입니다 알았어 아카이브를 지워 라 이제이 폴더에서 압축을 풀면 모든 다른 것을 볼 수 있습니다

파일 및 폴더 하지만 실제로 필요한 것은이 init 파일과이 라이브러리 폴더입니다 그리고 이것을 열면 우리는 그것은 단지 모든 파일을 필요로합니다 라이브러리 폴더 괜찮아요 그래서 나는 모든 것을 선택하고 그 두 가지를 제외하고 그냥해라, 알았어 이제 설정에서

할거다 줄무늬 폴더에서 요구한다 Init 파일을 만든 다음 아마 하나만 만들 것입니다 줄무늬 디테일이 배열과 같다고 가정 해 봅시다 그러면 여기에서 말할 것입니다 우리는 하나를 가질 필요가 있기 때문에 비밀 키를 누른 다음 공개 키, 그래서 내가 말할 것이다 비밀 키, 알겠습니다

그런 다음 게시 할 수 있어야합니다 괜찮아 괜찮아 그리고 그것이 바로 제가 지금 비밀 열쇠가이 열쇠입니다 괜찮아 여기에 게시 할 수 있습니다 이것 하나는 여기에있다 그래서 나는 그것을 얻을 것이다

그렇게 포함되어 있습니까? ~에서 그것을 부를 것이다 이 변수들은 그 키들과 내가 살기를 원하는 모든 시간을 업데이트하는 것입니다 여기 열쇠들, 그리고 난 그걸 할 준비가 됐어 그러면 이걸 복사 할거야 내 안에 좋아, 그럼 그냥 복사 및 코멘트 – 그리고 나서 그는 같은 좋아, 여기 나는 이걸 좋아 할거야, 우리 API 키는 스트라이프 세부 정보 및 비밀 키, 이제 알맞은 가격 책정 줄무늬에서 갈 필요가있어

세부 게시 가능 키 그럼 여기, 내가 구성을 구성에 포함하십시오 나는 포함 할 것이다 제품은 스트라이프 API 및 파일로 필요하기 때문에, 좋아, 그럼 우리 페이지를 확인해 보자 그로 인해 권한이 거부 된 문제는 무엇입니까? 내 서버 설정 때문에 빨리 이것을 수정하십시오 재귀 적 괜찮을거야 그래

좋아,이 부분은 좋아 보인다 그래서 지금 우리가 지불하려고 할 때 모든 세부 사항은 스트라이프 APn과 Phi로 보내질 것입니다 나는 그들이 당신이 이미 우리가 얻을 것이라고 쓴 것을 볼 수있는대로 당신이 얻으려고하는 것을 보여주고 싶습니다 스트라이프 토큰뿐만 아니라 다른 세부 정보를보고 싶습니다 우리는 ECHO를 무료로 말할 것이고 var_dump POST라고 말할 것입니다

왜냐하면 나는 모든 것을보고 싶다 그래서 나는 출구를 뚫을 것이다 그래서 이것을 시도해 봅니다 제가이 카드를 구입하려고 할 것이므로 카드로 지불하러 갈 것입니다 내 이메일 테스트를 해보 죠

livecom 및 그럼 내가 이 카드를 사용하면이 카드를 사용할 수 있습니까? 스트라이프 문서에서 테스트 카드를 찾을 수 있습니다 그래서 이것은 내가 사용하기를 원하는 것입니다 그리고 나서 우리는 장래에 만료 날짜를 사용할 필요가 있습니다 그러니이 무작위로 말한 다음 지불하십시오

147 잘 했어, 나는 APN 스트라이프로 방향이 바뀐다 이제 ID로 볼 수 있듯이 제품 번호 2 번을 따라 간 것처럼 전달됩니다 스트라이프 토큰이 있습니다 좋아요, 우리는 줄무늬 문서와 카드를 가지고 있고 우리는 줄무늬 이메일을 가지고 있습니다 자, 이제 우리는 토큰을 이미 가지고 있으므로 여기에 토큰이 있습니다

게시물 스트라이프 이메일 및 제품 ID 신분증 좋아, 그게 다야 이제 사용자 계정에 대한 요금을 먼저 내야합니다 우리 제품에서 그 사실을 확인하고 싶습니다 우리는 실제로이 ID를 가진 제품을 가지고 있습니다 그래서 나는 말할 것이다

설정하지 않았다 제작품 제품 ID 나는 다만 그 (것)들에게 사람을 읽으라고 말하게 할 것이다 Pricingphp 괜찮아 그럼 이것을 시도해 봅시다

그래서 우리는 여기에 제품 하나의 제품 두 제품 3 모두 좋은 것 그리고 우리가 이것을 새롭게하면 그것은 모두 좋은 것입니다 스트라이프 문서 전자 메일에 문제가 있음을 나타냅니다 좋아, 그리고 괜찮습니다하지만 이제 제품 4에 액세스하려고합니다 지금 내가 볼 수있다

속임수를 쓰려고 노력 중이므로 PHP 가격을 책정하고 지금은 67 달러 다음에 기억하기 위해 사용할 시간입니다 괜찮아 아니요 67 좋아, 이제이 부분은 좋아 보인다 그래서 여러분이 문제를 볼 수있는 것처럼이 문제가 발생하면 스트라이프는 할 수 없다 STRIPE API는 스트라이프와 통신 할 수 없으며 여기에서 볼 수 있듯이 오류 설정 중입니다 인증서 확인 위치 사파 (Safa)와 대부분의 시간 문제는 로컬 호스트에 없기 때문에 문제가됩니다

SSL 설치 및 기본적으로 만약 당신이 살아있는 웹 서버를 가지고 있고 당신이 스트라이프 API가 제대로 작동하려면 도메인에 SSL이 있어야합니다 로컬 호스트에서 작업하는 동안 쉽게 수정할 수 있습니다 스트라이프 APN에서 여기로 이동하는 것입니다 그럼 그냥 설정해 SSL 인증서를 거짓으로 좋아요

이제 우리는 우리가 SSL없이 강제로 스트라이프 API 사용 좋아, 그리고 이 일을 끝내고 나면이 테스트를 만들어 보겠습니다 그래서 가공이나 토큰은 무엇입니까? 그건 왕이야 다시 시도해 보도록하겠습니다이 제품을 구매하겠습니다 괜찮아 괜찮아 물론 가격은 달라질 것입니다

지금은 67 달러가되지 않습니다 이 부분을 구현하지 않았기 때문에 좋아, 여기이 부분이 좋아 보인다 스트라이프 대시 보드에 가면 새로 고침을한다 우리는 잠시 전에 새로운 판매를 볼 수 있습니다 $ 9

99 그것이 우리가 여기에서 부과하는 것이기 때문에 스트라이프 APN입니다 알았습니다 먼저이 제품 ID를 설정하지 않으면 여기에서 말할 수 있습니다 그러나 그 전에 우리는 그렇게 말할 수 있습니다 설정하다 토큰 이었어

또는 이것을 설정하지 않음 좋아, 우리는 그들에게 reddirect 할 것이다 괜찮아 이제 괜찮습니다 지금 여기 있습니다 우리는 단지 모든 세부 사항을 기입하십시오 여기에 금액을 얻기 위해 우리는 제품 및 제품 ID 및 그 후에 우리는 가격 통화는 열쇠 일 뿐이며 우리의 예를 위해 사용할 설명은 아닙니다

제품 제목, 알았어 이렇게 그게 다야, 알았어, 어떻게 될지 보자 그래서 새로 고침하겠습니다 잇다 좋아 토큰이 존재하지 않기 때문에 다시 가격을 책정합니다

그래서 지금 구매하려고합니다 우리는 모든 세부 사항을 다시 삽입해야합니다 때로는 매우 지루합니다 좋아, 난수 지불, 147 좋아 지금 무슨 일이 일어 났는지 모르겠습니다

그래서 우리가 리디렉션 된 이유는 여기에 있지 않지만 왜 제품, 제품 ID 토큰이 아니라 스트립이라면 토큰 그래서 우리 실수 야, 알았지? 다시 해보자 알았어, 엄마가 좋아 보이네 그들은 새로 고침거야 그리고 지금 너는 우리가 다른 판매가 있다는 것을 볼 수있다 좋아요, 두 번의 성공적인 지불이 있습니다 그래서 나는 지불금에 갈 것이고, 이제 우리는 우리가 첫 번째 것을 만들었다는 것을 볼 수 있습니다 그런 다음 두 번째 이메일 주소를 볼 수 있습니다

우리가 열 경우 달러 금액 모든 것이 단지 그것이 지금부터 한 번 있어야 할 방식을 찾고 있습니다 우리는 요금을 냈습니다 우리는 여기서 우리가 원하는 것을 결정할 수 있습니다 이메일을 보낼 수 있습니다 좋아, 또는 정보를 저장할 수 있습니다

데이터베이스에 이 모든 것들에 대해 물론 그렇게 될 수도 있습니다 내 youtube 채널 및 다른 비디오 튜토리얼에 대한 설명을 배우고 싶다면 각자 내가 다시하지 않을거야 그래서 나는 단지 메시지 에코를 설명 할 것이다 성공 너는 기소되었다 그리고 나서 우리는 단지 가격을 표시 할 것이다

그럼 여기서 달러라고 말하자 다시 테스트 해 봅시다 그래서 우리는이 토큰을 다시 사용할 수 없습니다 좋아요이 제품을 구매하려고 시도해 봅시다

자, 이제 웹 페이지를 확인하면됩니다 지불 및 지불은 바로 여기에 있습니다 좋아, 얘들 아 그게 전부 야 이 비디오를 즐겁게 읽었 으면 좋겠습니다

꽤 긴 비디오이지만, 세부 사항에 들어가기를 정말로 원했고, 당신이 그것을 즐기면 궁금한 점이 있으시면 친구들과 의견을 나누고 공유하십시오 아래 의견에 질문하십시오 주의를 기울이십시오

웹에플리케이션 만들기 – JS, PHP 프로그래밍 3 : 웹페이지에 코드 삽입하기

지금부터 프로그래밍에 대한 기본 문법을 살펴 볼 건데요 우리는 자바스크립트와 PHP라는 두 개의 언어를 서로 다른 언어를 동시에 익혀 갈 겁니다 그것을 통해서 여러분들이 하나의 언어만 배우면 사실 거의 모든 언어를 배우는데 있어서 기본적인 소양을 갖추게 되는 거라는 사실을 이해하실 수가 있을 겁니다

마치 한국어와 영어 둘 다 완전히 다른 언어이지만 이 세상에 거의 모든 언어들이 주어 동사 목적어라고 하는 요소를 다 가지고 있는 것처럼 이 프로그래밍 언어들은 대부분 공통적인 기능성을 가지고 있고 그것을 좀 더 각자의 언어의 취향에 따라서 다른 스타일의 문법들이 있을 뿐입니다 우선 살펴 볼 것은 이 프로그래밍 코드를 HTML에 삽입하는 이 방법에 대해 살펴 볼 건데요 우리 이전에 CSS 공부할 때 HTML 안에 CSS를 넣기 위해 스타일 태그를 사용한다는 거 그거 배웠었죠? 그것과 똑같이 자바스크립트와 PHP도 웹페이지 안에서 삽입해서 사용하는 언어이기 때문에 웹페이지라는 HTML이라는 이질적인 문법 안에 자바스크립트와 PHP가 공존하는 방법이 존재합니다 그게 뭔지를 살펴보자는 거에요 우선 새로운 디렉터를 하나 만들겠습니다

그 디렉토리의 이름은 “phpjs” js는 자바스크립트의 줄임말이고요 엔터 그리고 여기에다가 우리의 실습을 진행할게요 우선 첫 번째 파일은 그냥 간단하게 “1php”라고 하겠습니다 우선 php부터 설명을 좀 드릴게요

그리고 "localhost/phpjs/1php" 하고 엔터를 한번 쳐보세요 그러면 빈 화면이 뜰거에요 여기에서 1html 에다가 "Hello World" 입력하고 이 파일을 리로드를 해보면 "Hello World"가 그대로 출력되는 것을 볼 수가 있습니다

기본적으로 이 PHP파일은 HTML과 똑같이 동작합니다 제가 이 탬플릿에 있는 내용을 카피해서 그것을 1php에다가 붙여넣기를 했습니다 그리고 바디 안에다가 "Hello World"라고 입력하고 그리고 리로드를 해볼게요 이렇게 나왔죠? 이렇게 나오는 이 웹페이지의 소스코드를 한번 볼게요

오른쪽 클릭하고 페이지소스 보기를 하면 현재 화면에 출력되고 있는 이 화면에 대한 소스코드를 볼 수 있습니다 이게 소스코드의 내용이에요 우리가 PHP파일에 작성한 내용과 동일하게 화면에 표시되고 있죠? 그럼 좀 혼란스러우실 거에요 도대체 이건 PHP는 뭐야? 이런 생각이 드실 겁니다

그런 의문은 조금만 뒤로 미뤄두고 PHP의 시작을 알리는 코드를 한번 작성해 보겠습니다 여기서 “<?php” 라고 하면 저특수한 기호 여기 있는 이 특수한 기호는 지금부터 PHP가 시작된다는 것을 PHP 엔진에게 알려주는 역할을 하는 코드입니다 그리고 이렇게 "?>" 닫아주면 이제 PHP가 끝났다 라는 뜻이에요

여기에 시작"<?php" , 여기에 끝 "?>" 을 의미하는 약속되어 있는 기호라는 것이죠 그럼 여러분은 여기에다가 아직 우리가 배우지 않은 PHP의 코드를 여기에다가 적으시면 되는 거죠 그러면 PHP로 한번 화면에다가 "Hello World"라고 하는 텍스트를 출력해 보겠습니다 PHP에서 무언가를 출력할 때는 echo 라는 걸 씁니다 "echo" 그리고 문자를 사용할 때는 "Hello World"라는 기호를 써요

아시겠죠? 그리고 제가 "1php" 파일을 리로드를 해볼게요 거의 바뀐 게 없죠? 여기 소문자 였던게 대문자로 바뀌었을 뿐이네요 소스코드를 한번 볼까요? 페이지 소스보기를 하면 보시는 것처럼 "Hello World"라고 하는 텍스트가 출력되고 있습니다

그런데 좀 이상한 점이 보이죠? 뭐가 이상한 가요? 여기에 현재 웹브라우저에 소스코드를 보니까 HTML에서 소스코드를 보니까 바디까지는 똑같아요 여기까지는 똑같죠? 그렇죠? 내용이 똑같잖아요

그런데 여기 이쪽에 바디도 줄바꿈이 조금 달라 보이기는 하지만 어쨌든 똑같다는 걸 알 수가 있습니다 그러면 어디가 다른가요? 바로 이 부분과 이 부분이 다르죠? 똑같은 "1php"파일 임에도 불구하고 제가 지금 강조 표시한 부분이 다르게 나타나고 있어요 그것은 왜 그러냐면 바로 이 부분이 이 부분이 PHP엔진에 의해서 해석되어서 여기 "Hello World"라고 하는 이 텍스트를 이 웹페이지에 포함시키도록 동작했기 때문에 그렇습니다

그래서 여기 있는 이것이 소스고 여기에 있는 이 "Hello World"라고만 적혀있는 저 부분은 그 소스에 출력된 결과라는 것이죠 그럼 조금 다른 예를 들어 볼게요 여기에다가 제가 “10+10”을 해볼게요 그러면 이쪽에 소스코드에는 뭐가 찍힐 것인지를 한번 생각해보세요

“20”이 찍힙니다 즉 여기에 있는 echo라고 하는 부분을 PHP 엔진이라고 하는 것이 PHP 인터프리터라고 하는 것이 해석해서 그 해석된 결과를 여기에다가 이 위치에 웹페이지상에 이 위치에다가 탁 갖다 놨기 때문에 "20"이라는 숫자가 저기에 나타나는 거에요 이렇게 더하기와 같이 무언가를 더하는 이런 작업은 HTML이나 CSS는 할 수 없는 일이에요 하지만 PHP는 할 수 있는 일입니다

좀 혼란스러우실 수 있는데 조금 시간이 지나면 다 정리가 될 겁니다 머릿속에서 이게 PHP를 웹페이지에 삽입하는 방법입니다 그러면 자바스크립트를 한번 웹페이지에 삽입해볼까요? 이 PHP코드 위에다가 제가 “<h1>php</h1>" 라고 이렇게 적어놓을 게요

그리고 얘를 이건 소스코드구요 여기 있는 웹페이지를 리로드하면 PHP가 "20" 찍힌 것을 볼 수가 있죠? 그럼 이번에는 "<h1>JavaScript</h1>" 해볼게요 자바스크립트를 웹페이지에 추가시킬 때는 이렇게 하셔야 됩니다

”<script> " 그리고 "</script>" 로 끝내야 되요 여기 있는 이 코드는 HTML태그입니다 이거는 HTML 태그가 아니라 PHP만의 어떤 독특한 문법이에요 HTML태그 그리고 이 가운데 에다가 자바스크립트를 써주면

웹브라우저는 이 웹페이지를 이렇게 해석하다가 자바스크립트를 만나면 이 부분을 자바스크립트의 문법에 따라서 해석해서 거기에 적혀있는 대로 동작하고 그 다음부터, 여기서부터는 다시 HTML을 해석하는 모드로 변경되게 됩니다 그러면 문서에다가 이번에도 "Hello World" 를 한번 찍어볼게요 자바스크립트에서 어떤 정보를 화면에 표시할 때는 이런 명령을 씁니다 이명령의 문법에 대해서는 지금 모르셔도 됩니다

"documentwrite()" 그리고 저 괄호에다가 여러분이 화면에 출력하고 싶은 정보를 적어주시면 되요 예를 들어서 "documentwrite("Hello World");" 까지 한번 화면에 출력해보죠

보시는 것처럼 "JavaScript" 라고 뜨고 "Hello World" 라고 출력된 것을 볼 수가 있어요 이 "Hello World"는 뭐의 결과냐면 바로 여기에 있는 이 코드가 이렇게 화면에 출력이 된 겁니다 그러면 여기에 있는 이 코드를 이번에는 저 PHP처럼 "10+10" 으로 하고 저장을 한 다음에 리로드를 해보죠 그러면 이렇게 출력이 될 거에요

이렇게 출력되는 이유는 바로 여기있는 이 코드를 이 웹브라우저가 자바스크립트를 해석해서 그것을 여기에다가 이렇게 위치시킨 것이죠 여기까지 됐고요 그럼 여기에서 오른쪽 클릭해서 소스보기를 하게 되면 현재 이 웹브라우저가 이 화면에 표시하고 있는 이 웹페이지의 소스코드를 우리가 볼 수 있다고 말씀드렸죠? 소스보기를 한번 해봅시다 그러면 놀라운 결과가 여기에 있습니다

자바스크립트와 PHP의 차이를 극명하게 보여주는 화면이에요 보시는 것처럼 여기에 있는 이 "20"은 여기에 있는 세 줄의 코드 전체의 결과입니다 그렇죠? 그리고 여기에 있는 자바스크립트 태그로 시작해서 자바스크립트로 끝나는 부분은 바로 이 부분이에요 그리고 이 둘은 완전히 같은 코드입니다

같잖아요 딱 보시기에도 PHP와 자바스크립트의 차이가 극명하게 드러나는 대목입니다 왜 그럴까요? 결론적으로 말씀드리면 이 PHP는 서버쪽에서 실행되는 언어에요 서버 사이드언어입니다

여러 번 말씀드렸죠? 그렇기 때문에 서버에서 이 구문이 실행된 그 결과가 만들어져서 웹브라우저에게 전송이 됩니다 그러니까 당연히 웹브라우저에는 그냥 "20"이라고 찍혀있을 뿐입니다 그런데 자바스크립트는 웹브라우저가 해석해서 처리하는 언어입니다 따라서 서버에서는 얘를 손대지 않아요 그리고 웹브라우저에서 이 자바스크립트 코드를 해석해서 그것을 화면에 반영하기 때문에 여기에 있는 이 코드가 이렇게 화면에 출력되는 것이죠

누가 해석해서요? 웹브라우저가 해석해서 이전에 살펴봤던 PHP가 동작하는 원리에 대한 그림인데요 다시 한 번 보죠 웹브라우저가 웹서버에 "aphp" 즉 PHP파일을 요청을 하면 웹서버는 저것이 PHP파일이라는 것을 알면 자기가 할 수 없다는 것을 알고 PHP인터프리터

다른 말로는 PHP엔진 이라고도 부르는 저것에게 저 소프트웨어에게 저 파일의 처리를 위임합니다 그럼 PHP는 여기 있는 그림을 다시 한 번 보시죠

우리가 이전에 살펴봤던 것을 좀 더 간략화시킨 겁니다 웹브라우저에 "localhost/phpjs/1php" 라고 요청을 하고 엔터를 땅 치면 웹브라우저는 웹서버에게 "1

php"를 요청하게 되죠 그럼 웹서버는 이 사용자가 요청한 파일이 PHP파일이라는 것을 알 수가 있어요 그럼 그것을 자기가 처리할 수 없다는 것을 알고 PHP인터프리터에게 위임합니다 그럼 PHP인터프리터는 "1php" 라는 파일을 읽어서 거기에 있는 내용을 해석한 다음에 그 결과를 웹서버에게 전달을 하는 거에요

바로 이 PHP 인터프리터가 소스코드를 해석한 결과가 웹서버에게 전달되기 때문에 바로 이 단계에서 "<?php echo 10+10; ?>" 아까 우리가 작성했었던 코드있죠? 바로 이 부분이 "20"으로 바로 이 단계에서 바꿔치기된 상태의 웹페이지를 웹서버가 받게 됩니다 그 다음에 웹서버는 웹브라우저에게 그 내용을 전송하기 때문에 웹브라우저는 PHP 코드를 볼 수 없는 것이죠

하지만 자바스크립트는 웹브라우저에서 실행되는 언어이기 때문에 바로 여기 있는 이 스크립트를 자바스크립트가 보고서 여기 있는 코드를 자바스크립트의 문법에 따라서 실행한 다음에 그 결과를 화면에 반영한 것이 이것입니다 그래서 여기에 있는 "20"은 누가 처리한 거냐면 PHP 인터프리터라고 하는 것이 PHP 해석엔진이 이 "20"을 해석해서 처리한 결과인 것이고요 즉 서버쪽에서 처리된 결과인 것이고요

여기 있는 "20"은 웹브라우저에서 자바스크립트를 해석해서 처리한 결과이기 때문에 이것은 웹브라우저 쪽에서 실행된 것이고 그것을 우리는 클라이언트쪽 컴퓨터에 자원을 써서 사용한 결과이기 때문에 이거를 자바스크립트를 클라이언트쪽에서 동작하는 언어라고 부르는 겁니다 이미 이해가신 분들은 좀 반복되는 얘기라서 좀 지루하실 수도 있는데

중요한 내용이라서 그래요 이거를 이해 못하면 그 다음 부분에서는많이 헤맬 수밖에 없기 때문에 제가 좀 반복적으로 여러분들에게 이런 저런 방법을 동원해서 설명을 드린 겁니다 이 내용만 이해했으면 이번 영상의 목적은 달성된 거고요 이 다음 영상에서는 또 다른 이야기들을 해보도록 하죠