노션 복붙
- [x] Static, Dynamic Routing
- configuration technique - 라우팅 테이블 수동/동적 업데이트
- link affect - 링크 실패시 다른 라우팅 경로에도 영향을 줌 / 영향을 주지 않음
- 라우팅? 어떤 네트워크 안에서 통신 데이터를 보낼 때 최적의 경로를 선택하는 과정. 라우트는 그 경로를 뜻한다.
- 수동으로 목적지 주소를 지정하는 라우트 방식, 트래픽을 목적지로 보내기 위해 미리 구성된 경로를 사용한다.
- 문제 발생시 원인을 찾기 쉽고 부하가 적음
- 변경사항이 없거나 그것을 예상하지 않아도 될 때 사용
- 동적 라우팅은 알고리즘을 사용하여 최적의 경로를 설정한다.
- 주요 차이점
- 경로 선택 : 정적 라우팅은 미리 구성된 단일 경로를 사용, 동적 라우팅은 여러 개의 경로를 제공한다.
- 정적 라우팅은 수동으로 경로를 재구성해줘야 갱신된다. 동적 라우팅은 알고리즘을 사용하여 자동으로 업데이트 된다.
- 정적 라우팅은 각 대상에 대해 하나의 항목만 포함하는 작은 라우팅 테이블을 가지고 있으나, 동적 라우팅은 전체 라우팅 테이블을 전송해야 한다.
- 동적 라우팅은 정적 라우팅에 비해 복잡한 라우팅 알고리즘(RIP, IGRP-벡터 프로토콜, OSFP,IS-IS-링크 상태 프로토콜)을 사용하여 경로를 설정한다.
- 정적 라우팅 - 미리 구성된 하나의 경로, 컴퓨팅 성능, 대역폭 덜 필요로 함. 동적 라우팅 - 다중 경로 가능성 생성 위해 더 많은 계산과 대역폭을 필요로함
- 정적 라우팅 - 전체 네트워크에 경로를 공유하지 않음 → 안전 동적 라우팅 - 네트워크 통해 라우팅 테이블 공유 → 보안 위험 가능성
- 정적 - 소규모 네트웤, 동적 - 큰 네트워크, 유연성
- [ ] Conditional-rendering && 삼항 연산자
- 조건부 렌더링
- 특정 조건에 따라 다른 UI를 렌더링 할 수 있는 기능
- if를 이용하거나 변수 상태를 이용해서 조건을 줄 수 있음
- presentation 구성 요소: 보통 DOM 마크업, 자체 스타일, 데이터가 로드되거나 변경(mutation)되는 방법을 지정하지 않는다. props를 통해 데이터 및 콜백을 받는다. 데이터보단 UI 상태(그 자체로 state를 갖지 않는다), ex. page, sidebar, story, userInfo, list
- container 구성 요소: 보통 DOM 마크업
- [ ] Destructuring Assignment
- [ ] container-presentation - 8일차 포스팅 : 폴더구조 체계화 디자인 패턴
- CRUD 하나의 기능을 만들 땐 최소 4-5개의 api가 만들어져야 한다.
- (app.js) → 페이지 컴포넌트, container → presenter, queries → styles
- 코드는 하나에 많아도 100줄 넘지 않는 게 좋다.
- container-presenter 나눠놓으면 유지보수 하는 데 좋다.
- react.js에서 사용하는 코딩 패턴이다.
- Dan Abramov - Presentational and Container Components
- 구성요소를 두 범주로 나누면 재사용이 훨씬 쉽다
- [ ] filter, map, every
- [ ] React state, props - 부모 컴포넌트에서 자식 컴포넌트에게 함수, 변수 등 데이터를 넘겨줄 수 있다.
- props = { aaa: handleChangeWriter } 객체로 변한다 (aaa는 임의의 키값)
- 자식 컴포넌트의 props로 전달된다.
- props.aaa (=handleChangeWriter라는 value)
- 실무에선 키값과 밸류를 같게 쓴다. ex. props = { handleChangeWriter: handleChangeWriter }
- 다른 컴포넌트에 있으면 변수 이름이 같아도 다른 변수입니다.
- 리액트에서 데이터의 흐름은 단방향 구조(부모→자식만 가능)
이번 주말은 와우다.
게임 와우 말고 그냥 와우 . . . 와우 . .. .... 😎
맨날 배 아픈 사람치고는 웃기지만 맥주 먹으면서 쓰고 있다.
금요일날은 자리를 잘 닦고 고기도 잘 먹었다... 취하고 싶어서 술도 먹었는데 하나도 안취했다?고 생각했는데 조금 취했던 것 같기도 하고. 그리고 토요일날에 배가 아팠다. 어이없지만 만화카페가서 노트북으로 좀 공부를 하다가 새우처럼 쭈글한 상태로 잤다. 그리고 집에 와서 배 아프다는 핑계로 누워있다가 괜찮아지고선 알로에님이랑 계속 수다만 떨었다. 'ㅅ' ... wow 그리고 오늘은 늦잠자고 포안에서 밥 먹고 공원에서 돗자리 깔고 조금 공부했다. . . . 근데 생각보다 넘 좋았어! 다음주에 제대로 가져가서 한두시간 정도 공부해볼 예정★하지만 다음주엔 학원갈꺼야.. 어째 1주차랑 2주차랑 바뀐 것 같다...ㅠ 왜 이번주에 더 열심히 하지 않는거야?! 정말 빠졌네 빠졌어...
그래도 2주가 지났다는게, 프리캠프까지 하면 3주가 지났다는게 안 믿기고 대견하다...^ㅁ^ 이게 다행인게 맞는진 모르겠지만 하루하루 더 힘들어진다기보단 그냥 하루하루가 힘들어서... 나머지도 그냥 잘 버틸 수 있지 않을까? 그런 생각ㅎ아니 어제 정한이랑 얘기하다가 블로그 주소 보내줬는데 비밀번호 걸려있대서 ???? 그럼 나 이때까지 뭘한거야...? 링크타고 들어왔던 사람들은 그냥 내가 쓴 c++에 관한 글 몇 개만 보였겠네.. ? ? ? ㅋㅋㅋㅋㅋㅋㅋ충격이고 약간 부끄럽고 아니 왜..왜 이걸 지금 알았지...? 싶었다. 글마다 비밀번호가 걸려있고 그 비밀번호도 매우 어려운 걍 난수였음 뭐야 이거... 🤑

그리고 🍊언니 식장 잡았다는 게 뭔가 확 와닿고... 느낌 너무 이상하고 울 것 같았다. 로아 서버선택창에서 나오는 음악이 너무 좋아서 검색해서 풀버전으로 들었다가 눈물이 났던게 생각나면서, 정말... 정말 이상한 일주일이라고 느꼈다. 별 거 아닌거에 줄줄 울고 있다... 그만큼 행복도 x999 로 오는 것 같긴한데~ 아니 모... 코딩이 너무 힘들어서 울지만 않음 됐지! 울 수 있단ㄱ ㅓㄴ 조은거ㅇF.. ..★💛
'프론트엔드✏️ > 코드캠프' 카테고리의 다른 글
구조 분해 할당(Destructuring Assignment) (0) | 2022.05.23 |
---|---|
Conditional-rendering (0) | 2022.05.23 |
React Component, State, Props (0) | 2022.05.23 |
Static Routing vs Dynamic Routing (정적 라우팅 vs 동적 라우팅) (0) | 2022.05.22 |
알고리즘 - 보충할 것 (0) | 2022.05.21 |