만자의 개발일지

네트워크를 공부하다보면 서브넷팅이란 말을 한 번쯤은 들어보았을 것입니다. 옛날에는 IP Class에 따른 IP분배를 사용하였지만 지금은 이 서브넷팅이란 것을 사용하고 있습니다. 이 서브넷팅이란 간단하게 말하면 하나의 네트워크를 여러개의 작은 네트워크로 쪼개는 거라고 생각하면 됩니다. 그러면 서브넷팅이 무엇이고 이 서브넷팅할 때 필요한 서브넷마스크가 무엇인지에 대해 알아도록합시다. 서브넷팅(Subnetting) 서브넷(Subnet)은 이전에 사용하던 클래스를 이용한 IP분배에 대한 문제점을 해결하기 위하여 네트워크를 보다 효율적으로 사용하기위해 등장한 개념입니다. 서브넷(Subnet)이란 하나의 네트워크에서 분할되어 나눠진 작은 네트워크 단위입니다. 그리고 하나의 네트워크를 서브넷이라는 단위로 분할하는 것..

AWS를 사용하다 보면 스토리지 한번쯤은 들어보고 사용하게 될텐데 이번 포스팅에서는 AWS의 스토리지 서비스와 스토리지가 무엇이고 어떤 종류가 있는지 살펴보도록 하겠습니다. 스토리지 스토리지란 말 그대로 데이터를 저장하는 저장소 입니다. 컴퓨터의 하드디스크와 같은 역할을 수행하며, 스토리지를 직접 서버에 연결 할 수 있습니다. 스토리지에는 크게 3가지 종류 DAS(Direct Attached Storage), NAS(Network Attached Storage), SAN(Storage Area Network) 가 있습니다. 각각이 무엇이고 무슨 역할을 하는지 가볍게 알아봅시다. DAS(Direct Attached Storage) DAS는 서버와 저장장치를 전용 케이블로 직접 접속하는 방법이다. 서버의 저..

클라우드 컴퓨팅에너는 세 가지 모델이 있습니다. 인프라를 제공해주는 IaaS(Infrastructure-as-a-Service), 플랫폼을 제공해주는 PaaS(Platforms-as-a-Service), 완성된 소프트웨어를 제공해주는 SaaS(Software-as-a-Service) 이 3가지 유형은 해당하는 서비스마다 저마다 다른 클라우드 컴퓨팅 옵션을 제공해주고, 비즈니스 니즈, 통제성, 관리성 수준에 따라 이중 한 가지를 선택하거나 세 가지 모두를 선택할 수 있습니다. 그럼 IaaS,PaaS,SaaS가 무엇이고 각기의 차이점에 대해 알아봅시다. IaaS(Infrastructure-as-a-Service) Iaas는 컴퓨팅, 네트워킹, 스토리지, 데이터 센터용 공간 등 클라우드 IT환경 전반을 제공하..

리액트를 하다보면 터미널에서 무수한 eslint 에러 코드를 볼때가 있을것이다. App.js 파일에 다음과 같은 주석문을 추가해준다. /* eslint-disable */

State State는 리액트에서 앱의 유동적인 데이터를 다루기 위해 있는 객체입니다. 일반적으로 리액트에서는 유동적인 데이터는 변수에 담아서 사용하지 않고 useState() 라는 리액트 함수를 사용하여 State라는 저장공간에 담아 사용합니다. State를 사용하는 이유 State는 변경되면 자동으로 재렌더링 된다. (변수는 변경되어도 자동 재렌더링이 안됨) State 동작 원리 import {useState} from 'react'; let [state, setState] = useState('State'); // ES6 destructuring React 라이브러리에 있는 useState()함수를 통해 state를 사용할 수 있습니다. useState()를 실행시키면 초기값으로 설정해 놓은 sta..

Creac React App 리액트 웹 개발환경 셋팅 Node.js 최신 버전 설치 웹스톰 최신 버전 설치 웹스톰에서 터미널을 열고 아래와 같은 코드를 입력해줍니다. npm install -g create-react-app npx create-react-app -g 옵션은 패키지를 전역으로 설치하겠다는 의미입니다.