📌 UI ( User Interface ) 사람들이 컴퓨터와 상호 작용하는 시스템 유저가 사용하고자 하는 소프트웨어나 서비스를 편리하게 이용할 수 있도록 디자인 된 것으로, 흔히들 말하는 UI 디자인은 아이콘에 대한 디자인이나 색감, 그리고 표현과 글씨 폰트로 보여지는 시각 디자인을 말하는 것이다. 이러한 화면상의 그래픽 요소 외에도, 키보드, 마우스 등의 물리적 요소도 컴퓨터와 상호 작용하기 위한 시스템이므로 UI라고 볼 수 있다. - 대표적인 UI 디자인 패턴 대표적인 UI 디자인 패턴이라고 하면 모달, 탭, 태그, 토글, 페이지네이션 등 실생활에서 가장 많이 접한 요소이다. 프론트엔트 개발자라면 필수적으로 알아두어야 할 UI 디자인에 대해 정리가 잘 된 글을 가져왔다. 프론트엔드 개발자라면 반드시 ..

📌 SOP ( Same-Origin Policy ) SOP는 동일 출처 정책으로 같은 출처의 리소스만 공유가 가능하다는 것을 의미한다. 여기서 같은 출처(Origin)라 함은 프로토콜, 호스트, 포트 가 모두 동일한 것을 말한다 🧸 SOP가 필요한 이유 SOP는 잠재적으로 해로울 수 있는 문서를 분리함으로써 해킹 등과 같은 위협으로부터 안전성을 보장하기 위해 생겨나게 되었다. 한 마디로 해킹의 방어책으로 생긴 것이다. 그렇다면 이러한 SOP가 없다면 어떻게 될까 ? 개인정보가 담긴 사이트를 열어두고 다른 사이트를 방문한다는 상황을 가정해보자. 방문한 다른 사이트에 개인 정보를 노리는 코드가 작성되어 있다면 개인 정보 유출이 되는 문제가 발생할 것이다. 그렇기에 SOP가 출처를 검사하여 동일한 출처가 아니..