본문 바로가기

Web

(3)
Extending Styled Component with TS 재사용을 염두에 두어 Base Style의 Component를 만들고, 이 Component를 Styled-Component로 확장하여(Custom CSS 추가) 사용하고자 한다면, 아래와 같이 Component에 className을 지정해 주어야 한다. const Container = styled.div` transform: scale(0.8); `; interface IProps { backTo: string; //className must be mentioned!!!!! className?: string; } //className must be mentioned!!!!! const BackArrow: React.SFC = ({backTo, className}) => ( ... ); //Base Co..
Web Server & WAS Web Server 웹 브라우저를 실행한 후 주소 입력창에 URL 주소를 입력하면, 그 URL주소에 해당하는 결과물이 화면에 보입니다. 우리가 현실에서 주소를 보고 집을 찾아가는 것처럼, 웹 브라우저는 URL 주소에 해당하는 웹서버(Web Server)에 연결하고, 해당 주소에서 볼 수 있는 내용을 읽어 들여 보여주게 됩니다. 웹 서버는 소프트웨어(Software)를 보통 말하지만, 웹 서버 소프트웨어가 동작하는 물리적인 단위의 컴퓨터를 말하는 경우도 있습니다. 웹 서버의 가장 중요한 기능은 클라이언트(Client)가 요청하는 HTML 문서나 각종 리소스(Resource)를 전달하는 것입니다. 웹 브라우저나 웹 크롤러가 요청하는 리소스는 주로 컴퓨터에 저장된 정적(static)인 (i.e. 이미지, HT..
HTTP & HTTPS Server & Port 일반적으로 인터넷 접속을 한다는 것은, 간단하게 물리적인 하나의 컴퓨터(=서버)에 접속하는 것이라고 생각할 수 있습니다. 이러한 인터넷은 보통 TCP/IP기반의 네트워크를 통해서 여러대의 서버를 하나의 연결된 네트워크 결합체로 제공합니다. 물리적인 하나의 컴퓨터에서도 여러 개의 서버가 동작할 수 있으며, 각각의 서버들은 Port로 구분되어서 동작합니다. 웹은 주로 80번 포트, 이메일은 25번 포트, FTP는 21번 포트를 사용합니다. 인터넷 중에서도 웹서비스는 서로 통신하기 위해서 HTTP 프로토콜을 사용합니다. HTTP(Hypertext Transfer Protocol) HTTP는 서버와 클라이언트가 인터넷상에서 HTML을 주고 받기 위한 프로토콜을 의미합니다. HTTP는 계..