072DATA

인터넷 프로토콜 스택의 4계층애플리케이션 계층 - HTTP, FTP전송 계층 - TCP, UDP인터넷 계층 - IP네트워크 인터페이스 계층  IP(인터넷 프로토콜)  IP - 인터넷 프로토콜의 역할지정한 IP 주소(IP Address)에 데이터 전달패킷(Packet)이라는 통신 단위로 데이터 전달 IP 프로토콜의 한계비연결성 - 패킷을 받을 대상이 없거나 서비스 불능 상태여도 패킷 전송비신뢰성 - 중간에 패킷이 사라지거나 여러 개의 패킷이 순서대로 안올 수 있음프로그램 구분 - 같은 IP를 사용하는 서버에서 통신하는 애플리케이션이 둘 이상일 수 있음  TCP - Transmssion Control Protocol (전송 제어 프로토콜)   TCP 특징연결 지향 - TCP 3 way handshake ( ..

안녕 시작하기에 앞서서 개인프로젝트 진행중value라는 속성을 굳이 왜 써야하나 하고 공부하다 보니제어 컴포넌트와 비제어 컴포넌트에 대해서 정리하게 되었다..    비제어 컴포넌트 value 속성이 없는 입력 필드는 비제어 컴포넌트인데이 경우 입력 필드의 값은 React 상태와 직접 연결되지 않습니다사용자의 입력은 DOM에서 직접관리하여입력 필드의 값은 상태가 아닌 입력필드 자체에 저장됩니다     여기서는 value 속성이 없기 때문에입력필드의 값은 React 상태와 연결되지 않고사용자 입력에 의해 직접적으로 관리됩니다!  장점 상태관리가 필요 없는 간단한 입력필드에서는 비제어 컴포넌트를 사용할 수 있음간단한 폼이나 사용자의 입력을 직접적으로 처리할 때 유용할 수 있음단점 입력 필드의 값을 추적하려면 ..

컴포넌트란?  리액트 컴포넌트는 UI를 구성하는 독립적이고 재사용 가능한 코드 조각 같은 것    컴포넌트 종류  함수형 컴포넌트: 함수로 정의되며, props를 받아 JSX를 반환함 클래스형 컴포넌트: 클래스로 정의되며, render() 메서드를 통해 JSX를 반환함  Props란? props는 컴포넌트에 전달되는 데이터임컴포넌트의 외부에서 입력받은 값으로 컴포넌트의 렌더링 방식에 영향을 미침 Props의 특징 읽기 전용: props는 컴포넌트 내부에서 수정할 수 없음  전달 방법: 부모 컴포넌트에서 자식 컴포넌트로 데이터를 전달할 때 사용됨   디폴트 값 설정: 기본값을 설정하려면 defaultProps를 사용함 MyComponent.defaultProps = { message: "기본 텍스ㅡ트"}..

템플릿 리터럴(Template Literal) 안녕하세요 오늘은 자바스크립트 ES6부터 제공된 템플릿 리터럴에 대해서 알아보겠습니다. 템플릿 리터럴은 자바스크립트에서 문자열을 좀 더 유연하게 다루고 싶을 때 유용하게 쓸 수 있는 문법입니다기존의 문자열 표현 방법보다 편리하고 코드도 훨씬 깔끔하게 작성할 수 있습니다.템플릿 리터럴은 백틱(``)으로 감싸서 사용합니다.      주요 기능   변수 삽입 const name = "이태규";const greeting = `안녕, ${이태규}!`;console.log(greeting); // "안녕, 이태규!"  문자열 안에 변수를 넣을 수 있습니다.${} 구문을 이용해서 변수나 표현식을 그대로 문자열에 삽입합니다.    다중 행 문자열 const multilin..

걷기반 실습에서 받은 실습 문제인데자바스크립트로 API 데이터를 불러와서DOM에 추가하는 과정을 정리해봤음.비동기 함수, 오류 처리, 데이터 정제를 다룸   비동기 함수 만들기먼저 fetchComments라는 함수를 비동기로 만들어야 함.async와 await 키워드를 활용해서 API 호출이 완료될 때까지 기다릴 수 있도록 해야 함.이렇게 하면 데이터가 다 로드된 다음에야 그 다음 작업을 진행할 수 있음. async function fetchComments() { try { const response = await fetch(apiUrl); const comments = await response.json(); // 이후 코드는 여기서 작성됨 } catch (error) { co..