렌더링이란 ? 웹페이지 접속시 페이지를 화면에 그려주는 것 SSR Server side Rendering (서버사이드렌더링) 요청시마다 새로고침이 일어나며 서버에 새로운 페이지에 대한 요청을 하는 방식이다. 서버에서 사용자에게 보여줄 페이지를 모두 구성하여 페이지를 보여주는 방식 기술의 발전으로 웹에서 제공되는 정보량이 많아지고, 여러 문제점이 발견되면서 SPA가 등장하게 된다. CRS & SPA SPA는 최초 한번 페이지 전체를 로딩한 후부터 데이터만 변경해서 사용할 수 있는 웹 애플리케이션을 의미한다. 이러한 방식을 클라이언트사이드 렌더링(CRS) 방식이라고 한다. 전통적인 SSR은 SPA에 비해 성능이 뒤떨어져있다. 주의할점 CRS != SPA 전통적인 웹페이지 렌더링 방식 != SSR 전통적인 웹..

SPA 중심에는 대표적인 라이브러리/프론트프레임워크 React, Vue/Angular가 있다. 1. SPA란? SPA란 Single Page Application의 약자이다. 단일 페이지 어플리케이션(SPA)는 현재 웹개발의 트랜드이다. 기존 웹 서비스는 요청시마다 서버로부터 리소스들과 데이터를 해석하고 화면에 렌더링하는 방식이다. SPA형태는 브라우저에 최초에 한번 페이지 전체를 로드하고, 이후부터는 특정 부분만 Ajax를 통해 데이터를 바인딩하는 방식이다. 전통적인 페이지 vs 단일 페이지 어플리케이션 비교 예전부터 개발자들은 지속적으로 웹서비스와 개발방식을 발전시켜왔다. CSS, JS 리소스 등을 cdn형태로 캐싱 및 압축하고, View에서 템플릿엔진 들을 사용하고, 초기의 SPA 개념인 Backb..

PWA란? 모바일 기기에서 웹 사이트를 볼 때 마치 네이티브 앱과 같은 동작을 가능하게 하는 방법 >> 사이트 자체의 개선(표시 속도 등의 기술적인 개선) Progressive Web Apps 모바일 사이트에서 네이티브 앱과 같은 사용자 경험을 제공하는 기술 웹과 앱 모두의 장점을 결합한 제품 설치할 필요가 없지만, 홈 화면에 아이콘 추가 및 푸시알림도 가능하여, 사용자와 접촉 기회를 늘릴 수 있음 읽기 속도와 표시의 고속화, 오프라인 열람 등 다양한 이점을 가지고있음 PWA에서 구현할 수 있는 기능 ◆ 푸시 알림 일반적인 앱처럼 푸시 알림을 보낼 수 있음. 브라우저를 닫고 있는 상태의 사용자에게 푸시 알림을 보낼 수 있기 때문에, 웹사이트와 비교하면 현격히 접촉 횟수를 늘릴 수 있습니다. 푸시 알림을 ..

API(Application Programing Interface) API는 응용 프로그램에서 사용할 수 있도록, 운영 체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스를 뜻한다. https://steemit.com/kr/@yahweh87/it-api [IT용어] API란 무엇인가? — Steemit 안녕하세요. 어미새입니다. 정말 오랜만에 스팀잇에 포스팅을 진행하는것 같습니다. 개인적으로 바쁜 일상을 보내고 있다보니, 1일 1포스팅이 아닌 1주 1포스팅도 어려운 상황이었습니다. 다시 steemit.com https://www.youtube.com/watch?v=ogT267HvNuQ 사이트 GIPHY https://giphy.com/ GIPHY - Be Animated GIPHY ..

https://www.youtube.com/watch?v=3xRpjLZUBeo Pinterest에서 responsive websites라고 검색해보면 라이브 데모로도 여러가지 확인할 수 있다. https://www.pinterest.co.kr/search/pins/?q=responsive%20websites&rs=typed Pinterest 요리법, 집 꾸미기 아이디어, 영감을 주는 스타일 등 시도해 볼 만한 아이디어를 찾아서 저장하세요. www.pinterest.co.kr Dribbble이라는 사이트에서 websites 또는 responsive websites라고 검색해보면 https://dribbble.com/ Dribbble - Discover the World’s Top Designers & Cr..

https://www.youtube.com/watch?v=KJUdqPDAtTI 1. 왜 프로젝트로 공부해나가야 하는지 - 포트폴리오를 만들어 놓으면 추후에 채용의 기회가 왔을 때 당장 줄 수 있는 것을 들고 있기 때문에 좀 더 편한 마음으로 공부에 집중할 수 있다. - 가장 중요한 것은 '문제 해결 능력'을 연습할 수 있는 기회가 된다는 것. (Problem Solving Skills) - 이론 위주, 따라 하기의 프로젝트로는 문제 해결 능력 키우기 어렵다. - 작은 프로젝트라도 어떤 프로젝트를 만들건지, 어떠한 기능들을 구현해나갈 건지, 이들을 구현하기 위해서는 어떻게 해나가야 하는지를 연습해야 함. (문제를 해결하는 연습을 해나가기) - 경력 많고 문제 해결 능력 떨어지는 사람 vs 경력 적지만 문제..