클래스 (3) 썸네일형 리스트형 <네트워크> 네트워크 계층(1) 1. 네트워크 계층의 역할 * 네트워크 간의 연결 구조 - 다른 네트워크에 있는 목적지로 데이터를 전달하려면 네트워크 계층의 기술이 필요하다. - 지난 장에서 다룬 데이터 링크 계층에서는 이더넷 규칙을 기반으로 데이터 전송을 담당했다. 따라서 같은 네트워크에 있는 컴퓨터로만 전송이 가능했다. - 네트워크 A~C와 같이 네트워크 간 통신을 가능하게 하는 것이 네트워크 계층의 역할이다. 이 때 라우터라는 네트워크 장비가 필요하다. - 라우터는 해당 목적지까지 어떤 경로로 가는 것이 좋을지를 알려준다. - IP 주소: 랜에서는 MAC주소만으로 목적지를 판단했으나 네트워크 간에는 네트워크를 식별할 수 있는 별도의 주소가 필요하다. - 라우팅 : 목적지 IP 주소까지 어떤 경로로 데이터를 보낼지 결정하는 것 - .. <자바스크립트> 클래스의 기본과 상속 1. 클래스 기본 문법 * 클래스란 - 클래스는 객체 지향 프로그래밍에서 특정 객체를 생성하기 위해 변수와 메소드를 정의하는 일종의 틀이다. - 클래스는 전부 혹은 일부를 그 클래스 특성으로부터 상속받는 서브클래스를 가질 수 있으며, 클래스는 각 서브클래스에 대해 수퍼클래스가 된다. - 동일한 종류의 여러 객체를 생성할 때 new function을 사용할 수도있지만 자바스크립트의 클래스 문법을 사용하면 객체 지향 프로그래밍의 다양한 기능을 사용할 수 있다. * 기본 문법 - 클래스를 만드는 기본 문법은 다음과 같다. class MyClass { constructor() { ... } method1() { ... } method2() { ... } method3() { ... } ... } - 위와 같이 .. <리액트 기초> 메서드와 함수형 setState 이번 장에서는 간단한 구구단 게임을만들며 리액트의 기능들을 학습했다. 질문이 각 1부터 9까지 숫자로 랜덤으로 나오고 답을 입력한다. 입력버튼을 누르면 틀리면 땡, 정답이면 정답이라는 문자와 답을 출력하고, 다음 문제가 위에 새로 뜨게 된다. 먼저 지난 장에서와 같이 헤드에 리액트, 리액트돔, 바벨을 넣는다. 그리고 div태그로 root를 만들어준다. class GuGuDan extends React.Component { constructor(props) { super(props); this.state = { ... }; } onSubmit=(e) => { ... }; onChange=(e) => ...; input; onRefInput = ...; render() { return ( ... ); } }.. 이전 1 다음
