CODE CAVE

이젠 모바일 웹앱은 필수가 되면서 반응형은 필요요소가 되었습니다. 적응형으로 모바일 디자인을 따로 만든다고해도, 모바일 디스플레이가 워낙 크기가 다양해서 어쨌든 준(?) 반응형으로 만들어야 합니다. 적응형은 미디어쿼리를 쓰지 않을 뿐이지 각종 디스플레이 크기에 반응해야하기 때문에 고정값으로 가로세로 크기를 지정하면 안되니까요~ 적응형이라고 꼭 미디어쿼리를 쓰지 않는다는 것은 또 아니고, 결국 적응형도 반응형이나 다름 없다는 것이죠. 반응형은 반응하는 기기의 범위가 데스크탑 까지 가있는 것입니다. 뭔가 시작부터 되게 헷갈리게 만드는 말들을 주저리 주저리 했네요.. 아무튼 그래서 이번 포스팅에서는 반응형으로 동영상쪽 퍼블리싱+JavaScript 하실 때 참고하시라고 제가 작업했던 내용을 공유드리려고 합니다...

이번 포스팅에는 모바일 기기 체크 하는 방법 중에도 PHP로 하는 방법을 공유하고자 합니다. 보통 접속 기기의 종류는 자바스크립트에서 많이들 확인 하실거라고 생각이 되는데 RestAPI 방식이나 MVC로 로직이 분리가 되어있는 서버가 있을 경우 클라이언트(뷰) 단인 자바스크립트가 아니라 컨트롤러가 뷰로 데이터를 넘길때 여기에서 요청한 쪽의 헤더를 보고 모바일인지 데스크탑인지 확인하여 각기 다른 데이터를 리턴하면 될 것 같습니다. 다시 말해, 새 API를 아예 새로 받는 것보다 컨트롤러에서 return [view] 했던 것을 모바일 기기인지 체크하여 모바일이면 json 반환, PC면 뷰를 반환하도록 처리하면 구지 두번 작업하지 않아도 될 것입니다. 생각보다 단순합니다. 소스는 아래와 같습니다. //Chec..