본문 바로가기

전체 글

스킨 편집 단축키 티스토리 html 편집에서 스킨 편집 단축키를 사용하면 프로그램 편집 검색이 쉽고 편안합니다. 전 시간에 티스토리 Whatever(왓에버) 스킨 메뉴에서 카테고리 지원하기 방법에서 스킨 편집에서 html 편집으로 들어가 ##_blog_menu_## 스킨 치환자 아래에 ##_category_list_##를 붙여 넣기 적용 후 새로고침을 하는 내용이 있었습니다.##_blog_menu_## 치환자를 찾을 때 스킨 편집 단축키 Ctrl + F를 사용하여 치환자를 바로 찾을 수 있었습니다. 아직 많은 단축키를 사용하지는 못했으나 좋은 내용 있어 소개합니다. 관리자 화면 꾸민기에서 스킨 편집을 클릭합니다. Html편집을 클릭하면 상단에 HTML.CSS. 파일 업로드 옆에 물음표(?)를 클릭하면 아래와 같은 스킨 편.. 더보기
이미지 편집 캔바(Canva) 사이트를 소개합니다. 온라인으로 무료로 또는 유료 이미지 편집을 할 수 있는 사이트 캔바입니다. 모든 것을 원하는 대로 조절할 수 있는 캔바의 템플릿으로 소식 및 발표를 쉽고, 간편하고, 재미있게 디자인할 수 있습니다. 캔바(Canva) 사이트에서 소개한 캔바는디자인 실력이 전혀 없어도 완벽한 소식 및 발표를 제작할 수 있습니다. 전문가들이 제작한 멋진 템플릿을 둘러보고 마음에 드는 것을 고르는 것으로 디자인을 시작하실 수 있습니다. 마음에 드는 템플릿을 발견했다면 이미지, 일러스트레이션, 글꼴, 색상 등의 디자인 요소를 수정해 맞춤형 디자인으로 나만의 특별한 소식 및 발표를 완성하실 수 있습니다. 구글. 다음. 네이버 검색창에 캔바를 입력합니다. 가입은 이메일 계정으로 등록이 가능합니다. 계정 만들기 후 바로 디자인을 시작.. 더보기
코딩(coding) 스크래치(scratch) 움직인는 배경 화면 만들기(4) 전 시간까지 움직이는 배경화면에 [우주 로켓]과 [외계 로봇]을 만들었습니다. [우주 로켓]은 키보드에서 좌우상하 키로 움직이고 [외계 로봇]은 우측 면에서 상하로만 움직이고 값은 변수로 정하였습니다. [우주 로켓]은 [외계 로봇]이 쏜 미사일을 맞으면 [우주로켓] 대수가 줄어들었습니다. 그리고 지정한 대수 10대가 다 소진하면 Game Over라는 문구가 나오고 우주 게임이 종료됐습니다. 이번 시간은 [우주 로켓]에서 스페이스키를 누르면 미사이 발사되고 [우주 로켓] 미사일을 [외계 로봇]이 맞으면 [외계 로봇]에 지정한 대수가 감소하며 전부 다 소진되면 [우주 로켓]이 승리합니다. 그러면 승리했다는 victory라는 문구가 나오면서 게임은 종료합니다. 스프라이트마다 효과음 소리를 다시 편집하고 움지이.. 더보기
코딩(coding) 스크래치(scratch) 움직이는 배경화면 만들기(3) 전 시간에 [우주 로켓]이 상하좌우로 이동하면서 스페이스를 누르면 우주로켓에서 미사일이 나가는 코딩을 간단하게 만들어 보았습니다. 배경 효과음도 조금 넣어 봤습니다. 이번 시간에는 우주 로켓에서 발사한 미사일을 맞은 [외계 로봇]을 만들어 보겠습니다. 그리고 [우주 로켓]에서 발사한 미사일을 맞으면 점수 [외계 로봇]이 카운터가 감소하며 [외계 로봇]이 발사하는 미사일에 [우주 로켓]이 맞으면 [우주 로켓]의 에너지 대수가 감소하는 스크래치 게임을 만들어 보겠습니다. 1. 스프라이트 고르기에서 [Robot]을 고르기 했습니다. 스프라이트 이름을 [외계 로봇]으로 바꾸어 주었습니다. 클릭했을 때 X좌표를 고정시킵니다. X 자표를 200으로 고정시키겠습니다. X좌표 200은 화면의 오른쪽 끝부분에 외계 로봇.. 더보기
코딩(coding) 스크래치(scratch) 움직이는 배경화면 만들기(2) 저번 시간에 코딩(coding) 스크래치(scratch) 움직이는 배경화면 만들기를 해보았습니다. 이번 시간은 움직이는 배경화면에 또 다른 스프라이트를 이용하여 만들어 일명 "우주 게임"을 순차적으로 만들어 보겠습니다. 과제는 이렇습니다. 움직이는 바탕화면에 "우주 로켓"이 상하좌우로 이동하면서 스페이스를 누르면 우주로켓에서 미사일이 나가고 "우주 로켓"에서 발사한 미사일을 맞은 "외계 로봇"은 점수 카운터가 감소하며 "외계 로봇"이 발사하는 미사일에 우주 로켓이 맞으면 "우주 로켓"의 에너지 대수가 감소하는 스크래치 게임을 만들어 보겠습니다. 1. 움직이는 배경화면 만들기입니다. 움직이는 배경화면에서는 이전 시간 에는 Galaxy 배경으로 했습니다. 이번 시간은 배경 화면을 Stars로 다시 만들었습니.. 더보기
코딩(coding) 스크래치(scratch) 움직이는 배경화면 만들기(1) 지난 시간에는 배경화면(concert배경)은 고정되어 있고 스프라이트 고양이만 좌우로 움직이는 기본 구조를 알아보았습니다. 스크래치 배경 화면은 보통 고정된 화면입니다. 고정된 화면에서도 여러 가지 재미있는 스크래치 코딩을 만들 수도 있습니다. 이번 시간은 움직이는 배경화면을 만들어 보겠습니다. 움직이는 화면을 이용하면 더욱 생동감 나고 재미있는 게임을 만들 수 있습니다. 먼저 스프라이트 배경화면을 내 사진으로 다운로드합니다. 만약 배경 고르기에서 만들고자 하는 배경이 없다면 외부 파일에서도 배경화면을 사용할 수 있습니다. 1. 스크래치 [배경 고르기]에서 마음에 드는 배경화면을 더블 클릭합니다. [스프라이트 1] 고양이를 삭제시키고 흰색 배경 화면만 나오게 합니다. ①코드에서 배경을 클릭합니다. ②비트.. 더보기
티스토리 Whatever(왓에버)스킨 메뉴에서 카테고리 지원하기 티스토리 꾸미기 Whatever스킨(왓에버)은 whatever(왓에버) 스킨이 마음에 들어 제가 사용 중인 스킨입니다. 상단 매인 메뉴에서 세부적인 카테고리 추가가 없어 조금은 불편했는데요. 추가할 수 있는 내용 있어 한번 적용해 보았습니다. 상단 메뉴는 [사회 일반] [주식] [연예] [컴튜터] [Android]등 5개의 메뉴가 있는 데요. 기본 메뉴 추가는 간다히 추가되는데요 매인 메뉴 [Android] 아래로 하부 서브 메뉴를 추가 하는 방법입니다. ※ wonderbout(원더 바우)님 의 블로그 내용을 참고했습니다. https://wonderbout.tistory.com/39 예제로 카테고리 관리에서 매인 [ IT 컴퓨터 ]를 추가하고 매인 아래로 서브 매인 [동영상] [파워 포인트]를 추가했습니.. 더보기
코딩(coding) 스크래치(scratch)기본 구조 스크래치(scratch) 배경화면 이름 스프라이트 동작시키기 스크래치를 이용해 재미있는 예제를 만들어 보겠습니다. 스크래치(scratch) 배경화면 바꾸기 스크래치에 등장하는 [스프라이트 이름 1]을 [고양이]로 이름 바꾸는 방법 스프라이트 [고양이]를 배경화면에서 자연스럽게 좌우로 움직여 보겠습니다. 스크래치가 실행합니다. ①사용할 언어를 바꿔 보겠습니다. 첫 화면은 모든 언어가 영어로 세팅돼 있을 겁니다. 화면 왼쪽 두 번째에 보이는 지구본 아이콘을 클릭하고 [한국어]를 선택합니다. ②[스프라이트 1]은 화면 오른쪽 아래에 있는 스프라이트 영역에 고양이가 보입니다. 이러한 개체를 [스프라이트]라고 합니다. 먼저 [스프라이트 1]의 이름을 바꿔 보겠습니다. 현재 스프라이트의 이름인 [스프라이트 1] 부.. 더보기

티스토리툴바