프론트엔드 2

브라우저 동작 원리 - 브라우저는 어떤 순서로 동작하는가?

https://www.youtube.com/watch?v=oLC_QYPmtS0 출처: [가장 쉬운 웹개발 with Boaz] Browser Elements 7가지와 그 역할 1. 사용자 인터페이스 : 주소표시줄, 홈버튼, 새로고침 버튼 등 브라우저 상에서 페이지 외에 사용자가 컨트롤할 수 있는 부분 2. 브라우저 엔진 : 1) 사용자 인터페이스의 요청(주소창에 URI 입력, 새로고침 버튼 누르기 등)을 렌더링 엔진에 전달 2) 사용자 인터페이스에서 입력받은 URI 요청에 대한 자료를 자료 저장소에 접근해 찾아봄(캐싱 기법) 3. 렌더링 엔진 : 브라우저 엔진이 요청한 URI를 받아서 서버에 요청한 후, 응답받은 데이터를 받아 통신 레이어, 자바스크립트 해석기, UI 백엔드에 파싱 후 전달한다.(보다 자세..

[UX 원칙 101] #9, #10, #11, #12

#9. 텍스트만이 아니라 버튼 전체가 클릭 가능하게 만들어라 프론트엔드 개발하던 중에 페이지 이동을 버튼 내의 '글자를 눌렀을 때' 작동하게 한 적이 종종 있었는데, 지금 생각해보니, 굉장히 불편한 UX를 만드는 방법이었다. 버튼 자체에 라우터를 연결해서 사용자가 버튼의 어디를 눌러도 이동할 수 있도록 할 필요가 있다. #10. 새로운 컨트롤을 제멋대로 만들지 마라. 하루에도 몇 십 개의 새로운 앱이 나옴에도 불구하고, 사용자들이 그 앱들을 익숙하게 사용할 수 있는 것은 앱의 동작 방식(UX)가 다른 앱들과 비슷하기 때문이다. 트위터의 소위 '슥뽕'이라 불리는(정식 명칭은 트위티 tweety 다.) 아래로 스와이프 해서 새로 업데이트 된 피드를 보는 방식처럼, 사용하기 쉽고 정말 좋은 컨트롤이 아닌 이상..

Read/UX 원칙 101 2022.07.06