IT업계 종사자의 블로그

[Project H4C] 38. PHP 실습 본격적으로 PHP를 실습해보자. php새 폴더 - 1.php 파일 만들고 위 코드를 코딩한다. localhost:8081/php/1/php?id=1 (GET코드로 인해)id가 1일때의 값이 출력됨 id 말고 name=egoing 의 값을 출력하고 싶다면 GET 다음에 name을 넣어주면 된다. name=egoing 과 id=1 의 두가지 정보를 표시하고 싶다면 php 폴더 안에 새로운 1.txt 파일을 만들고 내용을 적어준다. php파일로 이 1.txt 의 내용을 불러와보자. 새로운 2.php 파일을 만들고 echo file_get_contents("1.txt"); 추가하면 id 값에 따라서 출력되는 값을 다르게 만들려면 위 처럼 코딩을 짠다. ?id=1을 넣..

[Project H4C] 37. JS 실습 3 오른쪽 상단에 버튼 2개를 만들어서, white/black 컨셉의 사이트로 변하게 만들어보자. nav(제일 왼쪽 메뉴바) 구간과 article(변수와 상수) 구간 사이에 두 버튼에 해당되는 태그를 넣는게 좋을 것 같다. nav와 article 사이에 버튼 추가. 버튼을 오른쪽으로 이동시켜 보자 버튼 2개를 동시에 움직여야 하니 그룹핑 시키자. div로 묶어주기 (div는 어떠한 태그들을 묶어주기만 할 뿐, 어떠한 특정 기능이 있는 것은 아니다) https://www.youtube.com/watch?v=gNe1PyT00M8&list=PLuHgQVnccGMAE4Sn_SYvMw5-qEADJcU-X&index=56

[Project H4C] 36. JS 실습 2 위 코드를 작성한다. 여기서 사람의 이름만 사이즈를 키우고 싶다면, ul 밑에 있는 li 의 폰트를 40픽셀로 지정 만약 아래 빨간 박스의 태그에만 어떠한 스타일을 적용하고 싶다면 어떻게 해야될까? => grouping 시킨다! (class) class="em"(아무글자 가능)을 추가한다. .em: 클래스의 이름이 em인 태그들을 선택하는 태그 text-decoration:underline: 밑줄 class는 꼭 같은 태그에만 지정할 필요는 없다. 다시 원상복구 시키자. 버튼 이름(value): "강조" ol id=target 으로 잡고, className='em'으로 설정하면 버튼을 누르면 ol 태그 속성에 class="em"이라는 속성이 자동 생성된다. ..

[Project H4C] 35. JS 실습 javascript 로 white, black박스를 눌렀을 때 페이지 색이 변하는 코딩을 짜보자. js로 버튼 추가하기. input type에 button, text, checkbox 등 입력값의 속성을 다양하게 지정할 수 있다. 태그가 끝나는 지점에 (제일 끝에 있는) "/"를 붙여줘도 된다. 안에 alert(경고창) 태그 추가하기 는 지우고, onclick="alert('hello world')" 추가하기. 이제 white 를 누르면 hello world 경고창이 뜬다. 다른 input type인 "text" 와 onfocus="alert('focus')" 추가하기 onblur="alert('blur')"/ 추가하기 text칸이 선택되면 blur 경고창이 뜨..

[Project H4C] 34. JS, PHP 프로그래밍 / UI, API UI: User Interface API: Application Programing Interface UI: 사용자가 직접 조작하는 인터페이스 API: 우리가 만든 웹 어플리케이션이 prompt 창을 실행시키기 위해서 자바 스크립트의 문법에 따라서 웹브라우저에 전달한 명령

[Project H4C] 33. JS, PHP 함수의 입력과 출력 함수의 입력값. 여기서 input 은 변수. input 앞에 return 을 붙여주고 document.write를 a 앞으로 옮긴다. input: 입력값 return: 출력값(return 뒤에 있는 값이 출력값이 된다.) php도 동일하게 적용해보자

[Project H4C] 32. JS, PHP 함수의 기본 문법 함수는 간략하게 말하면, 연관되어 있는 부품들을 함수라는 테두리로 묶어서 작은 완제품을 만드는 것. 오른쪽 첫번째 빨간 박스: 함수를 만드는 문법 오른쪽 두번째 빨간 박스: 만든 함수를 사용하는 문법 js의 함수 function이 나오면 함수를 정의하는 거구나! 라고 생각하기 function 다음의 a가 함수의 이름. 중괄호{}안의 내용은 그 함수를 호출했을 때 실행되어야 하는 내용이구나! 라고 기억하기..! a();가 나오면 => 함수를 호출하는구나! 만약 a();를 여러번 카피하면? php의 함수

[Project H4C] 31. JS, PHP 배열과 반복문 js의 배열과 반복문 10번 반복하는 위 코딩 while (i < 4)로 바꾸고 document.write(list[i])로 바꾸면 리스트의 값들이 반복적으로 나타나고 4번 출력된다 반복문의 횟수를 list.length(리스트의 개수)로 바꾸고 list에 "이고잉" 한명 더 추가하면 리스트이 개수만큼 array의 값들이 나온다. 과 추가하기 PHP 버전을 만들어 보자 php에도 똑같이 적용하기

[Project H4C] 30. JS, PHP 배열 정보를 담는 그릇..! 배열 js의 배열문 new Array("one", "two", "three")로 배열을 정하고 list라는 변수에 넣기, & document.write(list); 추가 만약 첫번째 배열(one)의 내용을 출력하고 싶다면 document.write(list[0]); 추가하기(문법임..!) 그러면 첫번째 array의 내용인 one 만 출력된다 참고. 프로그램은 0부터 카운팅을 한다. 그래서 첫번째 정보를 가져올 때는 list[0]을 추가한다. 그렇다면 list[2]를 넣으면 어떤게 뜰까? 세번째 array 항목인 three가 뜬다. php도 똑같이 적용해보자 array의 첫번째 항목인 one이 뜬다. list[2]를 넣으면 arra..

[Project H4C] 29. JS, PHP 반복문 반복적인 작업을 위한 반복문 js의 반복문 보기 좀 그러니까 줄바꿈 소스를 추가해보자 php의 반복문 php에도 똑같이 반복문을 적용시켜보자. br태그로 줄바꿈을 하지 않고 리스트로 표시해보자 ul과 li로 감싸주기 php도 똑같이 적용하기