IT 공부

PHP 는 대신 웹페이지를 만들어주는 기능을 할 수 있다, HTML은 단지 만들어진 대로 보여주는 것 밖에 할 수 없지만, PHP는 프로그램이 코딩을 읽어서 HTML으로 만들어줘서 사용자에게 보여준다. 그것을 이용해서 폴더 안에있는 내용을 scandir이라는 함수를 이용해서 리스트들을 가져오고 그 값들을 이용해서 반복문으로 목차들을 만든드는 실습을 해봤다. 이런식으로 코딩을 짜게 되면, 폴더에 파일만 추가하게되면 코딩을 바꾸지 않아도 php 프로그램이 스스로 웹페이지에 내용을 추가해서 보여주게 된다.

그동안 배워왔던 다양한 CSS 기능들을 활용해서 Text , 배경등에 스타일을 주는 실습을 해봤습니다. 또한 form만들기에서 배웠던 내용들을 이용해서 설문지의 형태도 작성해 봤습니다.

CSS를 이용해서 div 박스의 배경을 꾸미는 실습을 해봤다. div 박스안에 배경에 이미지를 넣는데 이미지의 위치, 크기, 반복출력등을 지정할 수 있었다. 그 다음으로는 Text에 shadow를 주는 실습을 했다. 단순히 그림자만 생기게 하는거 부터 색깔을 주고 다양한 effect를 주는 실습을 해봤다. 그리고 , 박스의 shadow주는 실습까지 하고 마무리했다. 박스도 text에서 쓰이는 명령어랑 비슷했다.

CSS를 통해서 텍스트를 꾸미고 배경을 꾸미고 색깔을 넣는 실습을 해봤다. 그 중에서 나온것들이 셀렉터라는 것과 캐스케이딩, 오버라이딩이 중요한 내용이였다. Id나 class를 이용해서 특정 태그부분에 원하는 css속성을 주던가 가상 셀렉터라는 것을 이용하면 특정 조건을 만족하는 부분에만 css를 주는 것이 가능하다. 또한 자식 셀렉터라 던가 자손 셀렉터라는 개념도 있다. 스타일 속성을 줄때 태그안에 속해있는 태그(자식 태그)를 지정할 떄 > 를 이용하거나 자손 셀렉터 방식을 이용해서 선택할 수 있다. 또, div 태그는 박스 형식으로 만들어 진다는 것을 실습을 통해서 알게되었다.

블록 태그와 인라인 태그에 대해서 공부했다. 처음에 많이 헷갈렸는데 실습을 해보면서 무슨차이 인지 깨달았다. 또, display:block/inline/inline-block 에 차이에 대해서도 이해했다. display를 이용하면 블록태그를 인라인 태그로 바꿀 수 도있고 인라인 태그를 블록태그로 바꿀 수 도 있다. 또 , inline 태그는 크기 조절이 불가능하지만 inline-block을 이요하면 inline속성을 가지면서도 크기 조절이 가능하다. 그 다음은 position을 이용해서 원하는 위치에 배치시키는 실습을 해봤다. fixed와 float가 헷갈린 부분이 있었는데, 실습을 해보면서 차이를 알 수 있었다. 그래도 아직 헷갈리는 부분이 존재해서 더 실습을 해봐야할 것 같다.

파일 쪼개기에 대해서 실습해봤다. 저번시간에는 객체를 만들어서 연관있는 변수나 함수를 그룹핑하는 실습을 해봤는데, 오늘은 야간/주간 모드에 해당하는 코딩전체를 따로 color.js라는 파일로 저장했다. 사진처럼 로 저장해놓은 코딩을 파일로 불러오기만해도 전과 동일한 동작을 한다. 코딩은 그만큼 보기 편해졌고, 무슨 의미의 코딩인지 알기도 편해졌다. 그리고 library 중에 하나인 jquery를 사용해서 반복문같은거나 함수를 간단화해서 사용하는 실습도 해봤다. $('a').css('color',color); 를 사용하면 전체 a 태그를 color속성을 주는 함수를 만들어준다. 4~5줄이 넘는 반복문을 단 한줄로 대신 할 수 가있다. jquery는 새로운 언어가 아니라 javascript로 미리 만들어둔 ..