라우팅

라우팅은 네트워크상에서 주소를 이용하여 목적지까지 경로를 체계적으로 결정하는 경로선택 과정이다.

정적 경로 설정 vs 동적 경로 설정

정적 경로 설정(static routing protocol)

-관리자가 네트 워크에 대한 경로 정보를 직접 지정하여 라우팅 하는 방법.

이와 같이 경로 정보를 직접 지정해준다.

동적 경로설정보다 속도가 빠르고 안정적이라는 장점이 있지만 네트워크 변화가 잦거나 등록해야 할 네트워크의 수가 많을 경우 경로 설정을 변경하기 어렵다.

동적 경로 설정(dynamic routing protocol)

-동적인 라우팅으로 대규모 네트워크에 사용하며 인접한 라우터간에 동일한 라우팅 프로토콜을 설정하여 라우터 간에 변경된 네트워크에 대한 정보를 자동으로 교환하여 라우팅 하게 하는 방법

출처:https://butter-shower.tistory.com/21

[]<< 변수로 만들어 줌
boards/13이면 aaa라는 변수에 13이라는 값이 담김.
여러개의 폴더를 만들 필요가 없이 하나로 해결 가능

조건부 렌더링 삼항연산자, &&연산자

삼항 연산자

조건부 삼항 연산자는 JavaScript에서 세 개의 피연산자를 취할 수 있는 유일한 연산자입니다. 맨 앞에 조건문 들어가고 그 뒤로 물음표(?)와 조건이 참이라면 실행할 식이 물음표 뒤로 들어갑니다. 바로 뒤로 콜론(:)이 들어가며 조건이 거짓이라면 실행할 식이 마지막에 들어갑니다. 보통 if 명령문의 단축 형태로 쓰입니다.

출처:https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Conditional_Operator

글로만 보면 어렵지만 생각보다 간단했다.

var age=26;
var beverage=(age>=20) ? "Bear" : "Juice";
console.log(beverage); // "Beer"

나이가 20보다 크면 맥주 아니라면 쥬스
나이가 26이므로 맥주가 나오는 식이다.

라우팅을 할 때도 이런식으로 오류를 방지할 수 있다.

데이터가 존재한다면 data.fetchProduct.seller를 반환하고 없다면 qqq라는 메시지를 보여준다.

&&연산자

삼항 연산자와 비슷하게 사용되지만 &&연산자는 &&앞의 값이 true이면 &&뒤의 값을 반환하고 false일 경우 무시한다.

옵셔널 체이닝

Optional Chaining은 ES2020에서 등장한 새로운 연산자로서 '?.'의 형태로 사용하며 체인으로 이루어진 각 참조가 유효한지 명시적으로 검증하지 않고 연결된 객체 체인 내에 깊숙히 위치한 속성 값을 읽을 수 있는 연산자이다.

출처: https://rootjang-dev.tistory.com/2 [루트장의 Dev 일기]

&&연산자의 경우 코드가 길어지고 복잡해진다는 단점이 있는데 그럴 때 옵셔널 체이닝을 사용해서 이런식으로 간결하게 표현할 수 있다.