본문 바로가기

전체 글

(99)
UI와 UX의 차이, 좋은 UX란 무엇일까? 💡 UI(user interface)란 사용자 인터페이스(UI)란 사용자가 제품이나 서비스를 사용하게 될 때 마주하는 물리적, 비물리적 대면점이다. 예전에는 많았지만 지금은 없어진 휴대폰의 홈버튼, 혹은 휴대폰 옆쪽에 음량 및 전원버튼, 혹은 세탁기를 돌리기 위한 전원버튼 등등 버튼이 물리적으로 만들어져있고, 사용자가 그걸 사용하는 경우도 UI를 사용한다고 본다. 하지만 보통 우리가 UI 디자인이라고 생각하면 가장 보편적인 것이 바로 모바일이나 pc에서 화면으로 구현되는 인터페이스를 생각하는데, 예를들면 웹페이지나 사이트, 모바일 웹,키오스크 등등이 있다.이런 그래픽 UI를 특수하게 GUI(Graphic User Interface)라고 부른다. 🛑 따라서 UI는 물리적인터페이스와 비물리적 인터페이스를 모..
[javaScript] 재귀 함수와 메모리 사용량 간의 관계 📌 재귀함수란 재귀함수는 함수 내에서 자기 자신을 다시 호출하는 방법이다. 🤼‍♀️ 재귀 vs 반복문 재귀 반복문 장점 코드가 짧고 간결하다. 유지보수가 쉬워진다. 메모리가 절약된다. 속도가 상대적으로 빠르다. 단점 메모리 차지가 크다. (📌 아래에서 설명 예정) 깊이 제한이 있다. (엔진에 따라 다르지만, 십만까지는 보통 불가능) 속도가 상대적으로 느리다. 코드가 길고 복잡하다. 분기문이 복잡하게 얽혀있을 때는 재귀에 비해 크게 메모리가 절약되는 것은 아니다. 반복문 코드 function pow(x, n) { let result = 1; // 반복문을 돌면서 x를 n번 곱함 for (let i = 0; i < n; i++) { result *= x; } return result; } 재귀 코드 func..
피보나치 문제풀이 두가지: O(n),O(n^2) 문제: 아래와 같이 정의된 피보나치 수열 중 n번째 항의 수를 리턴해야 합니다. 0번째 피보나치 수는 0이고, 1번째 피보나치 수는 1입니다. 그 다음 2번째 피보나치 수부터는 바로 직전의 두 피보나치 수의 합으로 정의합니다. 0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, ... 입력: 인자1 : n number 타입의 n (n은 0 이상의 정수) 출력: number 타입을 리턴해야합니다. 주의사항: 재귀함수를 이용해 구현해야 합니다. 반복문(for, while) 사용은 금지됩니다. 함수 fibonacci가 반드시 재귀함수일 필요는 없습니다. 입출력 예시: let output = fibonacci(0); console.log(output); // --> 0 output = fibona..