본문 바로가기

IT/WEB

(4)
[CSS] CSS 변수 사용하기 1. CSS 사용자 지정 변수 CSS 사용자 지정 변수란 CSS 속성을 미리 정의해 놓고 필요할 때, 참조하여 사용할 수 있는 변수를 의미합니다. CSS를 사용하다보면 중복되는 값을 반복적으로 사용하는 경우가 많습니다. (ex: 폰트, 폰트 크기, 색, 크기 지정 등) 그리고 css 값을 변경해야할 경우 일일이 바꾸어 주어야하는데 사용자 지정 변수를 참조하면 이러한 수고를 덜 수 있습니다. 브라우저 호환은 다음과 같습니다. 2. 사용자 지정 변수 선언 방법 1) 전역 선언 전역 선언 시 어디서든지 값을 참조할 수 있습니다. :root { --bg-color: #eeeeee; --font-size: 9px; } ":root" 키워드로 전역 변수 영역을 선언할 수 있고, 변수명은 "--" + "변수명" 형태..
[WEB] RESTful 이란? 1. REST(Representational State Transfer)란? REST는 WWW(월드 와이드 웹)와 같은 분산 하이퍼미디어 시스템을 위한 소프트웨어 아키텍처의 한 형식입니다. REST는 올바른 HTTP 사용을 유도하고 있기 때문에 HTTP 장점을 최대한 살린 서비스를 설계할 수 있습니다. REST의 기본 원칙을 성실하게 지킨 서비스를 "RESTful 하다"라고 표현합니다. 2. REST 필수 규칙 * URI는 정보의 자원을 표현해야한다. * 자원에 대한 행위는 HTTP Method(GET, POST, PUT, DELETE)으로 표현한다. * 특정 행위의 표현은 JSON, XML 등을 이용한다. POST http://localhost/bamdule/members { "name" : "kim"..
[WEB] CSRF란 ? 1. CSRF (Cross-site request forgery, CSRF,XSRF) 웹사이트 취약점 공격의 하나로, 사용자가 자신의 의지와는 무관하게 공격자가 의도한(수정, 삭제, 등록 등)를 특정 웹사이트에 요청하게 하는 공격을 말한다. 공격 과정 1. 공격자는 CSRF 공격할 웹사이트를 미리 분석하여, 특정 정보를 등록하거나 변경할 수 있는 URI를 찾아낸다. 그리고 공격자는 해당 URI를 이용해 공격자가 원하는 작업을 수행하는 피싱 사이트를 만들어 이용자가 접근하도록 유도한다. 2. 사용자가 피싱 사이트 링크를 클릭하게 되면 자신의 의도와 무관하게 특정 작업을 실행한다. 이때 사용자가 로그인 한 상태라면 쿠키를 통해 서버에 본인확인을 하기 때문에 서버는 사용자가 의도한 작업인지 아닌지 확인 할 수..
[WEB] HTTP의 특징과 HTTP Message 1. 인터넷(Internet)이란? TCP/IP 기반의 네트워크가 전세계적으로 확대되어 하나로 연결된 거대한 네트워크를 의미한다. 2. WWW란? World Wide Web의 약자로 인터넷을 통해 연결된 웹페이지 시스템을 의미한다. WWW의 구성요소 HTTP protocol URL, URI HTML 3. HTTP(Hypertext Transfer Protocol)란? 클라이언트(웹 브라우저)와 서버 간 통신 규약이다. 즉 서버로부터 HTML문서, 이미지, 텍스트 등 여러 리소스들을 요청할 수 있도록 해주는 프로토콜을 의미한다. 1) 특징 비연결성 지향(Conectionless) 클라이언트와 서버간 통신이 끝나면 연결을 끊는다. 무상태(Stateless) 연결이 끊기는 순간 클라이언트와 서버간 상태정보를 ..