본문 바로가기

전체 글1418

[HTML/CSS] 좌우,상하로 움직이는 텍스트만들기 marquee태그를 사용해 텍스트를 우에서 좌로, 아래에서 위로 움직여 보겠습니다. 가로세로 여백 속성과, 움직이는 방향속성, 스크롤되는 양속성을 활용했습니다. ex) hspace="100" vspace="100" direction="up" scrollamount="2" -> 수평,수직여백100, 움직이는방향 위, 2픽셀씩 스크롤 해라 marquee의 속성입니다. 속성값을 활용해 다양하게 옵션을 활용할수 있습니다. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/marquee 브라우저 호환성을 확인하고 사용하세요, 지원하지 않는 브라우저에서는 사용이 불가능합니다. behavior 선택 윤곽 내에서 텍스트가 스크롤되는 방식을 설정합니다. 가능한 값은 .. 2022. 1. 9.
[JAVA][Android] Youtube API 사용법 이번에는 유튜브 API 를 사용해보겠습니다. https://stickode.com/detail.html?no=2714 스틱코드 stickode.com 위의 포스트를 즐겨찾기 하시면 'Activity_Youtube.java' 를 입력하여, 해당 코드를 사용할 수 있습니다. 1. Youtube Data API 키 발급 구글 클라우드 플랫폼에서 키 발급 https://console.developers.google.com/ Google Cloud Platform 하나의 계정으로 모든 Google 서비스를 Google Cloud Platform을 사용하려면 로그인하세요. accounts.google.com 2. Youtube 플레이어 API 라이브러리 다운로드 https://developers.google.com.. 2022. 1. 7.
[Python] 음성파일을 텍스트로 전환하기 https://stickode.com/detail.html?no=2717 스틱코드 stickode.com 해당 포스트는 mp3 파일일때입니다. if 문에 ext==".mp3"를 바꾸시거나 코드를 수정해주시면 됩니다. speech_recognition 라이브러리를 통해서 음성을 텍스트로 전환할건데요 해당 라이브러리는 확장자가 '.wav' 파일만 동작합니다. * 주의 확장자가 '.wav' 파일이여도 깨진 파일인경우 작동하지 않습니다. 위 코드를 통해서 .mp3 path 안에 들어있는 filePath(음성녹음.mp3) 파일을 wav 파일로 전환해줄것입니다. 전환해주고나서 위 코드를 통해 음성녹음 파일을 텍스트로 전환해줍니다. ㅇㄴㅇspeech_recognitios speech_recognitions speec.. 2022. 1. 6.
[Kotlin][Android] 비밀번호 hash 암호화하기 안녕하세요 :) 이번에는 안드로이드에서 비밀번호를 hash 암호화 하는 방법에 대해 알아보겠습니다. 아래에 예제가 포함되어 설명되긴 하지만, 좀더 손쉽게 사용가능한 방법으로 스틱코드 extension을 IDE에서 사용하신다면, 해당 링크의 포스트 글을 즐겨찾기 하시는 것으로 손쉽게 코드를 사용하실 수 있습니다. https://stickode.com/detail.html?no=2711 스틱코드 stickode.com 단방향 해시 함수란? 단방향 해시 함수는 수학적인 연산을 통해 원본 메시지를 변화화여 암호화된 메시지인 다이제스트(digest)를 생성하는 함수를 뜻합니다. 원본 메시지를 알면 암호화된 메시지를 구할수 있지만, 반대인 암호화된 메시지로 원본 메시지를 구할 수 없기 때문에 '단방향' 이라고 부릅.. 2022. 1. 5.
[C#][Unity] 캐릭터 회전 구현하기 https://stickode.tistory.com/319?category=937544 위 링크(유닛 이동에 맞춰 카메라 따라가게 만들기)에 이어서 이번에는 캐릭터를 이동하는 방향에 맞게 회전시켜보도록 하겠습니다. 실행 환경 개발 툴: Unity 2019.4.21f1 IDE : vscode 캡슐은 회전해도 확인이 어려우니 캐릭터를 추가해보도록 하겠습니다. 지난 글에서 사용했던 에셋 스토어로 이동해서 캐릭터를 가져와보도록 하겠습니다. 왼쪽 위 Scene 오른쪽 탭인 Asset Store 를 선택하신 후 검색창에 Dog Knight PBR Polyart 를 검색해주세요. 다운로드 후 import를 선택해주세요. 끝나시면 Project 창에 DogKnight 폴더가 생성된걸 볼 수 있습니다. 캐릭터는 DogK.. 2022. 1. 4.
[JavaScript]화면 스크롤시 이미지 회전시키기 스크롤시 화면중앙에 고정된 이미지가 회전되도록 해보겠습니다. 스틱코드에서 즐겨찾기해 사용해보세요. https://stickode.com/detail.html?no=2705 스틱코드 stickode.com 단계별로 진행해 보겠습니다. html -> css-> script 작성 순으로 진행 로 화면구조를 만듭니다. 을 사용해 배경이미지 노랑색배경 , 흰색배경을 만들고 div classs wrapper 안에 담긴 고양이 이미지를 만든다. // 화면전체를 감싸는 div입니다. // 고양이미지 id를 reload라고 설정합니다. 로 스타일을 입힙니다. 배경은 두개로 구성되어있고, 첫번째 화면은 노랑색 /두번째화면은 흰색입니다. 다음으로 가운데 넣을 고양이 이미지의 가로세로사이즈를 설.. 2022. 1. 3.
[HTML/CSS] 검색어 입력상자 예제 만들기 안녕하세요 오늘은 웹페이지에서 자주 보았던 검색어 입력상자를 만들어보겠습니다. css 코드로 검색상자를 아래와 같이 커스텀 할 수 있습니다. css 코드는 아래 스틱코드 링크에서 확인해주세요 https://stickode.com/detail.html?no=2699 스틱코드 stickode.com 예제로 사용된 css 파일은 위와 같이 링크를 참조 하고 있습니다. 이 링크를 타고 가면 여러가지 스타일을 가져 올 수 있기 때문입니다. 예를 들어 버튼에 활용된 이미지 또한 저 링크를 타고 온 것입니다. 좀 더 자세히 설명드리면 아래 코드에서 .d1 button:before { content: "\f002"; font-family: FontAwesome; font-size: 16px; color: #F9F0DA.. 2022. 1. 2.
[JAVA][Android] 녹음 기능 만들기 https://stickode.com/detail.html?no=2716 스틱코드 stickode.com MediaRecorder 를 이용해 녹음 기능을 만들어 보려합니다. 그전에 매니페스트에 녹음 기능과 파일 읽기쓰기 권한을 작성해주어야합니다. 하지만 RECORD_AUDIO 와 READ_EXTERNAL_STORAGE, WRITE_EXTERNAL_STORAGE 는 위험 권한 이기 때문에 사용자에게 권한 요청을 한후 사용자가 허락하고 나서 작동이 가능합니다. 권한 요청 후에 MediaRecorder 를 통해서 녹음된 파일을 만들 수 있습니다. 해당 코드는 파일 경로를 download 파일 로 해주었습니다. 자세한 사항은 위 스틱코드 주소를 통해 봐주면됩니다. 2021. 12. 31.
[JAVA][Android] 비밀번호 hash 암호화하기 안녕하세요 :) 이번에는 안드로이드에서 비밀번호를 hash 암호화 하는 방법에 대해 알아보겠습니다. 아래에 예제가 포함되어 설명되긴 하지만, 좀더 손쉽게 사용가능한 방법으로 스틱코드 extension을 IDE에서 사용하신다면, 해당 링크의 포스트 글을 즐겨찾기 하시는 것으로 손쉽게 코드를 사용하실 수 있습니다. https://stickode.com/detail.html?no=2708 스틱코드 stickode.com 단방향 해시 함수란? 단방향 해시 함수는 수학적인 연산을 통해 원본 메시지를 변화화여 암호화된 메시지인 다이제스트(digest)를 생성하는 함수를 뜻합니다. 원본 메시지를 알면 암호화된 메시지를 구할수 있지만, 반대인 암호화된 메시지로 원본 메시지를 구할 수 없기 때문에 '단방향' 이라고 부릅.. 2021. 12. 30.

티스토리툴바