동기/ 비동기란? 자바스크립트는 싱글스레드이기 때문에 한 번에 하나의 작업만 수행할 수 있었고 이를 해결하기 위해 병렬 적으로 처리하는 비동기 방식이 생겨났다 동기(Synchronized)란 쉽게 설명해서 프로그램이 작성된 순서대로 실행되는 것으로 A, B, C 순서로 함수가 작성되어 있다면 함수는 반드시 A, B, C순서대로 A의 동작이 끝나면 B함수가 실행되고, B가 끝나면 C함수가 동작하는 것을 동기적 실행이라고 할 수 있다. 비동기(Asynchronized)란 동기적 실행과 달리 비동기 프로그래밍은 타임라인의 분기를 나눠서 두개이상 함수가 동시에 동작하는 것이다. 대표적인 예제로 setTimeout( )이 있는데 setTimeout( )을 쓰게 되면 기적 타임라인에서 나눠저서 독자적으로 함수를 실..
사용성 평가 1. 시스템 상태의 가시성 아직 구현하지 못함 2. 시스템과 현실 세계의 일치 인테리어 전문용어가 아닌 사용자들에게 친숙한 단어로 표현 3. 사용자 제어 및 자유 사용자가 실수로 누른 작업을 취소할수 있게 뒤로가기 버튼을 구현 4. 일관성 및 표준 사용자에게 친숙한 ui 를 제공 하였으며 한 제품 내에서 같은 인터페이스를 유지할수 있도록 구현 5. 오류 방지 아직 구현하지 못함 6. 기억보다는 직관 아직 구현하지 못함 7. 사용의 유연성과 효율성 아직 구현하지 못함 8. 미학적이고 미니멀한 디자인 사용 빈도적은 메뉴를 다 보여주지 않고 필요할 때에만 볼수 있게 구현 9. 오류의 인식, 진단, 복구를 지원 아직 구현하지 못함 10. 도움말 및 설명 문서 아직 구현하지 못함 * UI 분석 * 사..
UI/UX 개념 UI(User Interface, 사용자 인터페이스) 사람들이 컴퓨터와 상호 작용하는 시스템을 의미한다. 보통 UI라고 하면 떠오르는 화면상의 그래픽 요소 외에도, 키보드, 마우스 등의 물리적 요소도 컴퓨터와 상호 작용하기 위한 시스템이므로 UI라고 볼 수 있다. GUI는 사용자가 그래픽을 통해 컴퓨터와 정보를 교환하는 작업 환경을 말한다. GUI의 예시는 우리가 보는 운영체제(Window, Mac OS)의 화면, 혹은 애플리케이션 화면이 있다. 프론트엔드 개발자로서의 UI는 대부분 이 GUI를 의미한다. 따라서 앞으로 말하는 UI는 이 GUI를 의미한다고 생각해도 된다. UX(User Experience, 사용자 경험) 사전적 의미는 사용자가 어떤 시스템, 제품, 서비스를 직간접적으로 ..
API(Application Programming Interface) API란 클라이언트가 리소스를 요청할 수 있도록 서버측에서 제공된 인터페이스(interface)를 말한다. 이러한 API로 데이터와 기능의 집합을 제공하여 컴퓨터 프로그램간 상호작용을 촉진하며, 서로 정보를 교환가능 하도록 한다 REST API 웹의 리소스를 HTTP URI 형식으로 표현하고 HTTP를 통해 요청과 응답을 정의하는 방식 웹 애플리케이션에서는 HTTP 메소드를 이용해 서버와 통신을 하는데, 어떤 요청을 보내고 받느냐에 따라 메소드의 사용이 달라지며 그에 따라 제대로 통신이 가능하도록 일종의 규약이 존재한다. 자원(RESOURCE) - URI 행위(Verb) - HTTP METHOD 표현(Representations) RE..