반응형

TeamH4C 107

[Project H4C] 28. php 로그인앱 구현

[Project H4C] 28. php 로그인앱 구현 왼쪽 빨간 박스는 오른쪽 빨간박스의 form 태그에 해당한다. 비밀번호를 입력해주세요. : 비밀번호를 입력해주세요. 비밀번호 입력 칸 : 제출 버튼 : 여기서 "제출"버튼을 누르면 태그가 들어가 있는 form태그의 속성값 중에 action의 속성값("8-2.php")으로 에 입력한 값이 전송되도록 약속되었다. php로 구현시켜 보자. 👆8-1.php에 해당하는 코드 여기에 입력한 값이 8-2.php 페이지 url 끝에 붙게 된다. 👆8-2.php에 해당하는 코드 8-2php 코드를 수정해보자 사용자가 1111을 입력하면 "주인님 환영합니다" 문구가 뜨고, 1111이 아니라면 "뉘신지?" 가 뜨게 된다

[Project H4C] 27. JS 로그인 앱

[Project H4C] 27. JS 로그인 앱 js에서 로그인 하는 기능을 구현시켜 보자. 를 추가한다. 이렇게 비밀번호가 뜬다. document.write(password); 를 추가하면 어떻게 될까? 사용자가 입력한 값(1111)을 알 수 있게 된다. 자, 이런 원리로 (허접한)로그인 페이지를 구현시켜보자. 비밀번호가 1111이면 "안녕하세요, 주인님"이 출력되게, 비밀번호가 1111이 아니면 "뉘신지?"가 출력된다.

[Project H4C] 26. JS, PHP 조건문

[Project H4C] 26. JS, PHP 조건문 중요한 조건문..!! 한번 배워보자 if가 나오면 조건문의 시작..!! 괄호 안에는 true 나 false 하나의 값만 올 수 있다. ture이면 첫번째 {}의 내용이 실행되고, false 이면 else 이후의 {} 내용이 실행된다. js의 조건문 if 다음에 true를 넣어주면 {} 안의 내용이 뜬다. 만약에 if 다음을 false로 바꾸면 else 태그를 추가해보자. if 다음이 true이기 때문에 참이 뜬다. if 다음이 false 값이라면, else 안의 내용들이 실행이 되어 "거짓"이 뜬다. 변수 result를 사용해보자(아무 이름이나 괜찮) result (1==1) 값이 true 이므로, if(result)의 값도 true가 되므로 "참"이..

[Project H4C] 24. JS, PHP 변수

[Project H4C] 24. JS, PHP 변수 변수란? 바뀔 수 있는 값 name="이고잉"이라는 값을 갖게 된다. (php에서는 "$"가 붙는다) js먼저 해보자. name = " egoing"; document.write(name); 을 넣어주면 문자 "안녕하세요" 더하기. (문자와 문자의 결합은 js에서는 "+" 사용) 자, 이제는 php를 해보자 $name = "egoing"; echo $name; 추가 문자 "안녕하세요"를 추가하고 php의 "문자"와 "문자"를 결합해주는 "." 를 추가한다.

[Project H4C] 22. JS, PHP 디버깅

[Project H4C] 22. JS, PHP 디버깅 디버그란? 시스템의 오동작 행위를 해결하는 것. 만약 js의 태그에서 오타가 났다고 쳐보자. 오타가 적용된 해당 localhost 페이지에서, 콘솔을 누르면 3.php파일에 여덟번째 행에 정의되지 않은 오류가 있다는 걸 표시해준다. 만약 php의 태그에서 오타가 났다고 쳐보자.(?> 로 안닫아줌..) mampstack-7.4.7-0 - apache2 - logs - error_log 를 열면 제일 마지막 중에 php error 를 알려준다.

[Project H4C] 21. JS, PHP 데이터 타입과 연산자

[Project H4C] 21. JS, PHP 데이터 타입과 연산자 문자표기(큰따옴표) 숫자표기(숫자 그대로 적기) 큰따옴표 안에 있는 숫자는 문자로 인식됨. js에서 "10"+"10" 이라고 입력하면 문자로 인식된다. 반면에 php는, "10"으로 표기하면 문자로 인식하긴 하지만 가운데 "+"는 숫자의 연산자이므로 php는 우리가 실수한 줄 알고 10+10인 값인 20을 출력하게 된다. php에서 문자와 문자를 결합하고 싶다면 "." 을 쓰면 된다. 이렇게 "."을 쓰면

[Project H4C] 20. JS, PHP 웹페이지에 코드 삽입

[Project H4C] 20. JS, PHP 웹페이지에 코드 삽입 프로그래밍 언어 기본 문법 배우기 첫번째. PHP 기본적으로 PHP는 HTML과 유사하다. phpjs 폴더 안에 1.php 파일 만들기 php의 시작을 알리는 태그: php에서 출력 태그: echo Hellow world 문자 출력하기 echo 다음에 10+10 이라고 입력하면 PHP가 계산해서 20이라는 값을 보여 준다. 두번째. JavaScript JavaScript의 시작을 알리는 태그: js 에서 어떤 정보를 화면에 출력하는 태그: document.write("출력하고자 하는 내용"); js에도 php처럼 10+10을 적어주면 더한 값인 20이 뜬다. localhost 페이지에서 우클릭 - 페이지 소스 보기 하면 php와 js의 ..

[Project H4C] 19. CSS 실습 2

[Project H4C] 19. CSS 실습 2 이전 편에서 만든 page_vc.html 편에서 만든 부분을 copy 해서 각 페이지에 적용해주면 된다 첫페이지(index.html)의 밑에 붙여넣기 한다. 만약 세부 페이지 중 '변수와 상수' 부분의 글자 크기를 키우고 싶다면 스타일 안에 h2 를 지정하고 font-size:50;을 추가하면 그런데 만약 잦은 디자인 수정을 해야 된다면? CSS를 html로 부터 분리하자..!! style 안에 있는 내용을 따로 따서 style.css 파일 안에 붙여 넣는다. 각 파일의 은 지운다. 추가한다. 만약 또 다른 수정이 필요하다면 style.css의 문서의 내용만 수정하면 모든 페이지에도 변경 내용이 적용된다.

반응형