에르다 스팩트럼 하는 방법을 알려드릴게요. 총 2단계입니다. 1단계. 입장하고 조금 있으면 몬스터가 나와요. 몬스터는 무조건 잡으라고 있는 거예요. 잡자. 잡자. 잡자. 잡다 보면 설명처럼 게이지가 차는데 손 빠른 분은 70. 저처럼 느린 분은 100 채워주세요. 70~100차면 에르다 게이지통을 NPC/채집으로 활성화시킵니다. 그리고 통을 때리면 파란, 빨간, 보라색 구슬이 하나씩 나옵니다. 옛날에는 자동으로 구슬이 나왔는데 지금은 때려야 나와요. 소환수로 하면 편하긴 해요. 구슬을 NPC/채집 버튼으로 굴려서 똑같은 색 기둥에 밀어 넣으면 됩니다. 색 구슬은 1점이고 보라색 구슬은 아무 때나 밀어 넣으면 2점입니다. 총 10점 넣으면 1단계는 끝! 기둥 색은 양쪽 끝에 랜덤 색으로 나와요. 같은 자리..

비디오 전환 효과 - 닦아내듯 지우기를 배웠습니다. 복습해 볼게요. 많은 분들은 프리미어 프로를 영어 버전으로 쓰는데 전 한글로 씁니다. 영어로 쓰면 아무것도 못 할게 뻔해서요. 영어 버전 쓰시는분들에게는 도움드리지 못해서 죄송합니다.( _ _) ▲ 닦아내듯 지우기를 선택하고 잡아서 드래그, 드롭으로 클립과 클립 사이에 놓습니다. ▲ 이렇게 가운데 놓아집니다. 가운데 올려도 되고 앞 클립 끝, 뒤 클립 시작 부분에 놓아도 됩니다. 효과를 우 클릭하면 시간 조정도 되니 해보시고요. ▲ 효과를 적용하면 이런 창이뜹니다. 일단 넘어갑니다. 확인해주세요. ▲ 기본 옵션은 이러합니다. ▲ 기본 옵션 적용 화면입니다. 아무 효과도 없습니다. ㅡㅡ? 저도 해보고 이거 무슨 효과야? 했습니다. ▲ 그리고 다시 적용을 ..

text에 관한 태그는 몇 번 적용해봐서 간단히 복습만 하고 넘어간다. 텍스트 태그는 잘 익혀두면 써먹을 일이 아주 많은 것 같다. 요즘 글쓰기 에디터에 많은 걸 지원해 주지만 티스토리는 네이버 스마트 에디터만큼의 기술을 지원해주지 않는데 대신 html을 직접 편집할 수 있으니 어렵지만 알고만 있다면 귀찮더라도 다양한 효과를 넣을 수 있다. 그래서 공부를 해야 한다. 짜증 나... (◣_◢) 가을이 오니 정신을 차릴 수가 없다. 조울증인가? jsfiddle 이용하니까 참 편한 것 같다. 옛날에는 하나하나 캡쳐해서 복습했는데 jsfiddle 좋다. (*￣▽￣) d 공부하면서 몰랐던걸 하나 배웠다. text-decoration: overline; 요고요고! 글자 위에 줄이 생기는 태그다. 이거 왜 아무도 안..

저번에 조리개 적용해봤는데 그 나물에 그 밥이라 지우기로 넘어갑니다. 오늘은 나선형 상자를 적용해볼게요. 이름으로 봐서는 블록이 나선형으로 돌돌 돌아가면서 다음 클립으로 전환될 것 같습니다. 근데 글을 쓰다보니 이미 해봤으면서 모른척하네요. 안 그럴게요. ㅡㅡ; ▲ 비디오 전환 효과 - 지우기 - 나선형 상자를 선택합니다. 참고로 효과 옆에 두 개의 아이콘이 있는데 저건 그래픽 카드의 종류에 따라 가속화를 쓸 수 있다는 뜻입니다. 맞나 ㅡㅡ? 몰라... ▲ 효과를 잡아서 드래그 드롭으로 놓으면 됩니다. 기본은 정중앙에 놓아집니다. 이건 원하는데로 앞 클립의 끝이나 뒤 클립의 처음에 놓을 수 있고 효과 컨트롤 패널에서 자유롭게 놓을 수 있습니다. ▲ 이번 효과도 크게 디테일하게 조절할 수 있는 부분이 없네..

외곽선은 컨텐츠를 강조하고 싶을 때 쓴다. outline은 기본 borber와 쓰는 방법이 거의 동일하다. 그러니 border에 관한 글을 참고하자. 2019/10/28 - [웹코딩 어려워/· CSS] - CSS 테두리 border CSS 테두리 border css 테두리 태그를 알아보자. html에서 몇 번 해봐서 쉽다. 테두리 모양 border-style - outline 속성 outline-style : 선의 종류 outline-color : 선 색상 outline-width : 선 두께 outline-offset : 컨텐츠와 외곽선 사이에 공간을 주기. outline : 속성 한 번에 쓰기. 기본 스타일/색/두께를 써야 한다. 외곽선과 테두리의 다른 점 : 외곽선은 다른 내용과 겹칠 수 있다. 외..

요즘 프리미어 프로 공부를 거의 안 하고 있어요. 웹코딩 배우고 싶어서 공부하고 있습니다. html 태그부터 하고 있는데 어렵네요. 어렵다는 건 지루함도 있죠. 잠시 벗어나 프리미어 프로 공부 좀 하다 넘어가야겠어요. 계속해서 비디오 전환 효과를 익혀보겠습니다. 오늘은 조리개 다이아몬드 형입니다. 제목에서 이미 예상됩니다. ▲ 효과 패널에서 쓰고자 하는 효과를 드래그, 드롭해서 클립과 클립 사이에 놓으면 적용됩니다. ▲ 이렇게 적용하고 효과를 선택해서 효과 컨트롤 패널을 봅시다. ▲ 효과 컨트롤 패널은 효과를 조금 더 디테일하게 조절할 수 있는 창입니다. 시작점과 끝 점은 말 그대로 어디서부터 시작할지 어디서 끝낼지를 설정합니다. 시작점을 옮기면 조리개가 열리는 애니메이션이 처음부터가 아닌 조금 열린 상..

상자는 컨텐츠, 내부여백, 테두리, 외부여백으로 구성 된다. 컨텐츠 - 텍스트, 이미지, 비디오, 오디오 등의 내용을 담는다. padding - 컨텐츠 내부에 여백을 넣는다. 패딩은 색상 값을 가지지 않는 투명이다. border - 컨텐츠와 내부 여백을 감싸는 테두리 margin - 외부 여백. 여백은 투명이다. 폭300px 높이150px / 배경색 토마토 / 내부여백 20px / 테두리 5px / 외부여백 15px 폭300px 높이150px / 배경색 토마토 / 내부여백 20px / 테두리 5px / 외부여백 15px 기본이 가장 익히기 어렵고 기본이 가장 많이 쓰인다.

아는 과목 나왔다. 짜쓰! height: px, %; - 높이 width: px, 5; - 폭 auto; - 기본 값. 브라우저나 지정한 요소의 크기를 자동으로 계산. initial - 지정된 값을 취소하고 기본으로 설정. inherit - 상위(부모) 값을 받는다. max-width: px, %; - 최대 폭을 설정. / max-height min-width: px, %; - 최소 폭을 설정. / max-height max / min 값은 반응형을 만들 때 많이 쓰고 애드센스 광고 크기를 조절할 때 쓴다. 폭 300px 높이 200px 세상엔 미친*들이 많다. 아뮈터블~ 후.............................. 폭 50% 높이 30%

내부 여백 padding은 margin과 사용 방법이 거의 99% 동일하다. 그러니 다음 글을 참고하면 된다. 2019/11/22 - [웹코딩 어려워/· CSS] - CSS 외부여백 margin 불러오는 중입니다... padding에도 각각 값을 정할 수 있다. padding-top padding-right padding-left padding-bottom margin과 똑같이 한번에 쓰자. padding: 0 0 0 0; / 상-우-하-좌 / 단위는 px나 %를 많이 쓴다. !!중요!! 컨텐츠 너비와 패딩 값은 합쳐진다. 예를 들어 .div {width: 200px; padding:20px;} 라면... 컨텐츠의 최종 크기는 220px이 된다. 컨텐츠 기본 지정 값을 유지하려면 .div {width: ..

티스토리 스킨 편집하면서 지겹도록 봤던 태그다. m.a.r.g.i.n... 토 나온다. =-= 그러니 복습 삼아 정리만 하고 가자. margin은 컨텐츠의 외부 여백을 설정한다. margin은 상-우-하-좌 각각 값을 줄 수 있다. 보통 px; 단위를 사용하고 % 도 많이 사용한다. margin-top / 상 margin-right / 우 margin-left / 좌 margin-bottom / 하 margin은 위의 상-우-좌-하로 쓰지 않고 한번에 쓴다. margin: 0 0 0 0; / 상-우-하-좌 margin: 0 0 0; / 상-우좌-하 margin: 0 0; / 상하-우좌 margin: 0; / 상우하좌 margin: auto; / 가로 중앙 margin: inherit / 상위 속성을 받는..