당근먹는하니
귀엽고 행복해
당근먹는하니
전체 방문자
오늘
어제
  • 분류 전체보기 (274)
    • 다람쥐🐿 (26)
    • C++ 공부빵야 (7)
    • 공부👻 (5)
    • 프론트엔드✏️ (228)
      • 코드캠프 (120)
      • 팀 프로젝트✨ (31)
      • 개인공부 (67)
    • 프론트엔드 - 바닐라js (7)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • next.js
  • react
  • 팀플
  • 공통 컴포넌트
  • emotion
  • 리액트
  • algorithm
  • 프로그래머스
  • javascrpit
  • 회고
  • JS
  • 자바스크립트
  • graphql
  • 팀프로젝트
  • 프론트엔드
  • React-hook-form
  • 팀 프로젝트
  • CSS
  • 코딩 부트캠프
  • HTML
  • 배포
  • 배열
  • 코드캠프
  • 코딩
  • refreshtoken
  • 부트캠프
  • typescript
  • ssg
  • 알고리즘
  • javascript

최근 댓글

최근 글

티스토리

250x250
반응형
hELLO · Designed By 정상우.
당근먹는하니

귀엽고 행복해

🎃우왁 220521-22 두번째 주말...
프론트엔드✏️/코드캠프

🎃우왁 220521-22 두번째 주말...

2022. 5. 23. 00:29
728x90
반응형

 노션 복붙 

  • [x] Static, Dynamic Routing
    • configuration technique - 라우팅 테이블 수동/동적 업데이트
    • link affect - 링크 실패시 다른 라우팅 경로에도 영향을 줌 / 영향을 주지 않음
    • 라우팅? 어떤 네트워크 안에서 통신 데이터를 보낼 때 최적의 경로를 선택하는 과정. 라우트는 그 경로를 뜻한다.
    • 수동으로 목적지 주소를 지정하는 라우트 방식, 트래픽을 목적지로 보내기 위해 미리 구성된 경로를 사용한다.
    • 문제 발생시 원인을 찾기 쉽고 부하가 적음
    • 변경사항이 없거나 그것을 예상하지 않아도 될 때 사용
    • 동적 라우팅은 알고리즘을 사용하여 최적의 경로를 설정한다.
    • 주요 차이점
    1. 경로 선택 : 정적 라우팅은 미리 구성된 단일 경로를 사용, 동적 라우팅은 여러 개의 경로를 제공한다.
    2. 정적 라우팅은 수동으로 경로를 재구성해줘야 갱신된다. 동적 라우팅은 알고리즘을 사용하여 자동으로 업데이트 된다.
    3. 정적 라우팅은 각 대상에 대해 하나의 항목만 포함하는 작은 라우팅 테이블을 가지고 있으나, 동적 라우팅은 전체 라우팅 테이블을 전송해야 한다.
    4. 동적 라우팅은 정적 라우팅에 비해 복잡한 라우팅 알고리즘(RIP, IGRP-벡터 프로토콜, OSFP,IS-IS-링크 상태 프로토콜)을 사용하여 경로를 설정한다.
    5. 정적 라우팅 - 미리 구성된 하나의 경로, 컴퓨팅 성능, 대역폭 덜 필요로 함. 동적 라우팅 - 다중 경로 가능성 생성 위해 더 많은 계산과 대역폭을 필요로함
    6. 정적 라우팅 - 전체 네트워크에 경로를 공유하지 않음 → 안전 동적 라우팅 - 네트워크 통해 라우팅 테이블 공유 → 보안 위험 가능성
    7. 정적 - 소규모 네트웤, 동적 - 큰 네트워크, 유연성
  • [ ] 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.. ..★💛

 

728x90
반응형
저작자표시 비영리 동일조건

'프론트엔드✏️ > 코드캠프' 카테고리의 다른 글

구조 분해 할당(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
    '프론트엔드✏️/코드캠프' 카테고리의 다른 글
    • 구조 분해 할당(Destructuring Assignment)
    • Conditional-rendering
    • React Component, State, Props
    • Static Routing vs Dynamic Routing (정적 라우팅 vs 동적 라우팅)
    당근먹는하니
    당근먹는하니

    티스토리툴바