UI/UX

UI

UI란 사람들이 컴퓨터와 상호 작용하는 시스템
화면상의 그래픽UI(GUI)이외에도 키보드,마우스,스마트폰 버튼 등 물리적 UI도 존재함
프론트엔드 개발자로서의 UI는 GUI를 의미하는 경우가 많다.

UX

UX란 사용자가 어떤 시스템, 제품, 서비스를 직•간접적으로 이용하면서 느끼고 생각하는 총체적 경험
어려운말이지만, 아무리 보기가 좋아도, 직접적인 성능이 안좋으면 사용자 경험은 낮을수있고, 아무리 좋은 성능이여도 쓰기어려우면 사용자 경험이 좋다고 할 수 없다.

UI/UX 차이점

UI는 물리적 / 그래픽적 버튼일 뿐이지만 , UX는 UI를 사용자가 사용함으로써 생겨나는 경험이다.

Semantic HTML의 필요성

Semantic 태그 예시

header , main , footer 등

필요성

HTML은 웹페이지에서 구조를 담당하는 언어라 할 수 있다.
구조만 생각한다면 , div와 span 태그 만으로도 보기좋은 웹페이지를 만들수 있으나, 한눈에 봤을때 어느 div or span 태그가 무엇을 담당하고 있는지 알수 없기 때문에, Semantic tag를 사용함으로써 코드의 가독성을 높일 수 있다.
또한 검색엔진상 태그에 의미를 부여하는것이기 떄문에 컴퓨터가 웹페이지를 읽을때 어느 부분이 중요한 부분인지도 같이 파악할 수 있다.

IP 프로토콜

송신 호스트와 수신 호스트가 패킷 교환 네트워크에서 정보를 주고받는 데 사용하는 정보의 규약

한계

비연결성

인터넷 프로토콜(IP)는 패킷 단위로 통신하며, IP 패킷은 소포처럼 출발지 IP 주소, 목적지 IP 주소 정보를 포함하고 있습니다.
패킷은 한 번 전송되면 목적지에 도착할 때까지 인터넷 망의
수 많은 노드를 지나게 됩니다.
이 때, 패킷을 받을 대상이 없거나 서비스 불능 상태여도 클라이언트는 서버의 상태를 파악할 방법이 없기 때문에 패킷을 그대로 전송하게 됩니다. 이걸 비연결성이라고 합니다.

비신뢰성

데이터를 전달하던 중 장애가 생겨 패킷이 중간에 소실되더라도 클라이언트는 이를 파악할 방법이 없습니다. 목적지에서도 패킷의 순서가 바뀌거나 소실된 상태로 도착할 수 있습니다. 이걸 비신뢰성이라고 합니다.

재귀를 활용하기 좋은 상황

1. 주어진 문제를 비슷한 구조의 더 작은 문제로 나눌 수 있는 경우

팩토리얼

2. 중첩된 반복문이 많거나 반복문의 중첩 횟수를 예측하기 어려운 경우

다차원 배열

모든 재귀 함수는 반복문(while문 또는 for문)으로 표현할 수 있습니다. 그러나 재귀를 적용할 수 있는 대부분의 경우에는, 재귀를 적용한 코드가 더욱 간결하고 이해하기 쉽습니다.