전체 글

3장 컴포넌트컴포넌트 기능은 단순한 템플릿 이상데이터 O -> 이에 맞춰 UI 만듦라이프사이클 API 이용 -> 컴포넌트가 화면에서 나타날 때, 사라질 때, 변화가 일어날 때 주어진 작업 처임의 메서드 만들어 특별한 기능 붙이기1. 컴포넌트클래스형 컴포넌트state 기능 및 라이프사이클 기능 사용 O임의 메서드 정의render 함수 필요 + JSX 반환// App.jsimport React, { Component } from 'react';class App extends Component { render() const name="react"; return {name} }}export default App;함수 컴포넌트(+) 선언하기 편함메모리 자원 사용 ↓플젝 완성하여 빌드 후 배포 ->..

1장 리액트 시작1. 왜 리액트인가?모델(Model): 애플리케이션에서 사용하는 데이터를 관리하는 부분뷰(View): 사용자에게 보이는 부분MVC(Model-View-Controller), MVVM(Model-View-View Model), MVM(Model-View-Whatever) 아키텍처 등의 공통점 사용자) 작업(ex. 버튼 클릭, 텍스트 입력)-> 프로그램-컨트롤러) 모델 데이터 조회, 수정/ 변경된 사항 -> 뷰에 반영 = 뷰를 변형(mutate) => 페이스북: 데이터가 변할 때마다 어떤 변화 줄지 X 기존 뷰 날리고 처음부터 새로 렌더링 O-> 애플리케이션 구조 간단하고, 작성해야 할 코드 양 ↓: 뷰가 어떻게 생길지 선언, 데이터 변화 -> 기존의 것 버리고 정해진 규칙에 따라 새로 렌더..

MacOS에서 jupyter 설치/ M1칩/ MacPro/ MacAir1. 터미널 실행1) 키보드에서 command + space나 F4 클릭하여 spotlight 실행 2) terminal 검색2. python3 설치 확인python3// 설치 후exit() // 빠져나오기3. pip3 install jupyterpip3 install jupyterpip3 install tensorflow==1.15pip3 install --upgrade jupyter matplotlib numpypip3 install protobuf==3.20.*1) pip3 install tensorflow==1.152) pip3 install --upgrade jupyter matplotlib numpy3) pip3 instal..

MacOS에서 Homebrew 설치/ M1칩/ MacPro/ MacAir1. 터미널 실행1) 키보드에서 command + space나 F4 클릭하여 spotlight 실행 2) terminal 검색2. Homebrew 접속 1) 사이트 접속하여 스크립트 복사/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"https://brew.sh HomebrewThe Missing Package Manager for macOS (or Linux).brew.sh2) 터미널에 붙여넣기3. Password 입력Checking for 'sudo' access (which may request your pa..

2022.12.03.Sat. 수정 Firewall What are Firewalls? Firewall(방화벽) V3, 알약 - 방화벽 제공 -> Host firewall network 전체 방화벽: Network firewall => 단순 firewall (문맥상만 구분) Motivation 신뢰X 외부 네트워크 접근/공격으로부터 내부를 보호 공격에 대해 각 호스트를 업그레이드/교체하기 시스템 전체의 기본적인 방어 제공 내부 보안 ↑ -> 시설 교체/ 시스템 업그레이드 but 비용 ↑ -> 방화벽 => 저비용 고효율 solution 로깅 ~> 보안 관리, 추적 등 용이 Definitions 3가지 설계 목표(-> 1번만 만족시켜도 ok) A collection of compo..

Attacks on the TCP protocol TCP client and server programming Recap: TCP Client Program Create a socket specify the type of communication. TCP -> SOCK_STREAM/ UDP -> SOCK_DATAGRAM Inititae the TCP connection Send data Recap: TCP Sercer Program 1. 소켓 생성 2. 주소 bind App needs to register a port number on its host computer. the packet arrives at the host -> the OS knows which App is the receiver bas..