구턴의 코딩 이야기

안녕, 안드로이드안드로이드 특징공개 운영체제인 리눅스 기반자바, 코틀린을 사용공개 라이브러리모든 응용프로그램은 평등하다는 사상을 바탕으로 기본적으로 모바일에 탑재된 앱과 개발자가 개발한 앱은 똑같은 환경에서 똑같은 API 사용안드로이드 운영체제리눅스 커널: 리눅스 기반 오픈소스 소프트웨어 스택하드웨어 추상화 레이어: 상위 자바 API 프레임워크에서 하드웨어 기능을 이용할 수 있게 표준 인터페이스 제공안드로이드 런타임(ART): 앱을 실행하는 역할, DEX로 빌드된 안드로이드 앱을 해석해서 실행네이티브 C/C++ 라이브러리: 네이티브 C/C++ 라이브러리(NDK, native development kit)를 이용해 개발할 수도 있습니다.자바 API 프레임워크: 앱 개발 시 사용하는 자바 API개발 언어처음..

안드로이드 스튜디오 설치https://developer.android.com/?hl=ko Android 모바일 앱 개발자 도구 - Android 개발자 | Android DevelopersDiscover the latest app development tools, platform updates, training, and documentation for developers across every Android device.developer.android.com 설치는 그냥 다음 다음 누르면서 쭉 해주시면 됩니다. 첫 번째 앱 만들기 New Project를 누르거나, FILE → New Project를 눌러서 아래 창을 띄우고 "Empty Views Activity"를 선택합니다.Empty Activi..

공개 API공개 API 동작 원리각 사이트에서 제공하는 API는 서버에서 가져옴API 사용하려면 API 사용 신청 후 인증키를 받아서 사용, 일부 API는 인증 없이 사용 가능개발자마다 개별 인증키를 받음공개 API 사용 이유누이 좋고, 매부 좋기 때문개발자: 검증된 프로그램을 사용해 개발 시간 단축API 제공자: 회원 모집, 유지, 충성도 관리가 편리공개 API 찾는 법대형 서비스의 개발자 지원 사이트 ✅ 구글https://developers.google.com/?hl=ko Google for Developers - AI와 클라우드부터 모바일과 웹까지개발자 리소스, 커뮤니티 이벤트, 영감을 주는 스토리를 탐색하여 더 스마트하게 개발하고 더 빠르게 출시하세요.developers.google.com✅ 네이..

API란Application Programming Interface 애플리케이션 프로그래밍을 위한 인터페이스 공개 APIAPI 중에서 누구나 사용할 수 있게 만든 것 NAVER Developershttps://developers.naver.com/main/ NAVER Developers네이버 오픈 API들을 활용해 개발자들이 다양한 애플리케이션을 개발할 수 있도록 API 가이드와 SDK를 제공합니다. 제공중인 오픈 API에는 네이버 로그인, 검색, 단축URL, 캡차를 비롯 기계번역, 음developers.naver.com Kakao Developershttps://developers.kakao.com/ Kakao Developers카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인..

객체를 사용한 도형 생성객체로 여러 개의 원 생성원을 생성할 수 있는 객체를 만들고 필요한 만큼 객체 인스턴스를 만들어서 화면에 그리기 객체 만들기const canvas = document.querySelector("canvas");const ctx = canvas.getContext("2d");/* 캔버스 너비 설정 */canvas.width = window.innerWidth;/* 캔버스 높이 설정 */canvas.height = window.innerHeight;function Circle(x, y, radius, color) { this.x = x; this.y = y; this.radius = radius; this.color = color; /* 원을 그리는 메서드 */ this.d..

그래픽 스타일색상 지정 fillStyle = color; // 채우기 색상 strokeStyle = color; // 선 색상 투명도 지정globalAlpha 속성 globalAlpha = 값0.0: 완전 투명1.0: 완전 불투명(기본값)const canvas = document.querySelector('canvas');const ctx = canvas.getContext("2d");ctx.globalAlpha = 0.3; /* 주석 처리 및 해제를 하면서 효과를 비교해 보세요 */ctx.fillStyle = "rgb(255, 0, 0)";ctx.fillRect(50, 50, 100, 50); /* 사각형 왼쪽 상단 x, y 좌표, width, height */ctx..

캔버스란웹 문서에 Canvas API를 이용해서 그림을 그릴 수 있는 기능캔버스 생성 크기를 지정하지 않을 때 크기를 지정했을 때 400*300 화면 전체를 캔버스로 사용하는 방법화면 전체를 캔버스로 사용하기 위해서는 몇 가지 여백과 스크롤 막대를 없애야 한다. const canvas = document.querySelector('canvas'); /* canvas 태그 불러오기 */ canvas.width = window.innerWidth;canvas.height = window.innerHeight; getContext() 메서드로 렌더링 콘텍스트 생성하기 👨‍🏫 랜더링 콘텍스트란렌더링 콘텍스트는 그래픽을 그리기 위한 상태와 환경을 담고 있는 ..