오꾸오꾸(오늘도 꾸준히 오랫동안 꾸준히)

오늘은 라이브 코딩테스트 면접을 보았다. 라이브코딩 테스트를 할때마다 긴장이 되어 재대로된 충분히 해결할 수 있는 문제도 해결하지 못할 때가 넘 아쉽다.(검색이라도 했어야지) 아니 아직 그만큼 숙달되지 않은 거겠지 좀 더 프로젝트 경험을 늘려야하나 하나 하지만 좋은 코드를 짜지 못하고 프로젝트만 늘리게 된다면 그게 좋은 건지는 잘 모르겠다.

// store.ts import { createStore } from 'redux' import rootReducer from '../reducers' const store = createStore(rootReducer) export type RootReducerType = ReturnType export default store reducers/addAllergy.ts interface IntialState { data?: string[] } const initialState: IntialState = { data: [], } type addAllergy = { type: 'addAllergy' payload: string[] } const AddAllergy = (state = initialStat..

네트워크 토폴로지 컴퓨터 네트워크의 요소들을 물리적으로 연결해 놓은 연결 방식 스타형, 버스형, 링형, 망형으로 나눠집니다. 스타형(성형) 온라인 시스템의 전형적인 형태입니다. 중앙 시스템 서버 또는 선로 허브에 각 노드들이 연결된 중앙 집중식 형태입니다. 장점 고속의 대규모 네트워크, 어느한 곳에서 장애 발생시 네트워크에 영향을 주지 않습니다. 단점 중앙 시스템 고장 시 전체 네트워크가 중단되고, 설치 비용이 높고, 연결 수가 증가하면 제어가 복잡해집니다. 버스형 구조가 가장 간단하고 동축 케이블을 전송 매체로 하는 10BASE5와 10BASE2의 규격입니다. 장점 구조가 간단하고 설치가 쉽습니다. 비용이 저렴합니다. 단점 어느 한 곳에 장애가 발생시 전체 네트워크에 영향을 줍니다. 여러기기가 동시에 ..

리피터 약해진 신호를 다시 복원하고 증폭 시켜주는 역할을 합니다. 주로 LAN의 거리를 연장할 때 사용합니다. 허브 여러 컴퓨터들을 서로 중계 해주는 역할을 하는 네트워크 장비, 리피터와 같이 전기 신호를 정형화하고 증폭하는 역할을 합니다. 더미허브 네트워크의 전체 대역폭을 각 컴퓨터들이 분할해서쓰는 방식 예를들어 100Mbyte를 4개의 컴퓨터로 나눌시 25Mbyte씩 나눠서 사용합니다. 소규모 네트워크에 적합합니다. 스위칭 허브(스위치) 더미 허브의 단점을 보완한 허브입니다. 더미 허브와 외혀차이는 거의 없습니다.

실무 1. Formik (input form 관리) 2. Lazy Loading (최적화 방법에 대한 고민) 3. throttle debounce (최적화 방법에 대한 고민) 4. React Datepicker (달력 사용시 많이 쓰이는 library) 5. husky 로 commit 규칙 만들어보기 6. immer 불변성에 관하여 7. Pagination ( Infinite scroll ) 필독서 클린코드 클린 아키텍쳐 리팩토링2 객체 지향의 사실과 오해

HTTP 통신 Hyper Text Transfer Protocol의 약자로써 인터넷에서 데이터를 주고받는 프로토콜을 말합니다. Client의 요청(Request)이 있을 때만 서버가 응답(Response)하여 해당 정보를 전송하고 곧바로 연결을 종료하는 방식 HTTP로 실시간 통신 하는 법 poilling 폴링 브라우저가 일정한 주기마다 서버에 HTTP 요청을 보내는 방식 실시간 데이터의 업데이트 주기는 예측 불가능하므로, 불필요한 요청에 따른 서버 및 네트워크의 부하가 늘어난다 실시간 야구 문자 중계같이 5~10초 주기로 계속 업데이트를 시키는 방식 단점 : time interval을 어떻게 잡냐에 따라 서버의 부하가 올라가거나 실시간성이 떨어지는 trade off 관계를 갖는다 사용 : 실시간성이 조..

물리 계층 데이터 링크 계층으로부터 받은 데이터를 전기신호로 변환하는 역할 데이터링크 계층에서 받은 데이터를 0101같은 비트열로 변환시키고 그 비트열을 전기 신호로 바꿔 통신 케이블에 전달해줍니다. 또한 받은 전기 신호를 비트열로 변환하는 역할도 합니다. 주요 네트워크 기기: 허브. 리피터 데이터 단위 : 비트 네트워크 전송 매체 유선 케이블과 무선 케이블로 나눠집니다. 유선 케이블 UTP 케이블 : 다이렉트 케이블, 크로스 케이블 동축 케이블 광섬유 케이블 무선 케이블 라디오파 위성 마이크로파 UTP 케이블 Lan 케이블이라고 부르기도 합니다. 다이렉트 케이블 순행하는 케이블 양쪽, 커넥터의 선색을 동일하게 연결하는 방식 크로스 케이블 선색과 크로스가 되어 연결하는 방식 UTP 케이블 규격 UTP 규..

프론트엔드 직군에서 가장 많이 사용되고 있는 react, next.js와 제가 눈여겨 보고 있는 svelte에 대해서 알아보려고 합니다. 스마트폰이 등장하게 되면서 모바일로 웹페이지를 확인하는 일이 잦아졌는데 당시의 웹페이지들은 모바일에 최적화되지 않아 사용하는데 커다란 불편함이 있었습니다. 이런 불편함을 개선하고자 모바일에서도 사용자 인터페이스를 적용하기 위해 React나 Vue.js 등 여러 라이브러리와 프레임워크가 등장하였고, CSR이 가능한 SPA(Single Page Application)가 등장하게 되었습니다. CSR vs SSR SSR SSR은 전통적인 웹 어플리케이션 렌더링 방식으로 사용자가 웹 페이지에 접근할 때, 서버에 페이지에 대한 요청을 합니다. 이때 서버에서는 HTML, View와..

친구와 게임을 하는 도중 연결이 끊긴다면 그 원인을 분석해야 합니다. 하지만 어느부분에서 문제가 되는 알 수 있는 규칙이 없다면 에러를 찾기 힘들 것 입니다. 그렇기에 ISO 국제 표준화 기구에서는 이러한 규정(OSI)모델을 제정하였습니다. OSI 모델 OSI모델을 7계층으로 나누어집니다. 계층 역할 응용 계층 애플리케이션에 대한 서비스 제공 표현 계층 데이터를 읽을 수 있도록 문자를 코드/압축/암호화 등의 방식으로 데이터 변환 세션 계층 세션 연결/설정/ 해제와 통신 방식 결정 전송 계층 네트워크 계층에서 데이터가 전달될 때 데이터가 유실 되거나 에러가 날 수 있기 때문에 더 정확하게 전달 네트워크 계층 한 네트워크에서 다른 네트워크로 데이터를 전송(라우터) 데이터 링크 계층 네트워크 기기 간의 데이터..

유니 캐스트, 멀티 캐스트, 브로드 캐스트는 데이터를 전송하는 방식입니다. 유니 캐스트 하나의 송신지가 하나의 목적지로 데이터를 전송하는 방식 (1:1) 멀티 캐스트 하나의 송신지가 다수의 목적지로 데이터를 전송하는 방식 (1:N) 브로드 캐스트 하나의 송신지가 모든 목적지로 데이터를 전송하는 방식 (1:All)