분류 전체보기1346 [JavaScript] 벽돌깨기 게임 만들기 (3) 게임 시작, 게임 오버, 게임 클리어, 다시 시작 구현하기 ㅇ안녕하세요.오늘은 벽돌깨기 게임 만들기 마지막 시간입니다. 이전 시간에 canvas에 원하는 도형을 그리고, 각 도형이 서로 닿았을 때 원하는 대로 동작하도록 처리하는 방법에 대해서 배웠습니다.이번에는 실제 게임처럼 동작하도록 몇가지 기능을 추가해서 게임을 마무리 해보겠습니다. 이전 코드를 보고 싶으시면 아래 링크를 참고해주세요. 2024.08.12 - [JavaScript] - [JavaScript] 벽돌깨기 게임 만들기 (1) 에 도형 그리기2024.08.12 - [JavaScript] - [JavaScript] 벽돌깨기 게임 만들기 (2) 공 튕기기 1. index.html 수정먼저 index.html을 수정해서 시작하기, 다시 시작 버튼을 만들어줍니다. 게임 시작 다시 시작.. 2024. 8. 22. [JAVA] 인텔리제이 IntelliJ IDEA JAR 파일 생성/ 만들기 JAR파일 만든 OS환경은 윈도우입니다. [윈도우 유저는 ctrl + shift + alt + s]JAR파일을 만들 클래스를 선택합니다 여기까지 했으면 다시 빌드로 들어가서빌드로 선택되어있는지 확인하고 jar을 클릭하세요여기까지하며 JAR 파일을 만들었습니다! 시연영상 2024. 8. 21. [Nodejs]babel 활용하기 오늘은 babel을 활용하는 예시를 만들어 보겠습니다. babel은 자바스크립트 컴파일러로, ECMAScript 2015 이후 형태의 코드들을 현재 및 예전 브라우저 또는 환경에서 사용할 수 있게, 즉 이전 자바스크립트 버전에 호환되는 형태로 변환시키는데 사용할 수 있습니다. 1.프로젝트 생성 및 초기화mkdir 생성할 폴더명cd 방금 생성한 폴더명npm init -y => 원하는 경로에 폴더를 생성하고 해당 폴더로 이동 후 프로젝트 생성 및 초기화 시켜줍니다. 2.babel 관련 모듈 설치npm install --save-dev @babel/core @babel/cli @babel/preset-env => babel/core 는 코드변환, 플러그인 관리 등 babel 의 핵심 기능, babel/cl.. 2024. 8. 20. [Python] 다양한 문자열 연결(포매팅) 방법 안녕하세요. 오늘은 파이썬의 문자열 연결(포매팅)의 다양한 방법에 대해서 알아보겠습니다. beverage = "아메리카노"price = 1900print("우리 동네 카페의 " + beverage + " 가격은 " + str(price) + "원 입니다.") # 1. (+) 사용print("우리 동네 카페의", beverage, "가격은", price, "원 입니다.") # 2. 콤마(,) 사용print(f"우리 동네 카페의 {beverage} 가격은 {price}원 입니다.") # 3. f-string 사용print("우리 동네 카페의 {0} 가격은 {1}원 입니다.".format(beverage, price)) # 4. format() 메서드 사용print("우리 동네 카페의 %s 가격은 %d.. 2024. 8. 19. [JavaScript] 벽돌깨기 게임 만들기 (2) 공 튕기기 안녕하세요.오늘은 벽돌깨기 게임만들기 두번째 시간입니다.이전 편에서 우리는 HTML5 와 자바스크립트를 사용하여 벽돌 깨기 게임의 기본 구조를 만들고, 캔버스에 공, 패들, 벽돌을 그렸습니다. 이번 편에서는 공이 벽이나 패들, 벽돌에 닿았는지 여부를 확인해서 공이 튕겨나갈 수 있도록 동작을 추가해 보겠습니다. 이전 시간에 작성한 코드에서 이어서 작성합니다. 이전 코드는 아래 링크를 참고해주세요.2024.08.12 - [JavaScript] - [JavaScript] 벽돌깨기 게임 만들기 (1) 에 도형 그리기 1. 공이 캔버스 밖으로 벗어나지 않게 하기이 작업은 draw() 함수에서 다음 공의 위치를 업데이트할 때 이루어집니다. 공이 캔버스 밖으로 빠져나가지 않게 하려면(1) 좌,우 벽에 닿았을때 공을.. 2024. 8. 18. [JAVA][Android] 알림(Notification) 그룹 설정하기 오늘은 알림(Notification)을 보여줄 때, 알림 종류에 따라 다른 그룹으로 보여주는 방법을 알아보겠습니다. 알림에 그룹을 따로 설정하지 않으면, 하나의 앱에서 만든 알림은 하나의 그룹으로 보여집니다. 그러나 알림 종류에 따라 다른 그룹으로 보여주어야 하는 경우가 있습니다. 이러한 경우에 사용할 수 있도록, 4개의 알림을 2개의 그룹으로 보여주는 예시를 만들어 보겠습니다. 메니페스트 파일에 추가 레이아웃 xml 파일 코드 (main.xml ) xml 파일 코드 (ic_sms.xml ) 메인 액티비티 자바 코드public class MainActivity extends AppCompatActivity { private static final Stri.. 2024. 8. 17. [JavaScript] 사칙연산 계산기 만들기 안녕하세요 오늘은 자바스크립트를 이용하여 사칙연산이 가능한 간단한 계산기를 만들어보겠습니다 먼저 html 파일을 만들어줍니다. calculator.html 사칙연산 + - x / (나누기) Calculate Result: 아래는 자바 스크립트 코드 입니다 calculator.js 사칙연산 + - x / (나누기) 계산하기 결과: 결과 화면입니다 2024. 8. 16. [JAVA][Android] 키보드에 글자가 가려지는 경우 setStackFromEnd 사용 // RecyclerView 스크롤 키보드 리사이클러뷰를 만들어서 아이템뷰나 텍스트를 출력해서 목록을 만듭니다.그런데 화면에 뷰가 가득차고 추가로 데이터를 입력하기 위해서 키보드 자판이 나오게 합니다.이 경우 자판에 텍스트가 가려져 불편할때가 있습니다. activity_main.xml item_text.xml MainActivityimport androidx.appcompat.app.AppCompatActivity;import androidx.recyclerview.widget.LinearLayoutManager;import androidx.recyclerview.widget.RecyclerView;import android.app.AlertDialog;import android.content.DialogInter.. 2024. 8. 15. [Nodejs]mysql2 활용하기 오늘은 nodejs의 mysql2 모듈을 활용해 mysql db의 데이터를 조회하는 예시를 만들어 보겠습니다. 위 자료를 가진 example 테이블의 데이터를 조회해 보겠습니다. 1.프로젝트 생성 및 초기화mkdir 생성할 폴더명cd 방금 생성한 폴더명npm init -y => 원하는 경로에 폴더를 생성하고 해당 폴더로 이동 후 프로젝트 생성 및 초기화 시켜줍니다. 2.mysql2 설치npm install mysql2 3.mysql2 활용할 js파일 생성touch js 파일명 => 프로젝트 폴더 내에서 js 파일을 생성합니다. 저는 위 이미지와 같이 생성하였습니다. 4.mysql2 활용할 js파일 코드 작성//설치한 mysql2 importconst mysql = require('mysql2.. 2024. 8. 14. 이전 1 ··· 9 10 11 12 13 14 15 ··· 150 다음
