분류 전체보기

14_Svelte_Component_Composition

Component Composition Slots(슬롯) 요소(element)가 자식(children)을 가질수 있는 것처럼 컴포넌트도 가질 수 있습니다. 하지만 컴포넌트가 자식을 받아들이기 전에 어디에 두어야 하는지 알아야합니다. 이 작업은 요소로 수행합니다. 이를 실습 예제에서 Box.svelte에 넣습니다. 이제 다음 항목을 안에 자식으로 넣을 수 있습니다. Hello! This is a box. It can contain anything. Slot Fallbacks(슬롯 대비책) 컴포넌트는 내용을 요소 내부에 넣어 비어 있는 슬롯에 대해 fallback을 지정할 수 있습니다. no content was provided 이제 하위 항목 없이 다음과 같은 인스턴스를 만들 수 있습니다. Hello! T..

tar 명령어

tar tar 란? tar는 Tape ARchiver의 약자로 여러 개의 파일을 묶어 하나의 파일로 만들거나 묶었던 하나의 파일을 다시 해제 때 사용하는 명령입니다. 또한, tar 파일은 사용자 권한, 디렉토리 주고, 수정 날짜 등의 파일 시스템 정보를 유지하기 때문에 많이 사용합니다. 각 tar 파일은 512 Byte의 파일 헤더(파일에 관한 메타데이터 포함)를 포함합니다. tar 명령어 사용 tar 명령어는 다음과 같이 작성합니다. tar tar 명령어는 옵션에 따라 묶거(또는 압축)나 묶음 해제(압축풀기)를 할 수 있습니다. 옵션은 다음과 같습니다. 옵션 설명 c 파일 또는 디렉토리를 묶음 x .tar 확장자 묶음 해제 z gzip(.gz 확장자)로 압축하거나 압축풀기 v 묶음 또는 묶음 해제 f ..

[Python 기초] 04_리스트

자료형 표현 리스트 [] 튜플 () 틱셔너리 {} 집합 set() 리스트 안에는 다른 타입이 들어갈 수 있다. Tuple - Read Only 인텍싱/슬라이싱 가능 튜플 값 삭제/ 변경 불가 인덱스가 리스트 사이즈를 초과시 가장 뒷쪽에 추가된다.

13_Svelte_Classes

Classes 클래스 지침 다른 속성과 마찬가지로 다음과 같이 JavaScript 속성으로 클래스를 지정할 수 있습니다. foo 이는 UI 개발에서 매우 일반적인 패턴으로, Svelte에는 이를 단순화하기 위한 특별 지침이 포함되어 있습니다. foo selected 클래스는 표현식의 값이 true일 때마다 요소에 추가되고, false일 때는 제거됩니다. Shorthand 클래스 지침 종종 클래스의 이름은 종속된 값의 이름과 같습니다. 이러한 경우, 다음과 같은 간단한 양식을 사용할 수 있습니다.

[Python 기초] 03_연산

연산자 1. 산술연산자 + - * / // % 숫자와 문자 덧셈은 에러 문자와 숫자를 곱하면 그 숫자만큼의 문자가 출력된다. 지수 연산자 ** 2. 대입연산자 = 복합 대입연산자 : +=, -=, *=, /=, %=, &=, … swap 3. 비교 연산자 True / False 4. 논리 연산자 and, or, not 연산 5. 삼항 연산자 a if condition else b c언어에서 a>b?a:b 는 파이썬에서 a if a>b else b

[SDN Controller] 00_OpenDayLight 설치

00_OpenDayLight 설치 실습 환경 컴퓨팅 자원 OpenStack ( 클라우드 IaaS 사용 ) 운영체제(OS) ubuntu_server18.04 VCPUs 4 RAM 8GB Volume 100GB OpenDayLight 설치 설치 링크 : https://docs.opendaylight.org/en/latest/downloads.html OpenDaylight Downloads — OpenDaylight Documentation Phosphorus documentation docs.opendaylight.org 우분투(Ubuntu) 환경에서 파일 설치 # wget sudo wget https://nexus.opendaylight.org/content/repositories/opendaylight..

12_Svelte_Actions

Actions 사용 지침 Action은 기본적으로 요소 레벨의 라이프사이클 함수입니다. 다음과 같은 경우 유용합니다. 써드파티 라이브러리와의 연계 이미지 lazy 로드 tooltips 사용자 정의 이벤트 핸들러 추가 이 예제 앱에서는 주황색 상자를 'pannable'로 만들고 싶습니다. panstart, panmove, panend 이벤트에 대한 이벤트 핸들러가 있찌만 기본 DOM 이벤트는 아닙니다. 그래서 직접 디스패치 해야 합니다. 먼저, pannable 함수를 가져옵니다. import { pannable } from "./pannable.js"; 다음 요소와 함께 사용합니다. pannable.js 파일을 엽니다. 액션 함수는 전환 함수처럼 노드와 일부 선택적 매개 변수를 수신하고, 액..

[Python 기초] 02_문자열

1. 문자 슬라이싱 : 문자열에서 필요한 부분만 반환할 수 있습니다. - []를 사용하고, 대괄호 안에 0부터 (문자열길이 - 1)까지의 숫자를 사용합니다. ex) s = "Life is too short, You need Python" temp = s[0:4] temp = s[:4] temp2 = s[19:] temp3 = s[:] 2. Formatting 3. 문자열 함수 문자열 함수 설명 count('') 문자 개수 세기 find('') 문자 위치 index('') 문자 위치 join('') 문자 사이에 문자 삽입 upper() 대문자로 바꾸기 lower() 소문자로 바꾸기 lstrip() 왼쪽 공백 지우기 rstrip() 오른쪽 공백 지우기 strip() 양쪽 공백 지우기 replace("1", ..

Ubuntu에서 이동식 디스크(USB, 외장하드 등) 인식 방법

사용할 명령어는 다음과 같다. # 연결된 파일 디스크 파티션 명령어에 list 옵션을 추가하여 목록 확인 sudo fdisk -l # 연결할 디렉토리를 생성 sudo mkdir /mnt/{원하는 디렉토리 이름} # 생성한 디렉토리와 외장 장치를 mount sudo mount -t vfat /dev/sdf1 /mnt/{위에서 생성한 디렉토리 이름} # - 한글 깨짐 현상이 있을 때, 중간에 "-o iocharset=utf8" 옵션 추가 # 장치 제거 전 mount를 해제시킨 후 제거 권장 sudo umount /mnt/{위에서 생성한 디렉토리 이름} ⚠ sudo fdisk -l 명령어를 통해 다음과 같은 연결 장치를 확인했습니다. ( 대부분 가장 밑에 출력되며, disk model 또는 용량을 통해 확인 ..

11_Svelte_Animations

Animations 이전 Transitions의 전환 지연 장에서 항목을 전환하면 새 위치로 부드럽게 이동합니다. 하지만 전환되지 않은 항목은 어색하게 움직입니다. 이를 위해 애니메이션 지침을 사용합니다. 먼저 "시작, 마지막, 반전, 재생'의 Flip 함수를 svelte/animate에서 가져옵니다. import { flip } from "svelte/animate"; 그 다움 요소에 추가합니다. 이 경우에는 움직임이 약간 느리므로 duration 파라미터를 추가하여 조절할 수 있습니다. duration은 또한 d => 밀리초 함수일 수 있습니다. 여기서 d는 요소가 이동해야하는 픽셀 수 입니다. 모든 전환 및 애니메이션은 JavaScript가 아닌 CSS로 적용되므로 기본 스레드를 차단(또는 가로막지..