본문 바로가기

전체 글

코딩(coding) 스크래치(Scratch) 따라하기 스크래치(Scratch)는 아이들에게 그래픽 환경을 통해 컴퓨터 코딩에 관한 경험을 쌓게 하기 위한 목적으로 설계된 교육용 프로그래밍 언어 및 환경입니다. 아이들이 좋아하는 블록놀이처럼 프로그램 언어를 끌어당겨 탑을 쌓는 것처럼 코딩을 하기 때문에 프로그래밍을 처음 해보는 입문자들이나 어린 학생들에게 권하는 프로그래밍 언어입니다. 심지어는 어른도 스크래치 프로그래밍의 기본 원리를 이해하며 스크래치를 사용하는 동안, 스크래치로 가장 많은 활용으로는 바로 게임을 만들 수 있습니다. 프로그램이 혹은 코딩은 컴퓨터가 알아들을 수 있는 말로 프로그램을 만드는 행위를 의미합니다. 코드는 일반적으로 많은 문제들로 이루어져 있어서 한 번에 이야기하기가 쉽지 않습니다. 스크래치는 이런 점을 보완하기 위해서 쉽게 블록을 .. 더보기
동영상 화면 자막에 음성 넣기 파워 포인트 동영상 만들기 사진으로 파워 포인트 동영상 편집과 음성을 넣어보았습니다. 타입 캐스트라는 곳입니다. 저번 블로그에서 만든 동영상에 인공지능 성우 음성을 더빙해 보았습니다. 발음을 조금은 걱정 헸는데 조금은 괜찮아 보입니다. 만드는 과정은 저번 블로그를 보셨다면 응용 편이라 그렇게 어렵지 않습니다. [회원가입]은 이메일 주소. 이름, 전화번호로 간단히 무료로 가입이 가능합니다. 가입 확인 후 가입한 이메일로 캐스트에서 확인 메일이 도착하면 확인을 클릭하고 최종 가입이 됩니다. 회원가입 후 [타입 캐스트 시작하기]를 클릭합니다 멤버십을 클릭하면 3천자 까지는 무료 다운 로드됩니다. 무료 사용 - 타입 캐스트 첫 이용 고객 - 적은 양의 음성 콘텐츠를 제작하고 싶은 분 - 각종 sns 및 온라인 .. 더보기
파워 포인트 동영상 만들기 사진으로 파워 포인트 동영상 편집 Microsoft PowerPoint 2010 파워 포인트를 활용하여 동영상 만들어 보겠습니다. 전 시간에 사진 앨범을 사용하여 파워포인트 동영상을 만들기 사진 가져오기 기초를 해보았습나다. 이번에는 애니메이션 효과와 배경음악 삽입을 알아보겠습니다. 동영상까지 올려 보겠습니다. 1번 슬라이드 화면 제목이 나오기 전에 나오는 첫 화면입니다. 전환 탭을 클릭합니다. 은은한 효과 없음부터 동적 콘텐츠 날기까지 있네요. 하나하나 클릭해보시면 파워 포인트 화면이 동작되는 것을 확인할 수 있습니다. 저는 화려한 효과에 블라인드를 선택했습니다. 슬라이드 1에 전환에서 블라인드를 적용했습니다. 슬라이드 2에는 동적 콘텐츠 회전 슬라이드 3에는 은은한 효과 도형 슬라이드 4에는 은은한 효과 나타내기 슬라이드 5에는 은은.. 더보기
파워 포인트 동영상 만들기 사진으로 동영상 만들기 Microsoft PowerPoint 2010 파워 포인트를 활용하여 동영상 만들어 보겠습니다. 사진 앨범을 사용하여 파워포인트 동영상을 만들기입니다. 엑셀은 바탕화면에 쉽게 찾을 수 있는데 파워포인트(Microsoft PowerPoint 2010)는 어디에 있을까요? 시작화면을 클릭하고 모든 프로그램을 클릭합니다 Microsoft office를 클릭하고 (Microsoft Access2010부터 Microsoft Word 2010까지 오피스 활용 팁이 다 있습니다) Microsoft PowerPoint 클릭합니다. 파워포인트 실행 2010이 실행됐습니다. 파워 포인트 2010 첫 실행화면 좌측 테마 1 화면 슬라이드는 동영상 첫 화면에 제목과 부제목을 사용할 수 있는 슬라이드 화면입니다 1번 슬라이드에.. 더보기
코딩(coding) 코드 에디터 설치하기 다음으로 코드 에디터를 설치해 보겠습니다. 윈도우를 쓰시는 분들이라면 이렇게 인터넷 익스플로가 기본적으로 사용합니다. 크롬을 추가로 설치해 코드 에디터를 설치하도록 하겠습니다. 구글 검색창에 크롬이라고 검색합니다. 다운로드 설치합니다 다음으로 코드 에디터를 설치해 보겠습니다 코드 에디터는 쉽게 말해서 여러분이 아시는 윈도우 메모장 윈도우 메모장의 기능을 조금 더 넣은 프로그램이라고 생각하시면 되겠습니다. 코드 에디터는 대표적으로 서브라임 텍스트(Sublime Text). 아톰(atom). vs코드( Visual Studio Code)등이 있는데요. vscods를 다운로드하겠습니다. 구글 검색 창에 [vscode]를 입력합니다. 다운로드를 클릭합니다. 모니터 좌측 하단에 다운로드 실행을 확인할 수 있습니다.. 더보기
코딩(coding) 생각하는 구조 코딩을 하기 전에 논리로부터 키워야 한다고 말씀드렸죠 논리? 간단히 프로그래밍을 어떻게 간단히 논리 적으로 진행할 것인가? 논리의 설명으로 입력과 출력 관계를 네이버 로그인을 많이 설명합니다. 로그인 아이디 비밀번호가 틀리면 네이버를 진행을 반복 다시 진행합니다. 이런 구조를 그렇다면 웹 개발을 어디서부터 어떻게 공부를 해야 할까요? 이를 설명드리기 전에 먼저 기본적인 (웹 및 기타) 웹 개발의 분야에 대해서 알아보겠습니다. 개발은 크게 2가지로 나눌 수 있습니다. 1.Front-End (Client Side) 2.Back-End (Server Side) 우리가 보는 화면을 구성하는 우리가 보는 화면을 구성하는 Front-End (Client Side)라고도 하는데요. 우리가 정보를 받고 정보를 실제로 .. 더보기
코딩(coding) 이야기 코딩? 1. 어떤일의 자료나 대상에 대하여 기호를 부여하는 일. 2. 컴퓨터 작업의 흐름에 따라 프로그램 언어의 명령문을 써서 프로그램을 작성하는 일. 3. 컴퓨터 프로그램의 코드를 작성하는 일. 코딩의 사전 적의미 입니다 코딩 단어만 들어도 굉장히 어렵다고 느껴지시나요. 쉽게 말하면 코딩은 컴퓨터와 대화를 할 수 있게 해주는 언어입니다. 컴퓨터와 대화할 수 있는 언어 코딩 우리가 해외에 나가서 외국인과 대화를 할 때 외국어를 쓰잖아요 중국어, 프랑스어, 일본어 등등 (요즘은 번역 프로그램으로 대화하지만) 컴퓨터를 움직이게 하는 언어 코딩 그럼 코딩이라는 말은 어떻게 만들어진 걸까요? 코딩은 컴퓨터가 알아들을 수 있는 부호(code)를 만든다고 하여 cod에 ~ing 가 붙은 코딩 이란 말이 되었습니다 .. 더보기
티스토리 파비콘(Favicon) 만들기 티스토리 관리자 화면 나만의 개성 있는 파비콘(Favicon) 만들기입니다. 파비콘을 통해 사용자는 여러 모든 사이트 중에서 당신의 웹 사이트를 훨씬 쉽게 알아볼 수 있도록 돕는 역할을 합니다. 즐겨 찾기에 보면 보통 아이콘으로 표시가 되는데 이 즐겨찾기 아이콘을 파비콘 을 적용하면 자신의 로그 아이콘으로 변경 할 수가 있습니다. 제공되는 멋진 파비콘 생성기로 사용자는 웹 사이트에 사용할 자신만의 파비콘을 쉽게 생성할 수 있습니다. 파비콘(Favicon)은 브라우저의 주소 표시줄에 있는 웹 사이트 URL옆에 표시되는 작은 아이콘(16x16)입니다. 파비콘은 또한 사용자의 오픈탭 및 북마크 목록에 있는 웹 사이트 이름 옆에 당당히 표시되기도 합니다. 파비콘을 하기 위해서는 먼저 자신이 로고 이미지가 있어야.. 더보기

티스토리툴바