UX ( User Experience ) "내용물" : 사용자가 어떤 제품, 시스템, 서비스 등을 직접적 혹은 간접적으로 이용하면서 느끼는 반응과 행동들과 같은 경험을 총체적으로 경험 - 통계자료 및 데이터를 기반으로 앱의 사용자들의 특성을 면밀하게 분석하여 상황과 시점에 맞게 변화 - 제품이나 웹사이트가 얼마나 효과적이고 즐거운가에 관한 것 UI (User Interface ) "포장" 사용자가 제품을 어떤 방식으로 이용하도록 만드느냐를 디자인하는 것 겉으로 시각화 되는 작업 - 디자인 (폰트, 칼라, 줄간격 등 상세한 요소), 레이아웃, 기술적인 부분 (반응성, 입출력단계, 애니메이션효과 등) 등 UX > UI는 서로 다르지만 제품 및 웹 사이트 디자인에 중요하며 서로 보완하는 역할을 한다. 2022..

Chapter1. UI/UX 개념 UI (User Interface, 사용자 인터페이스) 사람들이 컴퓨터와 상호 작용하는 시스템, 키보드, 마우스 GUI (Graphical User Interface, 그래픽 사용자 인터페이스) - 사용자가 그래픽을 통해 컴퓨터와 정보를 교환하는 작업 환경 - 운영체제 (WIndow, Mac OS)의 화면, 혹은 애플리케이션 화면 - 프론트엔드 개발자로서의 UI는 대부분 이 GUI를 의미 - ex) 컴퓨터 : 키보드를 이용해서 텍스트만으로도 컴퓨터와 상호 작용할 수는 있지만, 화면상에서의 상호 작용이 더 직관적이고 간편 UX (User Experience, 사용자 경험) - 사전적 의미: 사용자가 어떤 시스템, 서비스를 직간접적으로 이용하면서 느끼고 생각하는 총체적 경험..

JSON 의 탄생 배경 JavaScript Object Notation 데이터 교환을 위해 만들어진 객체 형태의 포맷 서로 다른 프로그램 사이에서 데이터를 교환하기 위한 포맷 JSON포맷은 자바스크립트를 포함한 많은 언어에서 범용적으로 사용하는 유명한 포맷 전송 가능한 조건 (transferable condition) 수신자(reciever)와 발신자(sender)가 같은 프로그램을 사용한다. 또는, 문자열처럼 범용적으로 읽을 수 있어야 한다. JSON.stringify : 객체를 JSON으로 변환합니다. 객체타입(문자열)—→ 직렬화 (serialize) JSON.parse : JSON을 객체로 변환합니다. 객체타입(객체) —→ 역직렬화(deserialize) ( X : (message.toString(..

Recursive 재귀 Chapter1. 재귀의 이해 재귀의 개념 자기 자신을 호출하는 함수인 재귀(recursion) 함수 ‘재귀’ 사전적 정의 : 원래의 자리로 되돌아가거나 되돌아옴. 반복적인 작업을 해야 하는 문제를 좀 더 간결한 코드로 풀어낼 수 있습니다. 재귀로 문제 해결하기 문제를 더 작게, 가장 작은 단위로 쪼개기 → 가장 작은 단위의 문제를 풀며 전체 문제를 해결 arrSum([]) === 0; // 가장 작은 문제를 해결하는 코드 & 재귀를 멈추는 코드 if (arr.length === 0) { return 0 } // 배열의 첫 요소 + 나머지 요소가 담긴 배열을 받는 arrSum 함수 // --> 재귀(자기 자신을 호출)를 통해 문제를 작게 쪼개나가는 코드 return arr.shif..