분류 전체보기 642

카메라 자세, 올바른 촬영 자세

카메라 잡는 자세, 올바른 카메라 자세 무슨 운동이든 일이든 자세가 중요하다. 사격에서도 골프에서도 자세가 중요하다. 대인관계에서도 직장생활에서도 자세가 흐트러지면 출세 못한다. 사진에서도 마찬가지다. 바른 자세에서 바른 사진이 나오고 아름다운 영상이 촬영된다. 사진 촬영 자세에서 가장 중요한 것을 한 가지만 꼽으라면 무엇일까? 정답은 갈대처럼 흔들리지 않는 것이다. 바람에 흐느끼며 흔들리는 갈대를 찍으면서 나는 흔들리지 말아야 한다. 촬영 자세에서 오직 한 가지 키포인트 = 흔들리지 않는 자세 흔들림과 관련이 있는 2가지 경우의 수가 있다. 1) 몸과 카메라를 지지할 수 있는 지형물이 있는가? 2) 없는가? 1. 주변에 의지할 지형물이 있는 경우 지형물에 의지해서 촬영한다. 군인들이 땅바닥에 엎드려서 ..

자바스크립트 객체

자바스크립트 객체 자바스크립트에서 객체란 '값 또는 기능을 가지고 있는 데이터'를 말한다. 웹에서 최초의 객체는 웹브라우저이다. 자바스크립트는 웹브라우저에게 의사 전달을 하는 언어이다. 웹브라우저에게 의사 전달(명령)을 하기 위해 자바스크립트는 다양한 객체들을 제공한다. 그것의 대표적인 것은 window라는 객체이다. 자바스크립트에서 window는 웹브라우저에 접근할 수 있게 해 준다. '값이나 기능을 보유하고 있는 데이터'가 객체이며 값이나 기능을 사용하기 위해서는 객체 뒤에 점을 찍어서 사용한다. 객체.데이터 객체가 보유하고 있는 데이터를 사용 가능(숫자 ,문자 등 다양한 데이터) 객체.기능() 객체의 기능을 사용할 수 있다(괄호가 있어야 한다) 객체의 기능 alert: (괄호) 안에 따옴표를 쓰고 ..

코딩/JavaScript 2021.12.11

초경량비행장치 비행승인

초경량 비행장치 비행 승인 1. 비행제한 공역에서의 비행 승인 비행 승인을 받아야 하는 초경량 비행장치와 비행 승인 제외 대상 초경량비행장치는 다음과 같다. 근거 법률: 항공안전법 제127조(초경량 비행장치 비행 승인), 시행규칙 제308조(초경량 비행장치의 비행 승인) 1) 비행승인을 받아야 하는 초경량 비행장치 동력비행장치 회전 익비행 장치 동력 패러글라이더 무인비행기(최대 이륙중량 25kg 초과 자체중량 150kg 이하) 무인 헬리콥터(최대 이륙중량 25kg 초과 자체중량 150kg 이하) 무인 멀티콥터(최대 이륙중량 25kg 초과 자체중량 150kg 이하) 무인비행선(길이 7m 초과 20m 이하, 자 체중량 12kg 초과 180kg 이하) 행글라이더(사업용에 한함) 패러글라이더(사업용에 한함) 낙..

드론 2021.12.10

CSS 플렉스박스 (2)

flexbox 요소들의 배치 방법에 관한 속성 플렉스 박스 속성들을 사용하여 주축과 교차축을 기준으로 요소들을 어떻게 배치할지 선택할 수 있다. 지난 글에 플렉스 박스(1) 이은 글 2021.12.09 - CSS 플렉스 박스 (1) 속성 내용 justify-content 주축 배치 방법 align-items 교차축을 기준으로 요소 배치 방법 align-self 교차축을 기준으로 개별요소 하나하나의 배치 방법 flex-wrap 줄 바꿈 여부 flex-wrap 은 요소의 내용이 너무 많아서 flex 컨테이너 축의 길이를 넘을 때 자동 줄 바꿈을 할 것인지에 대한 결정 속성이다. (참고: justify의 뜻: 행의 끝을 나란히 맞추다.) 1-1. justify-content:center; 적용 전 적용 전 결..

코딩/CSS 2021.12.10

CSS 플렉스박스, flexbox (1)

CSS 플렉스박스, flexbox 1. flex 박스란 박스 속 각 요소들의 공간 배분과 정렬 기능을 제공하는 1차원 레이아웃 모델이다. flex 컨테이너라고도 부른다. 즉 그 속에 요소들을 포함하고 그 요소들 간의 레이아웃을 결정하는 역할을 한다. flexbox를 1차원 모델이라 부르는 이유: 레이아웃을 한 번에 하나의 차원만을 다루기 때문이다. 즉 행 또는 열 만을 다룬다. flex 박스가 행을 다룰 때는 요소를 가로 방향으로 진행 시키고 열을 다룰 때는 요소를 새로 방향으로 진행 시킨다 2. 구문 flex 컨테이너를 만들기 위해서는 컨테이너에 디스플레이 속성에 속성값 flex를 적용한다. display: flex; 3. flex 박스 적용방법 1) 적용전 컨테이너 div(네모 상자 4개를 포함하고 ..

코딩/CSS 2021.12.09

css 상속, inherit, initial, unset

1. 상속 inherit, initial, unset 상속(inherit)은 하위 요소가 상위 요소의 스타일 속성 값을 물려받는 것이다. html 문서는 태그가 태그를 포함하는 방식이므로 그 결과 요소가 요소를 포함하는 구조로 웹 콘텐츠가 브라우저 화면에 표시된다. 예를 들어 ul 요소(순서 없는 목록)는 ul 요소 안에 li 요소(리스트 item)를 다수 포함하는 형식으로 만들어지고 표시된다. 이때 ul은 li의 상위 요소이고 li는 ul의 하위 요소이며, 이때 부모 요소와 자식 요소 간에 상속이 발생한다. 2. 상속(inherit)되는 속성과 상속되지 않는 속성 1) 상속(inherit)되는 속성 이름 속성값 초기값(Initial value) 'border-spacing' | inherit 0 'co..

코딩/CSS 2021.12.09

CSS 의사 요소, Pseudo-element

의사 요소(Pseudo-elements): 사이비 요소, 가짜 요소 의사 요소는 선택자에 특정 키워드를 추가하여 요소의 특정 부분에 대한 스타일을 정의할 수 있다. 예를 들어 요소의 첫 번째 문자 또는 첫 번째 줄에 스타일을 지정할 수 있고, 요소 앞이나 뒤에 특정 내용을 삽입할 수 있다. 구문론 selector::pseudo-element { property : value ; } 의사요소 사용 방법 의미 ::first-letter p::first-letter {color : red; font-size: 3em; } 첫 번째 글자 빨간색, 글자 크기는 3배로 디스플레이하기(아래 그림) ::first-line p::first-line { color : red } 첫 번째 줄 빨간색으로 디스플레이하기(아래 ..

코딩/CSS 2021.12.09

CSS 의사클래스, 가상클래스

의사 클래스 Pseudo-classes 의사 클래스는 가상 클래스라고도 불린다.(사이비 클래스, 가짜 클래스) 의사 클래스는 선택자에 추가할 수 있는 키워드로 사용자가 요소 위에 마우스를 올리거나 버튼을 누를 때 요소의 스타일을 지정하는 등 요소의 특수 상태를 정의하는 데 사용된다. 사용자가 어떤 메뉴를 선택하거나 입력 필드의 내용을 입력하는 등 다양한 형태의 상호작용을 하는 시점마다 스타일을 다양하게 적용할 수 있도록 도와주는 것이 의사 클래스이다. 1. 의사 클래스의 구문론(syntax) 선택자:의사 클래스{ 속성명:속성값;} h1:hover {color:red;} h1요소 위로 마우스 포인터가 헤매면(hover) 글자 색을 빨간색으로 한다. 의사클래스 사용 예시 내용 hover h1:hover{ c..

코딩/CSS 2021.12.09

CSS 특성선택자, 결합 선택자

특성 선택자(CSS Attribute Selectors), 결합 선택자(CSS Combinators) 1. 특성 선택자(Attribute Selectors) 속성 선택자라고도 부른다. 주어진 속성의 존재 여부나 그 값에 따라 요소를 선택하는 선택자이며, 대괄호로 묶는 것이 특성 선택자의 기본 형태이다. 구분 특성 선택자 내용 [속성] [class]{ background-color: tomato; } [attribute] 선택자: ① 특정 속성을 가진 요소를 선택한다. 즉 클래스 라는 속성이 있으면 어떤 속성값을 가지더라도 요소를 선택. a[target]{background-color:yellow;} target ① 속성이 있는 모든 요소를 선택 [속성="값"] [class="item"]{ backgrou..

코딩/CSS 2021.12.08

CSS 선택자(Selector) (1)

CSS 선택자(Selector) 선택자란: 어떤 요소에 style을 적용할 것인가, 스타일을 적용할 요소에 대한 정보. css 기본 문법, 즉 선택자{ 속성명: 속성값; }, 즉 중괄호 안에 그 정보를 표시한다. 선택자의 종류 기본 선택자: 단순 선택자(simple selectors = 이름, 아이디, 클래스 기반) 그룹 선택자 특성 선택자 결합 선택자 의사 클래스 의사 요소 1. 기본 선택자 1) 전체 선택자(universal selector) 전체 선택자는 html 웹 문서를 구성하고 있는 모든 요소를 선택한다. 기호 애스터리스크(* 기호)는 css에서 문서 안의 모든 요소를 지시하는 css 기호이다. * { text-align: center; color: green; } 2) 태그 선택자(eleme..

코딩/CSS 2021.12.08