Front-end/Web11 SSR(서버사이드렌더링) & CSR(클라이언트사이드렌더링) SSR(서버사이드렌더링)JSP(자바서버페이지), 서버에서 소스 렌더링 해서 보내줘서 빠름 B2C 같이 고객에게 빠르게 화면을 제공해줘야 될 때 적합하다. 카카오페이지 React로 포팅하게된 계기 참고 https://medium.com/@ljs0705/%EC%B9%B4%EC%B9%B4%EC%98%A4%ED%8E%98%EC%9D%B4%EC%A7%80-%EC%9B%B9-react-%ED%8F%AC%ED%8C%85-%ED%9B%84%EA%B8%B0-76402cc5e031CSR(클라이언트사이드렌더링)소스가 30개인 경우 한꺼번에 스택에 넣어서 불러오느라 느림(SPA-싱글쓰레드페이지어플리케이션) 페이지를 처음에만 한번 static으로 불러와주고, 해쉬값에 따라 화면만 제어해줌. 프레임워크 라이브러리제어 주기가 어디.. 2019. 3. 11. 반응형 웹(feat.미디어 쿼리) / 적응형 웹 반응형 웹 (Responsive Web)하나의 웹사이트에서 PC, 스마트폰, 태블릿 PC 등 접속하는 디스플레이의 종류에 따라 화면의 크기가 자동으로 변하도록 만든 웹페이지입니다. 같은 페이지 리소스를 가져와도 해당 페이지 크기에 따라서 다르게 보입니다.하나의 템플릿이 핵심, 개발자는 기기마다 따로 코드를 개발, 관리하지 않아도 됩니다. 페이지 좁을때 페이지 넓을때 ■ 모바일 퍼스트웹 디자인을 할때, PC보다 모바일 기기를 먼저 생각해서 디자인하고 프로그래밍 하는 기법입니다. 모바일의 제약을 [ 1. 모바일 기기의 스크린 크기 2. 네트워크 속도 및 품질 3. 사용하는 모드 ] 총 3개로 인식하고, 불필요한 요소를 최소화 시켜 사용하기 편한 웹을 제공합니다.고사양 웹이 저사양 모바일 기기에서도 불편함 없.. 2019. 3. 5. Bootstrap / Google Meterial Design Bootstrap웹사이트를 쉽게 만들 수 있게 도와주는 HTML, CSS, JS 프레임워크 * What ?반응형이며 모바일 우선인 웹 프로젝트 개발을 위한 무료 프레임워크입니다. 프론트엔드 진영에서 레이아웃과 다양한 인터페이스를 제공하여 웹사이트 제작의 간소화를 돕습니다. 2011년 GitHub에 오픈소스로 release 되었고, 2014년 6월에 GitHub에서 1등 프로젝트가 되었습니다.3 버전 부터는 모바일 중심의 프레임워크로 변경되었습니다. * Why ?팀내에서 개발시 다양한 라이브러리를 사용하므로써, 시간이 많이 걸리고 일관성이 떨어짐을 보완했습니다.부트스트랩을 통해서 일관성 및 시간절약이 가능해졌습니다. * How ?1. 부트스트랩을 직접 다운받는 방법. https://getbootstrap... 2019. 3. 4. 이전 1 2 3 다음
