개발

    안드로이드 스튜디오에서 와이파이로 에뮬레이터 무선 연결하기

    안드로이드 스튜디오에서 WIFI로 에뮬레이터 무선 연결하기 난 앱을 테스트할 때 대부분 실기기를 연결하지 않고 안드로이드 스튜디오 내장 에뮬레이터를 사용한다. 컴퓨터의 위치, 케이블의 길이 등 때문에 usb를 연결해 실기기에서 테스트하는 것이 불편하기 때문이다. 그런데 에뮬레이터를 WIFI로 무선 연결할 수도 있다. 에뮬레이터는 일반적으로 USB를 통해 통신하지만, USB로 초기 설정을 한 후에는 WIFI를 통해 연결할 수 있다. 나처럼 컴퓨터의 위치가 이상하거나 usb 케이블이 짧거나 하는 사람들에겐 도움이 될 거라고 생각한다. 추천 글 ▶Flutter 강좌 - 플러터 프로젝트 생성, 기본 앱과 구조 알아보기 ▶Flutter 강좌 - 안드로이드 스튜디오에 플러터 설치하기 목차 1. TCP/IP 수신 대..

    티스토리 비 로그인자의 댓글 기본 프로필, 아이콘 바꾸기

    티스토리 비 로그인자의 댓글 기본 프로필, 아이콘 바꾸기 로그인을 하지 않고 댓글을 작성하면 프로필이 랜덤으로 설정된다. 나는 이 기본 프로필이 별로 마음에 들지 않다. 그래서 이것을 css나 jquery로 바꿔볼 수 있지 않을까 생각을 해봤다. 웹 개발은 거의 안 해봐서 그나마 쉬워 보이는 css로 댓글 프로필을 바꾸는 코드를 짜봤다. 목차 티스토리 게스트 댓글 아이콘 블로그에 로그인하지 않은 상태로 댓글을 작성하면 아이콘이 티스토리의 기본 아이콘으로 설정된다. 기본 아이콘은 총 8개 있으며 닉네임에 따라 랜덤으로 설정된다. F12를 눌러 개발자 도구를 실행해 댓글 아이콘의 구조를 살펴보겠다. 개발자 도구의 좌측 상단(빨간색 박스)을 클릭하고 댓글 아이콘을 클릭해보자. 단축키는 ctrl + shift ..

    Flutter 강좌 - 플러터 프로젝트 생성, 기본 앱과 구조 알아보기

    Flutter 강좌 - 플러터 프로젝트 생성, 기본 앱과 구조 알아보기 올해 4월쯤에 플러터 강좌를 처음으로 올렸었다. 그 이후론 바빠서 flutter 강좌를 쳐다보지 못하고 있다가 방학을 맞아 다시 진행해보려 한다. 이번 글에선 플러터 프로젝트를 생성해보고 플러터의 기본 앱과 구조에 대해 알아보겠다. 플러터 프로젝트 생성하기 안드로이드 스튜디오를 실행하고 Start a new Flutter project를 클릭해 새 플러터 프로젝트를 생성하자. 그럼 위와 같은 창이 나온다. 좌측의 Flutter Application을 선택하고 Next 버튼을 클릭하자. Project name에는 프로젝트명을, Flutter SDK path에는 플러터 sdk 경로를, Project location에는 프로젝트를 생성할 ..

    [케인] 죄송합니다 앱 출처, 공지

    버그나 추가할 기능 같은게 있다면, 여기에 남겨달라 맨이야~ 아무거나 막 써도 된다맨 만약 자기가 아이폰을 사용하거나 휴대폰이 없다면, 아래 링크에서 해볼 수 있다 맨이야~ 웹 버전은 아직 베타라 불완정하고 버벅거림이 있을 수 있다는 점 양해 부탁맨 https://minikupa.github.io/kane/#/ kane minikupa.github.io 아이디어 제공 - 꽃게 onedrive.live.com/?authkey=%21AOlyZCQVMxhVDcM&id=3474D1B79F8A45A2%2181062&cid=3474D1B79F8A45A2 audioplayers https://github.com/luanpotter/audioplayers Copyright (c) 2017 Luan Nico MIT fl..

    티스토리 애드센스 상단 광고 2개 다는 방법

    티스토리 애드센스 상단 광고 2개 다는 방법 수익을 더 얻기 위해서나 여러 이유로 모바일에선 상단 광고를 한 개 두고 화면의 폭이 넓은 컴퓨터에선 상단 광고를 두 개 두시는 분들도 있습니다. 이번 글에선 다른 분이 올린 애드센스 상단 광고 2개 소스를 최적화하고 이걸 티스토리에 적용하는 법을 알려드리도록 하겠습니다. 목차 애드센스 광고 코드 복사 애드센스 사이트 우선 상단 광고 2개 설정을 하기에 앞서 상단 광고로 달 광고 코드를 복사해야 합니다. 위 링크를 통해 애드센스 사이트에 접속한 다음 광고 탭을 클릭한 후 광고 단위 기준 버튼을 클릭해주세요. 광고 단위 기준 버튼을 클릭한 다음 반응형 광고를 하나 만드시거나 기존에 만들어놨던 반응형 광고를 클릭해주세요. 그런 다음 HTML 탭에서 검은 띠로 감쳐..

    안드로이드 스튜디오 파이어베이스(Firebase) 연동하기

    안드로이드 스튜디오 파이어베이스(Firebase) 연동하기 Firebase란 구글이 운영하고 있는 서비스로 직접 서버를 설계, 구현 하지 않고도 안드로이드나 ios앱, 또는 웹에서 애널리틱스, 데이터베이스, 스토리지, 오류 보고등의 기능을 간편하게 사용할 수 있게 도와줍니다. 이번 글에선 한 번 이 파이어베이스란 서비스를 안드로이드 스튜디오의 프로젝트와 연동 하는 방법에 대해서 알아보려고 합니다. 파이어베이스 연동하기 우선 파이어베이스를 안드로이드 스튜디오의 프로젝트와 연동할 때 직접 firebase 콘솔로 이동하여 프로젝트를 생성하고, 프로젝트에 직접 구성 파일등을 설치하여 연동할 수도 있지만, 안드로이드 스튜디오의 firebase assistant를 이용하면 쉽게 연동할 수 있습니다. firebase..

    Flutter 강좌 - 안드로이드 스튜디오에 플러터 설치하기

    Flutter 강좌 - 안드로이드 스튜디오에 플러터 설치하기 제가 한 3년 전에 유튜브와 블로그에서 진행하던 마인크래프트 스크립트 강좌 이후로 오랜만에 한 번 프로그래밍 강좌를 다시 진행해보려고 합니다. 우선은 먼저 제가 요즘 사용하고 있는 flutter에 대해서 강좌를 진행해보려고 합니다. 첫 번째 flutter 강좌에선 우선 플러터에 대해서 간략하게 알아보고 안드로이드 스튜디오에 플러터를 설치하는 방법을 알아보려고 합니다. 앞으로 진행할 flutter 강좌는 프로그래밍에 처음 입문하신 분들보단 변수, if, 함수, 클래스 등의 개념 정도는 알고 계신 분들을 대상으로 진행하려고 합니다. 플러터란? 플러터는 구글에서 개발한 크로스 플랫폼 앱 개발 프레임워크이며 언어로는 구글이 개발한 Dart를 사용하고 ..

    [Android Studio] 안드로이드 스튜디오 에뮬레이터 설치 및 사용 방법

    [Android Studio] 안드로이드 스튜디오 에뮬레이터 설치 및 사용 방법 안드로이드 스튜디오를 통해 제작한 앱을 실제 기기에 설치하여 잘 작동하는지 확인할 수도 있지만, 개인적으로 저는 실제 기기에 연결하는 것이 귀찮아서 그냥 안드로이드 스튜디오에 있는 에뮬레이터를 통하여 제작한 앱을 실행시켜 확인하고 있습니다. 저번 글에 이어서 이번 글에서는 귀찮게 실제 기기에서 앱을 테스트하지 않고, 에뮬레이터를 설치하고 사용하는 방법에 대해서 알려드리도록 하겠습니다. 바이오스 설정 우선 안드로이드 스튜디오에서 에뮬레이터를 설치 하고 사용하려면 바이오스에서 가상화를 활성화해야 합니다. 바이오스에서 가상화를 활성화 하기 위해 우선 DEL 키나, F2 키를 눌러서 바이오스에 접속해주세요. 바이오스에 접속하셨다면 ..

    [Android Studio] 안드로이드 스튜디오 및 JDK 다운로드, 설치 방법

    [Android Studio] 안드로이드 스튜디오 및 JDK 다운로드, 설치 방법 지금까진 가끔 자바스크립트와 파이썬 관련 글을 올렸었는데, 오늘부턴 한번 간단하게라도 제가 주로 하는 앱 개발에 대한 강좌를 올려보려고 합니다. 자바나 코틀린을 통한 앱 개발은 예전에 하긴 했지만, 현재는 주로 flutter을 사용하여 앱 개발을 하고 있기 때문에 먼저 flutter에 대한 강좌를 올려보려고 합니다. 우선 앱 개발에 대한 강좌를 진행하기 위해 앱 개발 관련 통합 개발 환경인 안드로이드 스튜디오를 설치하는 방법 부터 글을 쓰려고 합니다. 안드로이드 스튜디오란 우선 안드로이드 스튜디오는 구글이 안드로이드 앱 개발을 위해 JetBrains 사의 IntelliJ IDEA를 기반으로 만든 통합 개발 환경입니다. 안드..

    [python] 파이썬 IDE 파이참 다운로드 설치 및 사용법, 프로젝트 생성

    [python] 파이썬 IDE 파이참 다운로드 설치 및 사용법, 프로젝트 생성 저번 글에서는 파이썬을 설치하는 방법에 대해서 알아봤습니다. 그 다음으로 이번 글에서는 안드로이드 스튜디오, 코틀린 등을 만든 젯브레인사에서 만든 파이썬 IDE인 '파이참' 이란 프로그램을 설치하고, 파이참에서 프로젝트를 생성하는 방법에 대해서 알아보려고 합니다. 파이참 공식 홈페이지 Download PyCharm: Python IDE for Professional Developers by JetBrains Download the latest version of PyCharm for Windows, macOS or Linux. www.jetbrains.com 우선 위 링크를 클릭하여, 파이참 공식 홈페이지에 접속해주세요. 그다..

    [python] 파이썬 다운로드 설치 방법, 환경변수 설정하기

    [python] 파이썬 다운로드 설치 방법, 환경변수 설정하기 파이썬은 1991년에 발표된 귀도 반 로섬이라는 사람이 만든 인터프리터 방식의 프로그래밍 언어입니다. 그리고 현재 파이썬은 문법도 다른 프로그래밍 언어에 비하여 쉬운 편이라서, 여러 사람들에게 많은 인기를 얻고 있기도 합니다. 파이썬이 요즘 인기도 많고 하여서, 한번 가끔 파이선도 해보면서 할 수 있으면 강좌도 가끔 올려보려고 합니다. 그러기 위해서 이번 글에서는 우선 파이썬을 설치하는 방법에 대해서 알아보려고 합니다. 파이썬 공식 홈페이지 첫 번째로 파이썬을 설치하기 위하여, 우선 위의 링크를 클릭하여 파이썬 공식 홈페이지에 접속해 주세요. 또한 파이썬 공식 홈페이지에서 파이썬 관련 뉴스나, 이벤트니 문법 같은 여러 것들을 볼 수도 있습니다..

    node.js - Error: listen EADDRINUSE: address already 에러 해결

    node.js - Error: listen EADDRINUSE: address already 에러 해결 'npm start' 명령어를 사용하여 node.js 서버를 실행하려 할 경우 'Error: listen EADDRINUSE: address already in use 0.0.0.0:80' 이런 오류가 나면서 node.js가 실행이 안되는 경우가 있습니다. 이 오류는 node.js를 비정상 종료 한 후 실행하려 하거나, 다른 프로세스에서 오류로 나온 해당 포트를 사용하고 있어서 생기는 오류입니다. 해당 프로세스 찾기 우선 이 'Error: listen EADDRINUSE: address already in use 0.0.0.0:80' 오류를 해결하기 위해선, 오류가 나온 해당 포트를 사용중인 프로세스를..