![thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcsiH0S%2FbtsIvjoINN4%2FYnM7S6lhkvcXDH9FkRiH8k%2Fimg.png)
[혼공단 12기] 혼공네트워크 - 2주차
2024. 7. 13. 09:22
개발/Inafolio
혼공네트워크 2주차 미션 Ch.02(02-1) 확인 문제 2번(p.87), (02-3)확인 문제 4번(p.111) 풀고 설명하기 02-1 2번프리앰블: 이더넷 프레임의 시작을 알리는 8바이트(64비트) 크기의 정보. 송수신지간의 동기화를 위해 사용송·수신지 MAC주소: 네트워크 인터페이스마다 부여되는 6바이트(48비트)길이의 주소. LAN내의 수신지와 송신지를 특정타입/길이: 이더타입이라고도 불리며, 이더넷 프레임이 어떤 정보를 캡슐화했는지 나타내는 정보데이터: 상위계층에서 전달받거나 상위계층으로 전달해야할 내용. 네트워트 계층의 데이터+헤더인 PDU가 이곳에 포함됨FCS(Frame Check Sequence): 수신한 이더넷 프레임에 오류가 있는지 확인하기 위한 필드. 이 필드에는 CRC(Cycli..
![thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Ftircx%2FbtsIixaL22r%2FtVtSQv3BbqikiAqg8yC650%2Fimg.png)
[혼공단 12기] 혼공네트워크 - 1주차
2024. 7. 6. 11:37
개발/Inafolio
혼자 공부하는 습관이 무너진 시기에 마침 혼공단을 모집한대서 공부 습관 챙길겸 다시 등록 요즘 진짜 공부하려고 자리에 앉기가 너무 너무 힘들다. 1주차 미션 OSI 모델 및 TCP/IP 모델 차이점을 정리하고, 이를 바탕으로 네트워크 계층 구조를 작성해 보기 [Network] OSI모델 TCP/IP모델OSI모델 - ISO 국제표준화기구에서 제정 - 데이터 송수신시 컴퓨터 내부에서 일어나는 상황을 7개의 계층으로 분리해둠 계층 이름 설명 7계층 응용 계층 (Application Layer, 어플리케이션 계층) 이메일,h-owo-ld.tistory.com이전에 정리했던 글이있어서 OSI와 TCP/IP 모델에 대한 설명은 이걸로 복습.OSI와 TCP/IP모델처럼 통신과정을 계층으로 나눈 이유- 계층이 수행해야..
![thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbHm2Cv%2FbtsHUQuySWR%2FxD2mBejxVI2jjKJmPGIiXK%2Fimg.png)
[msw] 첫 랜더링시는 404, 이후 200이 뜨는 에러
2024. 6. 21. 08:20
개발/Error note
문제 처음 화면을 랜더링하면 404에러가 뜨고 이후에 무언가를 수정하고 요청하게되면 그때부터는 200이 떴다. 왜그러지 왜그러지 싶은데 콘솔에 찍히는 Mocking enabled.가 요청 이후에 찍히는게 좀 이상했다. 404에 대해서 구글링을 해봤는데 원하는 해결책이 없었다. 그래서 msw문서를 다시 찾아보다가 카테고리중 브라우저 환경에서 세팅하는게 있었다. 이 카테고리에서 Browser intergration의 예시가 리액트로 되어있었고 최상위 컴포넌트 랜더를 할 때 순서가 잘못되어 있는걸 알았다. 문제 원인import React from 'react' import { createRoot } from 'react-dom/client' import { App } from './app' import { w..
![thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FmKZzO%2FbtsHUewcuIm%2FE2Ldp9uVBMkYMIAREq3np1%2Fimg.png)
[msw] msw 2.x.x 리액트에서 사용하기
2024. 6. 11. 23:11
개발/Javascript
포스트맨 무료버전을 쓰다가 항상 모자라서 새로 아이디 파는게 귀찮아서 MSW를 쓰게됐다. 그리고 콜렉션을 export 해둘 필요가 없어 다른사람들이 나중에 운영할 때도 편할 것 같았다. 구글에 있는 msw 세팅을 따라했더니 오류들이 발생해서 새로 쓰는 글 (항상 공식문서 Getting started부터 따라하자) 오류발생 코드import { rest } from 'msw' export const personHandlers = [ rest.get('/api/get-names', (req, res, ctx) => { const names = ['jimi', 'john', 'scott', 'queen'] return res(ctx.status(200), ctx.json(names)) }), ] export c..
![thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdDcBZP%2FbtsGQ5fMmIF%2FrtvWj5ZpbbwkeDg5UubTKK%2Fimg.png)
[Flutter] 환경세팅 중 오류가 발생했을 때
2024. 5. 23. 21:57
개발/Error note
플러터 설치후 flutter doctor 을 입력하면 제대로 설정이 된건지 알 수 있다. 나는 저 체크리스트중 2가지의 오류가 있었다. 문제1: Android toolchain - develop for Android devices (Android SDK version 34.0.0) 해결방법 cmd에 아래의 명령어를 입력해주었다.flutter doctor --android-licenses 입력하고나서 뭔가 Yes를 누르라는 게 여러번 떴고yes yes yes 하고 다시 flutter doctor로 확인하니 체크리스트가 사라졌다. 문제2: Visual Studio - develop Windows appsVisual Studio is missing necessary components. Please re-..