네트워크 구조에 따른 분류: 멀티액세스 네트워크, 포인트 투 포인트 네트워크 네트워크의 범위/규모에 따른 분류: LAN과 WANLAN 이란?: 좁은 범위의 네트워크. 즉 구내(가정, 사무실, 학교, 빌딩)에 설치된 네트워크사용하는 쪽에서 케이블 설치, 라우터 배치 등
네트워크란, 무언가와 무언가가 그물망처럼 무언가에 의해 연결되어있는 상태 + (무언가를 운반하기위한)움직임점 - node선 - link 네트워크란, 무언가와 무언가가 그물망처럼 무언가에 의해 연결되어있는 상태 + (무언가를 운반하기위한)움직임⥥⥥컴퓨터와 컴퓨터가 그물망
참고자료이진트리는 계층적 트리구조로 되어있다. 첫 번째 item이 root node가 되고 그 다음 추가적인 값들은 root node의 자식으로 들어간다. 대신 규칙이 있다. root node의 왼쪽 자식은 항상 부모보다 작은 값이어야한다. 또 오른쪽 자식은 부모보다
react.dev의 생명주기(https://react.dev/learn/lifecycle-of-reactive-effects모든 리액트 컴포넌트는 동일한 생명주기 과정을 거친다.컴포넌트가 화면에 추가될 때 마운트된다새로운 props나 state가 있을 경우 컴
프로토타입 자바스크립트는 프로토타입 기반의 언어다. 클래스 기반 언어에서는 '상속'을 사용하지만 프로토타입 기반 언어에서는 어떤 객체를 원형(prototype)으로 삼고 이를 복제(참조)한다. 결국 '상속'과 비슷한 개념이라고 볼 수 있다. 1. 프로토타입 개념
두 프로그램 간 메세지를 교환하기 위한 통신방법 중 하나클라이언트가 서버에 http 요청을 보내면 해당 서버는 클라이언트에게 데이터를 전달해준다. 통상적으로 http 통신은 클라이언트가 요청을 보내야만 서버가 응답을 해주는 방식이다. 서버가 먼저 요청을 보내는 경우는
클로저의 다양한 정의자신을 내포하는 함수의 컨텍스트에 접근할 수 있는 함수함수가 특정 스코프에 접근할 수 있도록 의도적으로 그 스코프에서 정의하는 것함수를 선언할 때 만들어지는 유효범위가 사라진 후에도 호출할 수 있는 함수이미 생명 주기상 끝난 외부 함수의 변수를 참조
모던자바스크립트 - 콜백함수 콜백 비동기(asynchronous) 동작은 원하는 때에 동작을 시작하도록 할 수 있으며 setTimeout이 대표적인 예시다. 실무에서 사용하는 비동기 동작은 매우 다양하다(ex. 스크립트나 모듈 로딩) src에 있는 스크립트를 읽어
해당 문제는 처음에 git clone을 받을 때 특정 브랜치(develop)을 clone 받아와서 생기는 문제였다. remote 업데이트 하기찾으려는 remote 브랜치가 있는지 확인하기 git config 리스트 보기 & remote.origin.fetch 가 어떤
https://towardsdatascience.com/api-101-backdoor-to-backend-8da989e1551c https://vsupalov.com/how-backend-and-frontend-communicate/ https://www.youtu
개발자는 디자이너가 아티스트가 아니다. 하지만 CSS를 다루기 위해서 때때로 디자이너 또는 아티스트의 역할을 맡아야하는 경우가 종종 생긴다. 이번 단원에서는 기능적인 것 뿐만 아니라 시각적으로도 매력적인 페이지를 만들 수 있는 방법들을 알아보자. 이번 챕터에서는 다음
아마존 S3(Simple Storage Service)는 아마존 웹 서비스에서 제공하는 온라인 스토리지 웹 서비스이다. 아마존 S3는 웹 서비스 인터페이스를 통해 스토리지를 제공한다. ==> 트래픽 증가에 따른 시스템적인 문제를 덜어줌클라우드, 애플리케이션 등에 있는
aws 공식문서 바로가기 Amazon Route 53는 DNS(도메인 이름 시스템)를 서비스화 시킨 것. 도메인 이름을 IP주소로 변환하고, 웹 트래픽을 관리하는 데 사용된다. 1. 도메인 등록 Route 53은 도메인 이름을 등록하는 데 사용됨. 도메인을 등록하면
반응형 디자인의 첫 번째 원칙: 모바일 버전을 먼저 만들어라데스크탑에 필요한 디자인을 다 만든 후 모바일 버전을 위해 scale down 하는 것이 더 힘들다. 모바일 버전을 먼저 갖춰놓은 후 데스크탑을 위한 기능들을 점진적으로 붙여나가는 것이 훨씬 편한 방법이다. 1
사용자 정의 줄 이름을 사용하여 열 구조를 정의하면, 그리드 아이템을 배치할 때 이 이름들을 참조하여 더 쉽게 위치를 지정할 수 있다.영역에 직관적으로 이름을 붙이므로써 시각화를 돕는다. 각각의 영역은 사각형 모양이다. 해당 아이템을 어느 그리드에 놓아야 할지, 작업해
TanStack Query 1. Motivation 기존의 많이 쓰이던 상태관리 라이브러리는 클라이언트 상태를 작업하기에는 좋으나 async나 서버 상태 작업에 최적화되어있지는 않다. 그 이유는 서버상태는 완전히 그 개념이 다르기 때문이다 > #### server
Redux란 Javascript를 위한 것 state container predictable Redux를 이용해야하는 이유 predictable한 방법으로 어플리케이션의 전역상태를 관리하기 위해 Redux Toolkit Redux의 몇 가지 단점을 보완하기 위
flexbox는 display 속성을 사용하여 구현한다. display: flex를 줌으로써 해당 컨테이너의 첫번째 자식요소들에 flex를 적용할 수 있다. display: inline-flex를 사용할 수도 있다. display: flex와 다른 점은, inline-
초기 상태html 코드위 사례의 4번째 해결 방안에 만일 button요소를 더 추가하게 되면 바로 문제가 발생하게 된다. 해당 요소를 선택하여 margin-top을 다시 적용하면 된다고 생각하겠지만 이렇게 건당 처리하는 것보다 좀 더 일괄적으로 적용될 수 있는 솔루션이
너비가 300px인 요소가 있을 때, 여기에 padding: 10px, border: 1px solid을 주게되면 너비가 322px로 바뀐다. magic numbers: border과 padding을 뺀 만큼 너비를 계산해서 적용하기 일반적으로 magic numbers