css1

css
id값을 부여한 대상에 스타일 적용하기 : #대상{ 적용 내용 }
구분선 긋기 : border-top: 1px solid gray;
class = ” ” 안에 속성들을 복수로 지정할 수 있다. 구분은 스페이스바 한 칸으로 한다.

Advertisements

bootstrap 1일차

스타일시트는 복수로 적용가능하다.

컬럼, 점보트론,

컨테이너(컨테이너를 화면에 꽉 차게 만들고 싶으면 container-fluid.)

navbar.
글자 가운데로 모으기  : text-center
칼럼은 12개. row 안에 col-md-3.
칼럼 개수 조절을 통해 웹페이지 내부 조정 가능.

umask1

umask를 통해 파일이나 디렉토리가 생성될 때의 권한을 미리 설정해 둘 수 있다… 그런데 그 방법을 못 찾았다… 나중에 발견하면 작성한다. umask 022 이런 식으로는 일시적으로밖에 못한다. 영구적으로 적용되는 방법을 찾아야 한다. 리눅스는 권한의 비중이 윈도우보다 훨씬 더 큰 것 같다.

php 기본 작동 방식

title에 번호에 따라 다르게 표시하기. 파일의 이름은 name1.txt, name2.txt…..

echo file_get_contents(“name”.$_GET[‘id’].”.txt”);

php에서 이미지 표시하는 법 :

$image = ‘image’.$_GET[‘id’].’.png’;
// Read image path, convert to base64 encoding
$imageData = base64_encode(file_get_contents($image));

// Format the image SRC: data:{mime};base64,{data};
$src = ‘data: ‘.mime_content_type($image).’;base64,’.$imageData;

// Echo out a sample image
echo ‘<img src=”‘ . $src . ‘”>’;

워드프레스 왜 코드를 지우냐 지맘대로…

get은 select, post는 보안성이 조금이나마 더 높다.

 

 

 

 

 

 

 

 

 

 

php get, post

GET : URL에 정보를 전달한다. 보안 취약. URL에 입력함으로써 원하는 웹페이지를 쉽게 들어갈 수 있다는 장점이 있다. 즉 URL을 통해 바로 접근이 가능. ex)1~30중 5를 입력.

POST : 주소창에 나타나지 않고 포장해서 전달한다. 그러나 완전한 보안을 지키지는 못한다. 로그인 등에 사용된다.

서버 관련 정보들 info for server

Static 변수는 저장 메모리 영역이 다르다. Static variable is saved in heap.

웹페이지에서 영상, 이미지 등은 용량이 크기 때문에 웹브라우저에서 처리한다. 핵심적인 내용인 텍스트보다 우선순위가 떨어지기 때문이다.  또한 웹브라우저가 웹페이지를 나타내는 과정은 멀티 스레드로 작동한다.

포트(port)는 서비스와의 연결통로라고 생각하면 된다. ex) 80번 포트 : Apache 웹서버, 3066번 포트 : mysql 서버

HTTP는 통신 결과에 따라 다른 응답메시지를 나타낸다.

디버그할 때 문제가 어디서 발생했는지 구분할 수 있어야 한다. ex) php에서 발생했는지, mysql에서 발생했는지, 서버에서 발생했는지…

주소창 규칙 : 프로토콜(http://)IP(127.0.0.1)포트(:80)/디렉토리(apache/htdocs)/파일명(index.html) 순서.

프로토콜별 특징

HTTP : 접근 제한이 엄격하다. 서버에서 정해준 곳만 접근할 수 있다. 요청-응답의 연결이 한 번 이루어지면 연결이 끊어진다. 때문에 지속적으로 연결하려면 계속해서 연결 시도를 해야 한다.

FTP : 파일 전송 위주의 프로토콜. 접근 가능 지역이 HTTP보다 넓은 편이다.

TCP : 채팅을 개발할 때 많이 사용된다. HTTP와 달리 연결을 중단한다고 명시할 때까지 계속해서 연결을 유지한다. 계속해서 연결 시도를 할 필요가 없기 때문에 HTTP에 비해 비용이 적다. 위에 언급한 것들보다 low-level이다. 즉 개발자의 설정이 좀 더 필요하다.