본문 바로가기

개발(Development)273

[안드로이드] 앱 개발 프로젝트 생성 방법 # 안드로이드 프로젝트 생성 방법 1. 안드로이드 스튜디오 구동 2. Create New Project 클릭 * 이미 다른 프로젝트가 실행중인 환경에서는 File > New > New Project 클릭 3. Activity 템플릿 선택 : 필요에 맞는 화면 템플릿을 선택한다. : 스마트폰/태블릿 환경의 빈 화면을 원하는 경우, : 왼쪽에서 Phone and Tablet 선택, 오른쪽에서 Empty Activity를 선택후, next 클릭 * 각 템플릿 종류에 대한 내용은 아래 글 참고 [안드로이드] 앱 프로젝트 템플릿 (액티비티 UI) 종류 4. 프로젝트 설정 : 아래 항목들을 입력 후, Finsih 클릭 1) Name: 애플리케이션 이름 설정 2) Package name: 안드로이드 앱을 구분하는 유.. 2021. 7. 10.
[개발 용어] 라이브러리 vs. 프레임워크 개념과 차이 # 라이브러리(Library)란? 현실세계에서의 라이브러리(도서관)란 필요할 때마다 꺼내볼 수 있는 책(지식)들이 모여있는 곳이다. 프로그래밍에서의 라이브러리란 필요한 기능들이 모여있는 코드의 묶음이라고 생각할 수 있다. 자주 사용되는 기능들을 라이브러리(객체나 함수등의 형태)로 만들어두면, 필요할 때마다 직접 호출하여 사용할 수 있다. 물론 남들이 만들어둔 외부 라이브러리도 가져다 사용할 수 있다. 1) Browser환경에서 script src 로 불러들이는 js파일(JQuery, React 등) 2) node.js 환경에서 npm으로 설치한 모듈 3) Python 환경에서 pip로 설치한 패키지/모듈 4) Java 환경에서 설치한 jar # 프레임워크(Framework)란? 프레임워크는 작업(work.. 2021. 7. 10.
[자바스크립트] 코드로 HTML에 다른 js파일을 로드하는 방법 보통 HTML 파일에서 js파일을 불러오려면, head 영역에 아래와 같이 script태그를 추가하고, src속성으로 js파일의 경로를 설정한다. - extra.js 파일 alert('extra.js 파일에서 띄운 팝업입니다'); *** 실행 결과 - 브라우저에서 실행하면 extra.js파일에 작성해둔 팝업이 뜨고, - 개발자도구로 보면 index.htm파일에 script 태그가 추가되어 있음을 알 수 있다. 이런 기법을 활용하면 프로그램 실행 중에도 원하는 타이밍에 JavaScript 코드를 통해 다른 자바스크립트 파일을 불러올 수 있게 된다. 2021. 7. 9.
[node.js] path 모듈 사용 방법 정리: 파일/디렉터리 경로 처리 node.js이 기본으로 제공하는 path모듈은 파일/폴더/디렉터리 등의 경로를 편리하게 설정할 수 있는 기능을 제공한다. 내 경우에도 node.js 개발 시에는 '안전하게' 경로를 설정하기위해 path모듈의 join(), resolve() 메서드는 꼭 활용하는 편이다. *** 참고: 현재 파일/디렉터리 경로 확인 방법은 아래 글 참고 [node.js] 현재 파일/디렉터리 경로 확인 방법: __filename, __dirname # path 모듈 사용 방법 : path는 node의 내장 모듈이므로 별도 설치 없이 바로 추출하여 사용할 수 있다. 0. 모듈 추출 방법 const path = require('path'); 1. path.sep : "현 운영체제의 경로 구분자" 확인 - 맥 /, 윈도우 \ c.. 2021. 7. 9.
[node.js] 현재 파일/디렉터리 경로 확인 방법: __filename, __dirname # node.js 현재 파일/디렉터리 경로 확인 방법 : node.js에서는 _filename으로 현재 파일의 정보, __dirname으로 현재 디렉터리의 정보를 확인할 수 있다. 1. __filename => 현재 파일 경로.확장자 console.log(__filename); // 출력결과 // /Users/curryyou/dev/VS_Code_Projects/node/test.js 2. __dirname => 현재 디렉터리(폴더) 경로 console.log(__dirname); // 출력 결과 // /Users/curryyou/dev/VS_Code_Projects/node 경로 설정을 편리하게 해주는 node.js의 내장 모듈 path에 대해서는 아래 글을 참고 2021. 7. 9.
[자바스크립트] JSON형식 직렬화/역직렬화 방법 # JSON(Javascript Object Notation) : 클라이언트와 서버 간의 HTTP 통신을 위한 텍스트 데이터 포맷. : 자바스크립트의 객체처럼 키:값으로 구성되며, 각 객체를 배열로 묶을 수도 있다. : 문자열로된 키와 값은 큰따옴표("")로 감싸야 한다. // JSON 형식 const arr_JSON = [ { "name": "taeho", "age": 37, "major": "경제학", "hobby": "코딩" }, { "name": "eunjung", "age": 31, "major": "경영학", "hobby": "디자인" }, { "name": "curryyou", "age": 21, "major": "역사", "hobby": "글쓰기" }, ]; # JSON 내장 객체 : 자바.. 2021. 7. 9.
[자바스크립트] div, p, a, span 텍스트 복사(copy)기능 구현 방법 보통 자바스크립트에서 텍스트를 클립보드에 복사하는 방법은 textarea, input[text]태그의 value값을 선택하여 document.execCommand('copy') 명령어를 실행하는 것이다. [자바스크립트] 텍스트 클립보드 복사(copy)/붙여넣기 기능 구현 방법 그런데 이 방법은 div, p, a, span 등 다른 태그의 내부 텍스트는 복사하지 못한다는 단점이 있다. 그래서 textarea를 가상(?)으로 생성하여 value값을 넣어서 복사하고, 다시 제거하는 방법을 사용한다. # div, p, a, h, span 등의 값을 클립보드에 복사하는 방법 1. 태그(div 등)의 내부 값을 취득 const valOfDIV = document.getElementById("div").textCon.. 2021. 7. 8.
[자바스크립트] 텍스트 클립보드 복사(copy)/붙여넣기 기능 구현 방법 # 자바스크립트 클립보드 복사 방법 : 복사할 텍스트를 선택하고, 클립보드에 복사하는 방식이다. 1. 복사할 텍스트 선택 1) 사용자가 직접 복사할 영역 선택(드래그)하거나, 2) 자바스크립트로 textarea, input[text]의 값(value) 전체 선택한다. textarea엘리먼트.select(); input[text]엘리먼트.select(); 2. 선택된 텍스트 복사 - document.execCommad('copy')코드는 선택(드래그)된 영역의 텍스트를 클립보드에 복사한다. document.execCommand('copy') - execCommand 를 대체하는 최신 Clipboard API 사용방법은 아래 글을 참고! [JS] 텍스트 복사(Copy) 완전 쉬운 방법: Clipboard A.. 2021. 7. 8.
[HTML] input:number 의 숫자 최대값, 최소값 설정 방법 # input 숫자 입력 HTML에서 숫자만 입력 받고자 할 때는 number 타입의 input태그를 사용해주면 된다. # input 숫자 최대값/최소값 최대값은 max 속성값으로, 최소값은 min 속성값으로 설정해주면 된다. 아래 코드는 1~5사이의 숫자만 입력 받는다. # input 숫자 플러스/마이너스 플러스 정수값만 입력 받으려면 min = 1 로 설정해주면 된다. 마이너스 정수값만 입력 받으려면 max = -1 로 설정해주면 된다. input태그로 소수점 숫자를 입력 받으려면 step속성을 활용하면 된다. 자세한 내용은 아래 글을 참고 [HTML] number타입 INPUT입력창에 소수점 입력 허용 방법(step속성 활용) 2021. 7. 7.

티스토리툴바