전체 글

4장 이벤트 핸들링이벤트(Event)사용자가 웹 브라우저에서 DOM 요소들과 상호 작용을 하는 것ex. 버튼_마우스 커서 -> onmouseover 이벤트 실행/ 클릭 -> onclick 이벤트 실행/ Form 요소_값 변경 -> onhange 이벤트 실행1. 리액트의 이벤트  시스템이벤트 사용 주의사항이벤트 이름 -> 카멜 표기법ex. onclick -> onClick/ onkeyup -> onKeyUp이벤트에 실행할 자바스크립트 코드 전달X, 함수 형태의 값 전달HTML) 큰따옴표 안에 실행할 코드 넣음리액트) 함수 형태의 객체를 전달바로 만들어서 전달렌더링 부분 외부에 미리 만들어서 전달DOM 요소에만 이벤트 설정Odiv, button, input, form, span 등 DOM의 요소에 이벤트 설..

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.sh 2) 터미널에 붙여넣기3. Password 입력Checking for 'sudo' access (which may request your p..

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..