Coding Kitsune

통상 웹서버라고 하면 그냥 WAS구나 라고 생각하는 경우가 많다. 하지만 Web Server와 WAS를 둘다 사용한다 => 이럴때 구분해서 이야기한다. Web server 는 쉽게 말해서 Client에서 요청이 들어오면 정적인 것들만 전달을 해주는 역할 조금 더 자세히 말해서, 브라우저 클라이언트로부터 HTTP 요청을 받고, 정적인 컨텐츠들(html, css 등)을 제공하는 서비스 프로그램이다. Apache Server 또한 이 웹서버에 포함된다. 그렇다면 WAS(Web Application Server)는 어떤 역할을 하는 것일까? Nodejs에서 로그인/회원가입을 구현할 때도 그렇고 DB를 건드릴 때 등, 어떠한 로직을 처리가 요구되면 동적 컨텐츠를 제공하기 위해 만들어지는 것이 바로, 이 WAS 이..

웹 서비스를 개발하려면 프로젝트 목적에 맞도록 하드웨어와 소프트웨어를 선정해야 한다. 하드웨어 환경 개발환경 하드웨어 개발환경에는 크게 두가지 클라이언트 환경과 서버 환경이 있다. 클라이언트 환경에는 웹 브라우저, 모바일 앱 등 개개인의 기기와 연관이 있고, 개발자의 입장에서는 서버 하드웨어 개발환경이 중요하다. 서버 환경 1. 웹 서버 => 클라이언트에서 요청하는 서비스 속도 향상을 위해 정적 컨텐츠(HTML, CSS, Image) 들을 관리하고, 합법적으로 사용자 인증을 해주며 포화 방지를 위해 응답속도(대역폭) 제한. HTTP를 이용하여 요청/응답을 처리한다. 2. 웹 어플리케이션 서버(WAS) => 동적 컨텐츠(JSP, Servlet)를 수행하고, 데이터베이스와 연결이 되어 있으며, 웹 서버와 구..

HTML과 CSS로 클론코딩을 해오면서 SVG 태그를 쓴적이 없었다. 이미지를 가져올때 PNG를 사용했었고, 아이콘을 따올때는 font awesome이나 구글폰트에 들어가 아이콘을 따왔다. 하지만 점차 svg태그를 많이 사용하는 것을 보았고, 이에 대해 대강만 듣고 넘어갔다. sgv 태그가 점점 중요하게 쓰이는것을 느꼈고 이에 대해 자세히 알아보고기로 하였다. 우선 svg 태그의 정의는 이렇게 나와있다. SVG stands for Scalable Vector Graphics and is used to define graphics for the Web 즉 내부에 원 삼각형 사각형 등 그래픽을 담을 수 있는 그릇 같은 역할을 한다. PNG => pixel 단위로 구성되며 비트맵 방식이다. SVG => 수학 ..