21. 06. 28
하나의 태그에 여러 css가 중첩되었을 경우 우선순위는
style 속성 > id selector > class selector > tag selector
!important를 사용하면 우선순위가 높아짐
사진 속에서 h1은 화면 전체를 차지하지만(block level), a tag는 자기 크기만큼의 영역을 차지함(inline)
제목은 한 라인을 다 사용하는 것이 합리적이고, 링크는 문장 안에서 줄바꿈되지 않는 것이 더욱 합리적이기 때문
display를 이용하여 block level을 inline으로, inline을 block level로 바꿀 수 있음
box model은 태그들이 웹페이지에 표현될 때 태그의 여백, 크기, 위치 등 부피감을 결정함
/
HTML와 CSS가 정적 언어라면 JavaScript와 PHP는 동적인 언어임
< ?php .. ?> 소스가 php 엔진에 의해 해석되어서, 웹페이지에 포함시키도록 동작함
php에서 무언가를 출력할 경우 echo를 사용
문자를 입력하는 경우 " ";
echo 부분을 php 엔진이 해석하고 그 결과를 웹페이지에 표시하기 때문에 echo 10+10;을 넣으면 20이라는 값이 도출됨
21. 06. 29
< script> JavaScript < /script>
JavaScipt에서 정보를 화면에 표시할 때에는 "document.write(표시하고 싶은 정보);"를 씀
php는 서버쪽에서 실행되는 언어이므로 서버에서 결과가 만들어져서 웹브라우저에 전송됨
반면 JavaScript 웹브라우저가 해석해서 처리하는 언어이므로 서버에서는 그것을 손대지 않음
php와 javascript 모두 문자를 표시하기 위해서는 큰따옴표를 사용함
숫자를 쓰고 싶다면 큰따옴표를 사용할 필요가 없음
JavaScript에서 "1"+"1"를 입력한다면 2가 아닌 "11"이 출력됨
그러나 php에서는 "1"+"1"을 입력해도 2가 출력되는데, php에서 +는 숫자를 더할 때 쓰는 연산자라는 고정적인 기능을 가지기 때문임
따라서 php에서는 문자와 문자를 더하려고 하더라도, +라는 연산자를 쓰는 이상 문자를 숫자로 바꿔서 계산하게 됨
php에서 문자와 문자를 더하고 싶다면 "+"가 아닌 "."을 사용
JavaScript와 php의 연산자는 같음
디버그란 프로그램이 오동작하는 것을 해결하는 행위
JavaScript의 디버깅을 위해서는 F12를 눌러 에러가 발생했다는 내용을 찾을 수 있음
사진 속에서는 1.php의 8번째 행에서 에러가 발생했음을 알 수 있음
php의 경우 log 파일의 error 문서를 열면 어떤 에러인지, 무슨 파일의 몇 번째 줄에서 에러가 발생한 것인지 찾을 수 있음
변수란 바뀔 수 있는 값
JavaScript에서 name(사진 속에서는 fierce)을 "shark"로 설정하면 fierce은 shark이라는 값을 가지게 됨
php에서는 변수를 위해 앞에 "$"를 붙여야 함
== 좌항과 우항이 같은지 비교
!= 좌항과 우항이 같지 않은지 비교
JavaScript나 php에서 비교를 하면 True 혹은 False라는 값을 가지게 되는데, 이때 두 값을 boolean이라고 함
조건문의 문법
if (true/false) {true인 경우 실행될 내용} else {false일 경우 실행될 내용}
사진 속에서 괄호 속에 true가 있어 "참"이 도출됨
괄호 속에 false를 넣으면 else인 "거짓"이 도출될 것임
괄호 속에 단순히 ture나 false를 넣는 대신 변수를 입력해서 적용시켜볼 수 있음😎
21. 06. 30
login.php라는 파일이 있어야 ID와 password를 입력하고 제출할 수 있음
사용자가 입력한 비밀번호의 값에 해당되는 php의 변수는 "$_GET["password];"
$_GET["password]를 $password로 설정하고 조건문을 작성했는데 왜 로그인이 안 되지..?
코드를 작성하는 중에 실수한 것이라도 있나 찾아보는데 발견하지 못하고 10분 정도 끙끙댔다..😥
결국 틀린 부분을 발견했는데 $password 변수를 설정할 때 "="가 아닌 "=="를 사용해서 작동이 되지 않았던 것이다..🤦♂️
아무리 생각해도 잘못된 게 없다고 생각했는데 착각이었음 ㅎㅎ;
잘못된 부분을 수정해보니 원하는 결과를 얻을 수 있었다!
이게 뭐라고 해결하고 나니 이렇게 뿌듯한 건지😚
이전에 만든 practice_form 파일에 연습해보려고 했는데 어김없이 만난 오류 페이지💢 그만 나와....
그래도 php 오류 발생 시 어떻게 오류를 찾을 수 있는지 배워서 log 조사를 해봤더니 11번째 줄에 "," 혹은 ";"를 넣어야 할 것 같다고 말해준다
11번째 줄은 else인데..? 싶어서 위아래를 훑어봤더니 echo 코드 마지막에 정말 ";"를 빼먹어버린 걸 발견할 수 있었다..ㅎ
아까는 쓸데없는 걸 추가하더니 이번에는 필요한 걸 잊어버린 나...
";"를 추가했더니 빈페이지가 떠버렸다 아오 🤷♂️ id에도 required를 설정해둬서 이런 게 아닐까 하는 생각이 들어서 id 조건문도 만들어줬다
공백만 아니면 된다는 마음으로 "if ($id != " ")" 이런 식으로 작성했는데 작동이 잘 됐다🎉 (이게 왜 돼? 수정 20번 정도 할 생각으로 시도한 건데😉)
단순한 코드 하나 만드는 데 실수가 조금 많았던 것 같지만 이러면서 배우는 거지 (●'◡'●)
JavaScript와 php의 반복문 "while(true/false){boolean이 true라면 중괄호 속 내용이 false가 올 때까지 반복적으로 실행됨}"
< br /> 줄바꿈 태그
먼저 i의 값이 0으로 10보다 작으므로 while 구문이 실행됨
i의 값인 0에 1이 더해진 값이 i의 값이 되게 됨
이후 다시 while 구문이 해석될 때 i는 1인 상태이고, 이러한 과정이 i가 9가 될 때까지 반복됨
변수 안에 하나의 값을 담을 수 있지만 array(배열) 안에는 연관되어 있는 여러 정보를 담을 수 있다는 점에서 차이가 있음
JavaScript의 배열 문법은 "list = new Array("one", "two", "three");"
php의 문법은 "$list = array("one", "two", "three");"
list.length를 입력할 경우 배열에 몇 개의 값이 있는지 출력할 수 있음
단, php는 count() 안에 배열을 작성해야 원하는 값을 얻을 수 있음
while과 array 함께 적용해보기!
