No Story, No Ecstasy

4. 이벤트 핸들링 . 리액트에서의 이벤트: 사용자가 웹 브라우저에서 DOM 요소들과 상호 작용하는 것 . 주의사항 . 이벤트 이름은 카멜 표기법으로 작성한다. . 이벤트에 실행할 자바스크립트 코드를 전달하는 것이 아니라, 함수 형태의 값을 전달한다. . DOM 요소에만 이멘트를 설정할 수 있다. . 종류 (https://facebook.github.io/react/docs/events.html/ 참고) . Clipboard, Composition, Keyboard, Focus, Form, Mouse, Selection, Touch, UI, Wheel, Media . Image, Animation, Transition . onChange . SyntheticEvent . 웹 브라우저의 네이티브 이벤트를 ..

book.interpark.com/product/BookDisplay.do?_method=detail&sc.prdNo=315016880 싸니까 믿으니까 인터파크도서 리액트, 현장 밀착 입문서는 따로 있다!자바스크립트의 기본 기능과 문법을 숙지한다 리액트의 기본기를 익히려면 자바스크립트는 필수! 잘 모르는 자바스크립트 문법이 나오면 반드시 체크하 book.interpark.com 1. 리액트 시작 (리액트는 프레임워크가 아닌 라이브러리!) . MVC (Model-View-Controller) vs MVVM (Model0View-View Model) . 공통점: Model과 View가 있다. . 모델: 애플리케이션에서 사용하는 데이터를 관리하는 영역 . 뷰: 사용자에게 보이는 부분 . 컨트롤러: 사용자에게서..

list_of_list = [[0]*n for i in range(n)] 위처럼 선언해야 한다. 1차원 배열 선언하듯이 [[0]*n]*n 이렇게 하면, 내부의 모든 리스트들을 같은 객체로 인식한다. 따라서 list_of_list[1][1] = 1 하면 모든 list의 첫 번째 element가 1로 바뀐다.

- 파일 구성 . public/index.html : 실제 메인페이지 . App.js의 내용을 index.js가 index.html에 넣어주는 것이다. . node_modules: library 모아두는 곳 . public: static 파일 보관함 (압축이 안 됨) . package.json: 설치한 라이브러리들이 메모되는 곳 - JSX (데이터 바인딩) . className으로 클래스명을 선언한다. . App.css에서 스타일 수정 . {} 안에 변수명을 그대로 넣어준다. 예: { 변수명, 함수 등 } . 뭐가 되었든 변수로 선언하고 싶으면 중괄호를 사용하면 된다. . style을 설정할 때도 무조건 중괄호 안에 object 자료형을 넣는다. . Image는 import해와서 사용한다. . 주석처리 ..

1. React 개발을 위한 환경 구성 - create-react-app이란? 페이스북에서 만든 react 웹 개발용 boilerplate npx create-react-app 2. 디렉토리 진입 후 Docker 실행을 위한 파일 작성 2.1. docker-compose.yml version: '3.7' services: react_01_app: container_name: react_01_app build: context: . dockerfile: Dockerfile volumes: - '.:/app' - '/app/node_modules' ports: - '3001:3000' environment: - NODE_ENV=development - CHOKIDAR_USEPOLLING=true #App이 수..

1. Deployment - 컨테이너가 실행 중인지 계속해서 확인하고 관리하는 쿠버네티스 관리자 - 각 프로그램을 관리하기 위해 deployment object를 생성한다. - Deployment가 Pod를 생성하고, 쿠버네티스는 요청된 파드를 실행한다. - kubectl get/describe deployments로 조회할 수 있다. - Controller object가 생성되어 deployment resource를 관리한다. 2. Pod (어원: 고래의 무리) - 쿠버네티스의 기본 작업 단위 - 하나 이상의 컨테이너 그룹으로 구성된 쿠버네티스 오브젝트 - 함께 스케줄링, 동일 노드에서 실행, 저장 공간 공유 등의 목적으로 집합으로 묶인다. 3. Replica Set - Pod 집합이나 레플리카들을 관..

1. 컨트롤 플레인 - 클러스터의 두뇌 역할을 하며 스케쥴링, 서비스 관리, API 요청 처리 등의 작업을 수행 - 클러스터 내 마스터 노드에서 실행 - 구성 요소 . kube-apiserver: 컨트롤플레인의 frontend 서버로 API 요청을 처리 . etcd: 쿠버네티스 관련 모든 메타데이터 (정보)를 저장하는 DB . kube-scheduler: 새로 생성된 Pod을 싱행할 노드를 결정 . kube-controller-manager: 리소스 컨트롤러(ex. deployment) 관리 . cloud-controller-manager: 클라우드 업체와 연동하여 로드 밸런서나 디스크 볼륨과 같은 자원 관리 2. 노드 컴포넌트 - 클러스터 내 사용자의 워크로드를 실행 - 도커 데스크톱이나 미니큐브와 같..

- Taint and Toleration arisu1000.tistory.com/27846 쿠버네티스 taint, toleration 쿠버네티스 클러스터의 특정 노드에 taint를 지정할 수 있습니다. taint를 설정한 노드에는 포드들이 스케쥴링 되지 않습니다. taint가 걸린 노드에 포드들을 스케쥴링 하려면 toleration을 이용해서 arisu1000.tistory.com gruuuuu.github.io/cloud/k8s-taint-toleration/# Kubernetes taint & toleration OverviewKubernetes의 taint와 toleration 옵션에 대해 알아보겠습니다.Taint & Toleration taint : 노드마다 설정가능. 설정한 노드에는 pod이 스..