SHUSTORY

🐢 MPA (Multiple Page Application)두 개 이상의 페이지로 구성된 애플리케이션사용자의 클릭과 같이 인터렉션이 발생할 때마다 해당 링크로 이동하여 앱이 다시 새로고침되는 방식으로 작동한다.🦦 인터렉션이 뭐죠?사용자의 특정 동작을 입력받아 시스템과 상호작용하는 것렌더링 방식으로 SSR(Server-Side-Rendering) 방식을 채택한다.서버로부터 완전하게 만들어진 html 파일을 받아와 페이지 전체를 렌더링하는 방식페이지를 이동하거나 새로고침하면 서버에서 전체 페이지를 다시 렌더링한다.🦦 렌더링이 뭐죠?웹 페이지를 사용자에게 보여주기 위해 서버로부터 받은 HTML, CSS, JS 파일들을 브라우저가 처리하여 화면에 출력하는 과정 🐢 SPA (Single Page Appli..

보호되어 있는 글입니다.

보호되어 있는 글입니다.

보호되어 있는 글입니다.

보호되어 있는 글입니다.

https://www.youtube.com/watch?v=usDqYTr9NM0🪼마디아님 유튜브를 보고 정리한 내용입니다! 🐚 심플하고 미니멀한 디자인의 중요성반응형 디자인의 확산과 함께 PC와 모바일에서 모두 심플하고 간결한 레이아웃이 자리잡고 있다.과거에는 복잡했던 웹사이트도 점점 더 단순화되며, 특히 모바일과 비슷한 간결한 스타일로 변화하는 추세이다.디자이너마다 심플함의 기준은 다 다르듯, 심플함 표현하는 방법 또한 다양하다.ex)레이아웃의 단순화색감 절제모바일에 맞춘 간결한 디자인 🐚 심플한 디자인의 중요 요소컨셉, 스타일, 기본기디자이너 본인만의 컨셉과 스타일에 대한 명확한 기준은 늘 중요하다.심플함을 추구하는 디자인일 수록 이는 더욱 중요하다. 컨셉에 따라 사이트의 분위기가 정해지기 때문이..

🌝 렌더링 (Rendering)🐰 렌더링이란?웹 개발에서 HTML, CSS, JS 등으로 작성된 문서를 브라우저가 해석 및 처리하여 사용자에게 보이는 웹 페이지를 생성하는 과정주요 목표는 사용자가 웹 페이지를 시각적으로 확인하고 상호작용할 수 있도록 하는 것이다.렌더링 방식에는 크게 CSR(Client-Side-Rendering)과 SSR(Server-Side-Rendering)이 있다.일반적으로 SPA에서는 CSR을, MPA에서는 SSR을 사용한다. 🌝 CSR (Client-Side-Rendering)클라이언트 측에서 렌더링하는 방식😯 여기서 말하는 '클라이언트' 라는게 뭘까?웹 애플리케이션을 사용하는 사용자의 장치나 브라우저를 의미한다는군요!초기에 빈 페이지를 로드하고, 그 후에 JS를 사용하..

👽 인터페이스공부를 하다보면, '인터페이스' 라는 단어를 여기저기에서 많이 접하게 되는데, 이 '인터페이스' 라는게 명확하게 무엇일까?인터페이스는 '약속'이다.함수가 됐든, 네트워크 패킷이 됐든, 외부 입력 장치가 됐든 상호작용을 위해서 미리 정의된 약속이 인터페이스이다.다시 말해, 정의된 약속 그대로 무의식 가운데 쓰이는 것이 인터페이스 이다.실생활에 빗대어 예시를 들어보자면 TV 리모컨, 컴퓨터의 파워 전원버튼, 변기의 레버, 고깃집의 호출벨 등을 인터페이스로 볼 수 있다.개발에서 API나, 코드 내 함수 하나도 인터페이스가 될 수 있다. 👽 여러 문맥에서의 인터페이스🫨 인터페이스의 개념에 대해서는 대략적으로 이해가 갔지만, 구체적으로 어떤 것들을 보고 인터페이스라고 부르는지에 대해서는 개념이 ..