네트워크 보안

[Linux🐧] Virtual Machine 설치

리눅스는 운영체제 커널인 리눅스 커널에 기반을 둔 오픈 소스 유닉스 계열 운영 체제 계열이다. 리눅스는 일반적으로 리눅스 배포판 안에 패키지 처리된다. 배포판에는 리눅스 커널, 지원 시스템 소프트웨어, 라이브러리를 포함하고 있으며 이들 가운데 다수가 GNU 프로젝트에 의해 제공된다. 🚀개발환경 세팅 1. VMware Workstation 설치 VMware Workstation은 하이퍼바이저(호스트 컴퓨터에서 다수의 os를 동시에 실행하기 위한 논리적 플랫폼) 기반 가상머신 소프트웨어이다. 2. 배포판 설치 (Debian, Fedora, Ubuntu) Kail Linux 리눅스는 다양한 요구사항을 충족하는 다양한 배포판으로 알려져 있다. 가장 유명한 배포판 중 하나는 침투 테스트 지향 OS인 Kali Li..

[Node.js] Node.js 설치

Node.js는 브라우저 외부에서 javascript 코드를 실행하기 위한 오픈 소스 및 크로스 플랫폼 런타임 환경이다. Node.js는 프레임워크가 아니며 프로그래밍 언어도 아닌 런타임이다. Web App 또는 Mobile App과 같은 Back-end 서비스를 구축하기 위해 Node.js를 사용한다. Node.js의 적용 실시간 채팅 복잡한 단일 어플리케이션 실시간 협업 도구 스트리밍 앱 JSON API 기반 어플리케이션 🚀개발환경 세팅 1. node.js 설치 // node 버전 확인 node -v // node 최신버전으로 업데이트 npm npm@latest -g . 2. node project 생성 // npm을 사용하지 않으면 생략해도 됨 // 폴더 생성 mkdir project-name cd..

[Flutter] HTTP 통신

HTTP는 클라이언트와 서버 사이에 이루어지는 요청/응답 프로토콜이다. 예를 들면 클라이언트인 웹브라우저가 HTTP를 통해 서버로부터 웹페이지(HTML)나 image data를 요청하면 서버는 이 요청에 응답하여 필요한 정보를 해당 사용자에게 전달하게 된다. 메세지 구문 클라이언트와 서버 사이의 통신은 보통 ASCII코드로 이루어진다. 클라이언트는 서버로 요청메세지를 보내며 서버는 응답메세지를 보낸다. Request 메세지 문법 요청내용 GET /images/logo.gif HTTP/1.1 헤더 Accept-Language: en empty line etc HTTP 메소드 RFC 요청에 body가 있음 응답에 body가 있음 Safe 멱등 Cacheable GET RFC 7231 아니요 예 예 예 예 H..

[Flutter] 포켓몬도감

Demo Using state management (provider) api hero animation Data Provider객체를 main에서 생성해주면 Data를 인스턴스화해서 View와 공유할 수 있다. // http 통신하고 Data 객체를 저장하고 가공한다. class MyProvider with ChangeNotifier { MyState _state = MyState.LOADING; Map _pokedex = {}; MyState getState() => _state; Map getPokeDex() => _pokedex; fetchPokeDex() async { Uri _uri = Uri.parse( "http://raw.githubusercontent.com/Biuni/PokemonGO-..

[Flutter] StatelessWidget

Demo import 'package:flutter/material.dart'; void main() => runApp(MyApp()); // runApp은 최상위, 매개변수로 위젯을 받음 class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( debugShowCheckedModeBanner: false, // 우측 상단 빨간띠없애기 title: 'First app', theme: ThemeData(primarySwatch: Colors.blue), home: Grade(), ); } } class MyHomePage extends StatelessWidget { @over..