yh-jeon Full stack

목차1. 인터넷 통신2. IP(Internet Protocol)3. TCP, UDP4. PORT5. DNS인터넷 통신인터넷에서 2개의 컴퓨터는 어떻게 통신할까? Just 클라이언트와 서버 간 메세지 전달하는 형식 만약, 전달하려는 경로가 너무 먼 경우에는 어떨까? 인터넷은 복잡하게 구성이 되어 있어 인공위성으로 전달될지, 노드로 전달될지, 광케이블로 전달될지 다양한 경로가 존재하기에 어떻게 전달되는지 모름IP(인터넷 프로토콜) 수신자와 송신자 간의 거리가 지나치게 먼 경우, 최소한의 규칙이 필요! => 그것이 바로 IP주소로 가능해짐 IP(인터넷 프로토콜)의 역할- 지정한 IP 주소(IP Address)에 데이터 전달- 패킷(Packet)이라는 통신 단위로 데이터 전달  1. 출발지 ip와 목적지 ip를..

https://www.figma.com/design/2LaTrn8hK4ppyf8sDGaiUP/%EC%A0%9C%EC%A3%BC-%ED%83%88%EB%9E%98?node-id=23-390&t=YpkWAJ4qh8JzrlUH-1

색체 부표본화 (Chroma Subsampling)1. 비디오는 이미지의 연속이므로 이미지와 같이 Color Space를 규정해야 함2. Color Space를 정의하는 각 성분의 값으로 하나의 Component를 형성할 수 있음3. Component Video : 각 Component들을 독립적으로 고려하여 Coding한 Video4. 각 Component들의 Sampling Rate를 기준으로 포맷 표현위 비율의 그림을 나타낸 것디지털 비디오 포맷-> CIF/QCIF 포맷- ITU-T에서 발표 - 초기 H.261, H.263 규격의 근간이 된 포맷 (CIF가 기본, QCIF는 CIF의 1/4 크기)1. Common Interface Format의 약자2. CCITT(International Teleg..

비디오의 기본1. 과거의 디지털 비디오는 합성과 샘플링 중 하나에 의하여 생성됨- 합성 : 컴퓨터 등을 이용하여 인공적으로 만듦- 샘플링 : 아날로그 비디오를 디지털 비디오로 전환디지털 방송 이후 대부분의 경우 청므부터 디지털로 획득함 2. 샘플링하여 만들어진 디지털 비디오는 소스 비디오의 형식에 따라 특성이 달라짐- NTSC(미국식 tv 방식) / PAL(유럽식 tv 방식) 등의 방식에 따라서 Frame Rate와 Scan Rate가 달라짐영화는 초당 24프레임Horizontal Blanking Interval (=Horizontal Retrace) : 오른쪽 끝에서 끝 지점에 도달하여, 다시 처음인 왼쪽으로 돌아가는데 발생하는 중간에 뜨는 시간 즉, 오른쪽 끝에서 왼쪽 끝으로 이동하는데 걸리는 시간V..

Mount (탄생) :컴포넌트가 탄생하는 순간을 말하며 즉, 화면에 처음 렌더링 되는 순간입니다.ex) "A 컴포넌트가 Mount 되었다." => A 컴포넌트가 화면에 처음으로 렌더링 되었다.Update (변화) : 컴포넌트가 다시 렌더링 되는 순간을 말하며 즉, 마운트 이후에 리렌더링 되는 그 순간을 의미ex) "A 컴포넌트가 업데이트 되었다." => "A 컴포넌트가 리렌더링 되었다."Unmount (죽음) :컴포넌트가 화면에서 사라지는 순간을 말하며 즉, 렌더링에서 제외되는(사라지는) 순간을 의미ex) "A 컴포넌트가 언마운트 되었다." => A 컴포넌트가 화면에서 사라졌다.  useEffect 리액트 컴포넌트의 사이드 이펙트를 제어하는 새로운 React Hook사이드 이펙트란 ? "부작용"으로, 리..

깃허브 개발 링크 : https://github.com/JejuTalae

{ 로컬 Git 저장소에서 GitHub와 연동된 remote 주소를 삭제하는 방법 }[ 현재 설정된 remote 목록 확인하기 ]먼저, 설정된 remote 목록을 확인하려면 다음 명령어를 사용합니다.git remote -v이 명령어를 입력하면, 현재 로컬 저장소에 연결된 모든 remote 주소가 표시됩니다.[ 연결된 GitHub remote 주소 삭제하기 ]git remote remove origin여기서 origin 부분은 삭제하고자 하는 remote 이름으로 변경할 수 있습니다.GitHub와 연동된 remote가 origin이라는 이름으로 설정되어 있다면, 이를 삭제하려면 다음 명령어를 사용합니다.[ 삭제 확인하기 ]다시 git remote -v 명령어를 실행하여 remote가 제대로 삭제되었는지 확..

{ 컴포넌트 구조도 }리액트에서는 부모와 자식 관계에서만 props로 상태를 전달할 수 있음(2개 이상의 컴포넌트 간 데이터 전달 방식 : props), 따라서 부모 컴포넌트를 공유하고 있는 형제 컴포넌트들끼리에서는 props를 사용할 수 없음 / 오직 부모-자식 트리구조에서만 사용이 가능!따라서, count 상태는 Viewer 컴포넌트에게 Controller 컴포넌트에게는 이벤트 핸들러를 전달해야 함 1. 리액트에서 화면을 구성할 때, 여러 개의 컴포넌트들이 서로 부모와 자식 관계를 이루며 계층 구조를 형성함2.  특정 컴포넌트가 다른 컴포넌트에게 데이터를 전달하려면 반드시 두 컴포넌트는 서로 부모 자식 관계를 가지고 있어야 한다는 점 / 그렇기에 하나의 상태를 여러 컴포넌트에서 관리하게 될 경우, 이..

어떻게 해야 하는가?프로토타입 제작은 제품이 사용자를 어떻게 돕는지에 대한 스토리를 들려주는 과정모션을 사용하면 해당 스토리를 더 잘 전달할 수 있고 인터랙션은 본래 다이나믹하며 정적인 요소(스케치, 목업)로 이를 설명하려고 애쓰는 것은 사용자의 상상력을 복잡하게 하므로 좋지 않음프로토타입을 제작할 때 모션과 시간을 자유롭게 컨트롤할 수 있는 툴을 사용하여 이점을 얻을 수 있음{ 😎프로토타이핑에서 모션의 역할 } - 여기부터!일반적으로 앱에는 움직이는 부분이 많음 ex) 버튼을 클릭할 때 등장하는 패널 간의 전환효과, 터치 제스처에 반응하는 애니메이션과 이미지 그 외 많은 부분이 존재함각각의 요소가 움직이는 방법을 결정하는 것은 숙고해야 하는 중요한 디자인 결정 사항 / 프로토타이핑할 때 목표 달성을 ..

어떻게 해야 하는가?아이디어를 검증하기 위해서 제품이 개발될 때까지 기다리는 일은 위험성이 큼, 개발한 제품에 사용자가 어떻게 반응하는지를 더 일찍 파악하는 것이 더 유용할 것 : 프로토타이핑으로 아이디어를 더 일찍 평가 가능{ 😎프로토타이핑 사고방식 채택하기 }프로토타입은 최종 제품이 갖는 몇 가지 측면만을 시뮬레이션 한다.프로토타이핑에서는 사용자가 제품 내부를 신경 쓰지 않는다는 사실을 이용하여야 함, 프로토타입은 사용자에게 보이는 정보를 가짜로 보여줄 수 있음.{ 😎니즈에 맞는 최적의 프로토타이핑 접근법 결정하기 }프로토타이핑을 할 때, 사실감과 스피드 사이에서 균형을 끊임 없이 탐구해야 함 / 프로토타입은 최종 제품의 경험을 가급적 많이 재현하길 원하고 다른 한 편으로는, 모든 세부 사항을 챙..