본문 바로가기

stickode24

[JAVA][Android] 안드로이드 - 알림 만들기 및 알림 탭하여 액티비티로 이동 알림은 사용 중이 아닌 앱의 이벤트에 관한 짧고 시기적절한 정보를 제공하는 기능입니다. 이번 게시글에서는 버튼을 클릭했을 때 알림이 생성되고, 알림을 탭하면 원하는 액티비티로 이동하는 기능을 구현해 보겠습니다. 먼저 기본 알림을 만드는 법부터 알아보겠습니다. 가장 기본적이고 간단한 형태(축소된 형태라고도 함)의 알림에는 아이콘, 제목 및 소량의 콘텐츠 텍스트가 표시됩니다. 알림 콘텐츠 설정 시작하려면 NotificationCompat.Builder 객체를 사용하여 알림 콘텐츠를 생성해야 합니다. NotificationCompat.Builder builder = new NotificationCompat.Builder(this, CHANNEL_ID) .setSmallIcon(R.drawable.notific.. 2021. 10. 21.
[C#][Unity] 캐릭터 점프 기능 만들기 안녕하세요? 저번 포스팅에 이어서 유닛에 점프 기능을 스틱코드를 이용해서 만들어보겠습니다. 실행 환경 개발 툴: Unity 2020.3.9f1 IDE : Rider 이전에 만들어 뒀던 프로젝트를 실행 후 MoveScript C# 파일을 클릭해서 실행해줍니다. 다음 예제에 사용할 코드를 작성해보겠습니다. 스틱 코드를 활용한다면, 클래스에서 'j' 까지만 작성했을 때 '유닛 점프 기능 생성' 이벤트가 나타납니다. '유닛 점프 기능 생성' 이벤트를 누를 경우 코드가 자동으로 완성됩니다. 함수를 사용하기 위해 FixedUpdate() 함수 안에 아래 사진처럼 함수 이름을 추가해줍니다. using UnityEngine; public class MoveScript : MonoBehaviour { bool isJum.. 2021. 9. 14.
[C#][Unity] 유닛 이동 기능 만들기 안녕하세요. 스틱 코드를 사용하여 키보드 A, W, S, D를 입력하면 유닛(오브젝트)이 이동하는 기능을 만들어보겠습니다. 실행 환경 개발 툴: Unity 2020.3.9f1 IDE : Rider 예제에 사용할 오브젝트들을 만들어보겠습니다. 유니티 프로젝트 실행 후 Hierarchy 창에서 우클릭하면 아래와 같은 사진처럼 화면이 나오는데 여기서 Terrain, Cube 오브젝트를 선택해서 생성해줍니다. 다음으로 큐브의 위치를 Terrain 정중앙으로 배치하기 위해 큐브 오브젝트를 선택 후 Transform -> Position 값을 x: 50, y: 1, z: 50으로 설정합니다. 다음으로 C# 코드를 실행하기 위한 설정 작업을 진행하겠습니다. 1. C# 파일 생성 Assets 창 안에서 마우스 우클릭하.. 2021. 8. 29.
[C#][Unity] 로딩 화면 만들기 안녕하세요. 스틱 코드를 사용하여 유니티에서 사용할 로딩 화면을 만들어보겠습니다. 실행 환경 개발 툴: Unity 2020.3.9f1 IDE : Rider 참고 Rider는 Unity에서 기본으로 제공하는 IDE가 아닙니다. 스틱 코드를 사용하기 위해 Rider를 사용했으며, Rider를 사용하기 위해선 추가로 다운로드를 받고 연동하셔야 합니다. Unity Rider 연동 글은 다른 블로그 글을 참고하면 좋을 거 같습니다. 예제에 사용할 화면을 만들어보겠습니다. 1. 로딩 화면 파일 다운로드 예제 화면을 만들기엔 내용이 길어지기 때문에 만들어둔 로딩 화면 파일을 다운로드하여 사용하시면 됩니다. 2. 로딩 화면 파일을 사용하기 위한 설정 먼저 Project 창에서 마우스 우클릭을 하면 아래 사진과 같이 창.. 2021. 8. 15.
[JavaScript] 빠르게 To Do 리스트 만들기 이번 예제에서는 자바스크립트만을 이용해 To Do 리스트를 만들어보겠습니다. 따라하기 전, 스틱코드에 올라온 자바스크립트로 투두리스트 만들기 코드를 즐겨찾기 해주세요 먼저 html 코드를 작성해봅시다. html 파일에서 스틱코드 호출태그인 ToDoList-HTML을 입력하면 자바스크립트로 투두리스트를 만들기 위해 필요한 html 코드가 자동완성됩니다. 일단 HTML 코드에서는 수정없이, JS 파일과 CSS 파일을 작성해보겠습니다. 스틱코드로 만든 투두리스트 추가 모두 삭제 다음으로 필요한 css 코드를 작성해줍니다. 이전과 마찬가지로 css 파일에서 스틱코드 호출태그인 ToDoList-CSS를 입력하면 자바스크립트로 투두리스트 만들기 - css 코드가 자동완성됩니다. 이제 호출태그로 완성된 코드 중 수정.. 2021. 7. 8.
[JavaScript] 버튼 클릭으로 웹페이지 다크모드, 라이트모드 설정하기 자바스크립트을 활용하여 CSS 속성을 수정할 수 있습니다. 이를 활용하여, 버튼을 클릭했을 때 웹페이지화면을 다크모드/라이트모드로 전환할 수 있는 예제를 만들어보겠습니다. 먼저, 스틱코드에 올라온 '버튼 클릭으로 웹페이지 다크모드, 라이트모드 설정하기' 코드를 즐겨찾기 추가해주세요. 먼저 html 코드를 작성해봅시다. html 파일에서 스틱코드 호출태그인 setWebDisplayAppearance-HTML을 입력하면 예제 구현에 필요한 html 코드가 자동완성됩니다. 일단 HTML 코드에서는 수정없이, JS 파일과 CSS 파일을 작성해보겠습니다. 라이트/다크모드 전환 예제 [사용법] 상단 우측에 있는 버튼을 누르면 다크모드 혹은 라이트모드로 전환할 수 있습니다. 다음으로, 버튼을 누르면 웹페이지가 라이트.. 2021. 6. 26.
[JavaScript] 입력 값 복사해서 다른 입력창에 값 넣어주기 자바스크립트을 활용하여 입력값을 복사해서 다른 입력창에 값을 넣어주는 예제를 만들어보겠습니다. 먼저, 스틱코드에 올라온 '입력된 값 복사해서 붙여넣기' 코드를 즐겨찾기 추가해주세요. 먼저 html 코드를 작성해봅시다. html 파일에서 스틱코드 호출태그인 copyInputValue-HTML을 입력하면 이번 예제의 html 코드가 자동완성됩니다. 일단 HTML 코드에서는 수정없이, JS 파일과 CSS 파일을 작성해보겠습니다. 주문고객 정보 보내시는 분: 연락처: 주소: 배송지 정보 주문 고객 정보와 동일 받으시는 분: 연락처: 주소: 다음으로 필요한 css 코드를 작성해줍니다. 이전과 마찬가지로 css 파일에서 스틱코드 호출태그인 copyInputValue-CSS를 입력하면 이번 예제의 css 코드 샘플이.. 2021. 6. 14.
[JavaScript] 디지털 시계 만들기 자바스크립트을 활용하여 디지털 시계를 만들어보겠습니다. 먼저, 스틱코드에 올라온 '디지털 시계 만들기' 코드를 즐겨찾기 추가해주세요. 먼저 html 코드를 작성해봅시다. html 파일에서 스틱코드 호출태그인 digitalClockHTML을 입력하면 자바스크립트로 디지털 시계 만드는 html 코드가 자동완성됩니다. 일단 HTML 코드에서는 수정없이, JS 파일과 CSS 파일을 작성해보겠습니다. 다음으로 필요한 css 코드를 작성해줍니다. 이전과 마찬가지로 css 파일에서 스틱코드 호출태그인 digitalClockCSS를 입력하면 자바스크립트 배경색 바꾸기 - css 코드가 자동완성됩니다. 이제 호출태그로 완성된 코드 중 수정이 필요한 부분을 작성해줍니다. 수정이 필요한 부분은 body의 배경색(line 8.. 2021. 6. 2.
[JavaScript] 배경 색상 변경시키기 자바스크립트을 활용하여 배경 색상을 변경시켜주는 예제를 만들어보겠습니다. 먼저, 스틱코드에 올라온 배경 색상을 변경시켜주는 코드를 즐겨찾기 추가해주세요. 먼저 html 코드를 작성해봅시다. html 파일에서 스틱코드 호출태그인 backgroundimage_HTML을 입력하면 자바스크립트 배경색 바꾸기 - html 코드가 자동완성됩니다. 일단 HTML 코드에서는 수정없이, JS 파일과 CSS 파일을 작성해보겠습니다. 다음으로 필요한 css 코드를 작성해줍니다. 이전과 마찬가지로 css 파일에서 스틱코드 호출태그인 backgroundimage_CSS를 입력하면 자바스크립트 배경색 바꾸기 - css 코드가 자동완성됩니다. 이제 호출태그로 수정하고 싶은 부분을 수정해주세요. colorBox는 선택할 수 있는 색.. 2021. 5. 20.

티스토리툴바