innn

OSI 7 계층이란? OSI 7 계층이란, 우리가 컴퓨터를 사용할 때 네트워크 상에서 통신이 수행되는 과정을 7단계로 표현한 것을 의미합니다. 전체 과정이 구분된다는 점에서 네트워크 상에서 문제가 생겼을 때 이를 해결하기 용이해집니다. 이상 현상이 발생한 계층의 장비만 수리할 수 있기 때문에 효과적으로 사용할 수 있는 컴퓨터 네트워크의 계층도입니다. 1계층 Physical Layer 물리계층이라고도 표현 기계의 전기적인 특성을 활용해 전기적인 신호를 전송하는 계층 이때 실질적으로 우리가 랜선이라고 표현하는 통신 케이블 등이 이러한 1계층에서의 데이터 전송을 물리적으로 가능하게 만들어줍니다. 기계의 전기적인 특성을 활용하여 통신 케이블을 통해 데이터를 전송한다 비트(bit) 단위로 0 혹은 1을 의미하는 ..

강의 목표 MAC주소, IP주소, Port번호는 어디에 부여하는 것이며, 식별자로서 어떤 대상을 식별하는 걸까? Transport 단에선 Port 번호 ⇒ Process 식별자 / Service 식별자 / 인터페이스 번호 Networtk 단에선 IP주소 (v4, v6) ⇒ Host에 대한 식별자임 Host란 인터넷에 연결된 컴퓨터 한 컴퓨터에 IP 주소는 몇 개 ? ⇒ N개 IP 주소는 NIC 하나에 여러개를 바인딩할 수 있음 H/W 단에선 MAC 주소 ⇒ NIC에 대한 식별자임 NIC(LAN 카드) : 컴퓨터가 네트워크에 연결되고 효율적으로 데이터를 송수신할 수 있게 하는 장치 예시) 한 대의 노트북에 유/무선 LAN 카드가 있다면(= 한 대의 노트북에 NIC이 2개가 있다면), MAC 주소도 2개임 ..

https://www.youtube.com/watch?v=k1gyh9BlOT8&list=PLXvgR_grOs1BFH-TuqFsfHqbh-gpMbFoy (위의 강의를 듣고 정리한 필기입니다. 강의가 재밌어요. 강추!!) TCP/IP Network를 배우려면? OSI 7Layer 외우려 하지 ❌ 이유 : OSI 7계층은 완벽히 ‘개념’을 다루고 있는 부분 TCP / IP, HTTP 를 공부해라 개념(Abstraction) VS 사실(Implementation) 사람 ⇒ 개념 vs 김철수, 김영희 ⇒ 사실이자 실체 (Implementation) OSI 7 Layer ⇒ 개념 vs TCP/IP + HTTP ⇒ 실체, 구현 위의 예시처럼 추상화된 이상적 부분이 OSI 7 Layer이기 때문에 먼저 실체인 구현 파..

취업이 목표이신 개발 / UIUX 디자이너 / PM / 경영관리 / 사업기획 등 다양한 직무 취준생 분들에게 추천하는 프로그램 를 소개합니다. 저는 취준 컴퍼니 11기를 마친 친구의 소개로 취준 컴퍼니를 처음 알게 되었는데요. 원x드, 랠x, 그리x, 프x그래머스 등 다양한 IT 전문 플랫폼과 함께 사용하고 있는 로켓펀치에서 진행하는 프로그램입니다! 그저께까지 13기를 신규 모집하고 있었는데요. 신청 기간을 놓쳤다고 낙심마세요! 한달에 한 번꼴로 진행하는 프로그램이라 금세 14기 신청을 받는답니다. (저도 11기 신청을 놓치고 대기타다가 바로 12기를 신청했어요!) 로켓펀치의 취준컴퍼니의 모토는 일단 지원하자, 많이 물어보자, 함께 나누자 입니다! 3주차까지 제가 겪어본 바로는 3 가지 장점이 있습니다...

useQuery와 ts를 이용할때 useQuery로 불러온 데이터의 타입을 지정해줘야 해당 데이터를 사용할 때 타입 안정성도 보장되고, 중요한 자동완성도 가능함 useState에서 ts를 쓸 때 defaultValue가 없고 그 value 값이 복잡한 객체일 때 제네릭으로 타입을 미리 알려주듯이 useQuery에서도 반환 타입을 제네릭으로 지정해주면 된다. 가령 나의 경우엔 현재는 목 데이터를 쓰고 fetch api를 사용해서 불러왔는데, 이때 데이터 타입이 복잡한 객체여서 models라는 폴더 안에 따로 타입, interface만 저장해서 export 해주었다. 모양새는 대략적으로 아래와 같음 (추후 리팩토링 과정에서 비교하기 위해서 아래의 코드는 fetch로 작성하였다) import { usePara..

fetch를 사용할 땐 2단계를 거쳐야함 올바른 url로 요청을 보내기 오는 응답에 대해 json() 해주기 (axios는 json() 과정을 자동으로 해주는 셈) json()은 Response 스트림을 가져와 스트림이 완료될 때까지 읽는다. 그리고 다 읽은 body의 텍스트를 Promise 형태로 반환한다. fetch(url넣어서 요청) .then((res) => res.json()) // Promise 반환 .then((data) => console.log(data)) // 서버에서 주는 데이터가 출력됨 mdn에 따른 json 메소드의 정의 - json() 메소드는 Response 인터페이스의 메소드이다. - json() 메소드는 Response 스트림을 가져와서 완료할 때까지 읽는다. - json(..

aws 홈페이지에서 api와 restful api에 대해 설명하는 글이 있어서 내가 사용해본 api를 떠올리며 1회독 하며 정리해봤다. aws에 좋은 글 많은듯. RESTful API란 무엇인가요? RESTful API는 두 컴퓨터 시스템이 인터넷을 통해 정보를 안전하게 교환하기 위해 사용되는 인터페이스 우리가 사용하거나 만드는 애플리케이션들(= 앱)은 다양한 기능을 위해 다른 내부 애플리케이션 및 서드 파티 애플리케이션과 통신해야한다. aws 공홈에서 든 예시로는, 월간 급여 명세서를 생성하려면 인보이스 발행을 자동화하고 내부의 근무 시간 기록 앱과 통신하기 위해 내부 계정시스템이 데이터를 고객의 뱅킹 시스템과 공유해야한다. 이때 RESTful API는 안전하고 신뢰할 수 있으며 효율적인 소프트웨어 통..

최상위 컴포넌트인 App.tsx 에는 내가 보여줄 TodoList 컴포넌트를 보여주고 있다. import TodoList from './componets/TodoList/TodoList'; function App() { return ( ); } export default App; App.tsx는 메인 화면처럼 보여줄 제일 큰 메인 컴포넌트를 불러온다. TodoList.tsx 에는 이제 본격적으로 투두리스트를 보여줄 컴포넌트다. todos 라는 상태값으로 보여줄 할일 목록 state를 그룹화하여 담아둔다. 화면단에 초기값으로 보여줄 목록을 넣어도 된다. import { useState } from 'react'; import AddTodo from '../AddTodo/AddTodo'; import { v..