Andamiro : App& Web3 & DataScience

[ 앱 개발자 도전기 : 안드로이드 ] 안드로이드 UI - 뷰(View)와 XML 레이아웃 기본 구조  ∇ 안드로이드 UI 📱 : View & XML레이아웃목 차1. 뷰 [ View ]2. 뷰 그룹 [ View Group ]3. 뷰의 속성4. XML 레이아웃 구성   ※ 안드로이드 UI 구성의 가장 기본적인 개념은 View와 ViewGroup 입니다.  1. 뷰 [ View ]     ※  뷰 ( View ) 는 앱 안에 들어가는 각각의 화면 구성 요소를 의미합니다.                § 안드로이드 앱에서 흔히 볼 수 있는 [ 버튼, 텍스트 ] 등의 UI 구성 요소가 모두 뷰에 해당됩니다.                § 뷰는 역할에 따라서 밑의 이름들로 부르기도 합니다.            ..

[ 앱 개발자 도전기 : 안드로이드 ]  Android 의 동작 원리.  ∇안드로이드의 동작 원리목 차1. 안드로이드 앱 번들2. 안드로이드 4대 구성요소3. 프로젝트 구조4. 안드로이드 앱 설치5. 안드로이드 앱 동작 순서   1. 안드로이드 앱 번들 [ Android App Bundle ] 안드로이드 앱은 4대 구성 요소들을 통합 관리하는 번들 * 패키지 개념이라고 할 수 있습니다 !안드로이드 앱은 번들 개념이기 때문에,  '앱을 실행한다' 라는 말은 개념과 조금 맞지 않긴 합니다.          ● 번들이란 ?               : 특정한 것들의 묶음이라는 뜻입니다.         ● 안드로이드 앱 번들 ?               : 앱의 모든 컴파일된 코드 및 리소스를 포함하며,  ..

[ 3D Web : Front_JavaScript ] 변수 호이스팅 : var / let / const의 차이점 정리.    ∇ 자바스크립트에서의  var/let/const의 차이점 5가지.목 차1. 중복 선언 가능 여부2. 재할당 가능 여부3. 변수 스코프 유효범위4. 변수 호이스팅 방식5. 전역 객체 프로퍼티 여부     ☆ 변수의 생성 과정.               1. 선언 단계               2. 초기화 단계               3. 할당 단계.     1. 중복 선언 가능 여부  ◎ var : 중복해서 선언( + 초기화 ) 가능합니다.                    = > 이 경우, 마지막에 할당된 값이 변수에 저장됩니다.                 = >> 기존에 선..

[ 3D Web : Front_JavaScript ] 자스 핵심 개념 - Getter & Setter 정리.   ∇ 자바스크립트에서의 Getter & Setter목 차1. 코딩에서 Getter & Setter 개념2. JS에서 Getter & Setter 2-1 접근자 프로퍼티 2-2 Getter & Setter 주의점 2-3 Object.defineProperty  1. 코딩에서 Getter & Setter 개념        ☆ " Getter 와  Setter " 는 '객체지향프로그램(OOP)'에서 사용되는 개념이며, 일종의 메서드라고 할 수 있습니다.                  ◎ 단어 그대로,                          " Getter"는 속성(Proper..

[ 3D Web : Front_JavaScript ] 자스 핵심 개념 - 데이터 타입 ( Data Type )     ∇ 자바스크립트에서의 데이터 타입(자료형)목 차1. 기본 타입2. 참조 타입  자바스크립에서의 자료형(Data Type)이란, 프로그래밍 언어로 조작할 수 있는 값의 유형을 말합니다.총 8가지 자료형이 존재하며, 자바스크립에서의 타입은 크게 기본 타입과 참조 타입으로 구분 가능합니다. 7가지 기본 타입(원시 타입)과 1가지의 참조 타입으로 구분합니다.  1. 기본 타입 (Primitive Type) = 원시값  ※ 원시 타입은 값이 생성된 후에 그 값을 변경 할 수 없습니다.          값을 복사하여 전달하는 pass by value 방식입니다.            ◎ 각 타입마다..

[ 3D Web : Front_JavaScript ] 자바스크립트 문법 총 정리판. - [2]   ∇ 자바스크립트 문법 총 정리 - [2]목 차1. 화살표 함수2. 타입을 확인하자 - typeof / instanceof / Object.prototype.toString3. Call by Value & Call by Reference4. computed property5. 전개 연산자6. 비구조화(구조분해)7. 넘버 메소드8. 문자열 메소드9. 배열 메소드10. 날짜 메소드11. 객체 메소드12. setTimeout()13. Promise14. async - await15. 클로저   1. 화살표 함수       - >  ' this ' 를 가지지 않습니다.              - >  argumen..

[ C.S 지식 정리 : 자료 구조 ] 자료구조와 알고리즘, '시간 복잡도' 에 대한 이해 (Big-O 표기법)   ∇ 자료 구조 : 시간복잡도에 대한 기초 지식 정리목 차1. Data(자료)란?2. 자료구조(Data Sctructure)란?3. 추상 자료형 ( Abstract Data Type )4. 알고리즘 ( Algorithm )5. 시간 복잡도 & 공간 복잡도6. 시간 복잡도 함수7. Big-O표기법 ( Big-O Notation )8. Big-O 표기법 특징9. Big-O 표기법의 수학적 정의10. Big-O 표기법의 종류 및 비교.11. Big-Ω & Big-θ 표기법12. Big-0 표기법 사용13. 최선, 평균 ,최악의 경우    1. Data ( 자료 ) 란?   facts and s..

[ Front_End  ] Front 면접 대비 Mark-Up & JS 정리 - [1]   ∇ Front 면접 대비 - [1]목 차1. HTML & CSS2. JavaScript  1. HTML & CSS  1. px, em, rem의 차이.        - px : 절대 단위로, 화면 크기나 부모 요소의 변경에 상관없이 고정된 크기를 유지합니다.                    주로 border 값에 사용됩니다.        - em : 상대 단위로,  부모 요소의 'font-size' 등을 기준으로 크기가 결정됩니다.                    예를 들어 font-size가 48px일때, 자식의 font-size가 1em이면 48px이 됩니다.        - rem : 상대 단위로, 루..

[ C.S 지식 정리 : 디자인 패턴 ] 디자인 패턴 : MVC 패턴이란?   ∇ 디자인 패턴 : MVC 패턴이란.목 차1. MVC란?2. MVC 패턴을 사용해야 하는 이유는?3. MVC 패턴의 의의.    ※ 디자인 패턴 중 하나인 "MVC 패턴"    "MVC 패턴"은 디자인 패턴 중 하나입니다.     "디자인 패턴"이란, 프로그램이나 프로덕트 등을 개발하는 과정에서 발생했던 문제점들을 정리해서                         상황에 따라 간편하게 적용해서 사용할 수 있는 것을 정리하여                          특정한 "규약(규칙)"을 통해 쉽게 쓸 수 있는 형태로 만든 것을 의미합니다.              이 디자인 패턴에는 스트래티지 패턴, 옵저버 패턴 등등 ..

[ C.S 지식 : 디자인패턴 ]  디자인 패턴 [ Design Pattern ]이란?   ∇ 디자인 패턴 [ Design Pattern ] 이란?목 차1. 디자인 패턴이란?2. 디자인 패턴의 장점3. 객체 지향의 특성과 설계 원칙 그리고 디자인 패턴4. 디자인 패턴의 종류    1.디자인 패턴 [ Design Pattern ] 이란?" 디자인 패턴 " 이란 개발을 진행하는 과정에서 발생하는  '반복적인 트러블 케이스' 들을 어떻게 해결할 것인지에 대한 해결 방안들로서, 실제 현업에서 비즈니스 요구 사항을프로그래밍으로 처리하면서 만들어진 다양한 해결책 중에서 많은 사람들이 그 효용을 인정한 모범 사례들입니다.  이러한 디자인 패턴은  "객체 지향 4대 특성 ( 캡슐화, 상속, 추상화, 다형성 ) 과 설..

[ C.S 지식 정리 ] CS 기초 지식 밑그림.  ∇ C.S 기초 지식 밑그림 그리기목 차1. 프로세스와 스레드의 차이2. 스크립트 언어와 컴파일러 언어의 차이점3. 동기와 비동기 장단점 비교4. DB에서 인덱스를 사용하는 이유와 장단점5. TCP, UDP 차이와 장단점6. 오버라이딩 vs 오버로딩7. 인터페이스 vs 추상화8. 디자인 패턴이란?9. MVC 패턴 설명10. 자료구조 & 알고리즘          1. 프로세스와 스레드 차이  ※  프로세스 : 운영체제로부터 자원을 할당 받아서 실행.                   = > 하나의 프로세스 안에서, 여러 스레드를 생성 가능.                        - > 보통 프로세스는 코드/ 데이터/ 스택/ 힙 / 메모리 영역을 기반으..

[ 3D Web : Front_JavaScript ] 자바스크립트 문법 총 정리판. - [1]   ∇ 자바스크립트 문법 총 정리.목 차1. 자바스크립트 타입2. getter & setter 3. label 문4. var, let, const5. 타입 변환6. null, undefined, NaN, infinity7. 배열8. Call & apply & Bind9. this10. 체이닝11. 예외처리.12. 아규먼트    1. 자바스크립트 타입.       ⓐ number, string, boolean       ⓑ object( function, array, data, regexp )       ⓒ null, undefined       ⓓ Symbol   2. getter & setter     § ..

[ 3D Web : Front_JavaScript ] 자바스크립트 중요 개념 간략 모음집. ∇ 자바스크립트 중요 개념목 차1. var, let, const2. 콜백 함수, Promise와 async-await3. 스코프(Scope)4. 클로저(Closure)5. 호이스팅(Hoisting)6. 원시 타입과 참조 타입7. 화살표 함수(Arrow Function)8. " this " 에 대해서9. call, apply, bind 메서드10. 실행 컨텍스트11. " 동기 " & " 비동기 "12. ES6에 추가 도입된 문법     1. var,  let ,  const      § 자바스크립트의 변수는 기본적으로,  '선언'이 이루어지고 나서 '할당'에 의해 '초기화' 됩니다.       § var , let..

[ Web & Mark UP ] CSS 기본 정리.  ∇ CSS 기본 정리.목 차1. CSS 문법 형식2. CSS 적용하기3. CSS 주요 문법 요약    ※ CSS의 기본 사항.        - CSS는 HTML과 함께 웹 표준의 기본 개념입니다.             ( 추후에 스타일컴포넌트, 테일윈드 등의 프레임워크로 변형 가능하기에 기본 개념을 숙지해야함.)         - HTML이 텍스트, 이미지, 표 같은 요소를 웹 문서에 넣어서 뼈대를 만드는 역할을 한다면,            CSS는 텍스트나 이미지, 배경의 크기나 배치 방법 등의 요소들을 활용해 디자인을 담당 합니다.            ⊙ 초창기 HTML은 style 속성을 통해서 태그를 꾸밀 수 있었습니다.            ..

[ 3D Web : Front_JavaScript ] JavaScript의 기본 개념을 빠르게 훑어보기.   ∑ JavaScript의 기본 개념.목 차1. JavaScript의 정의.2. JavaScript의 변수(Variables)3. JavaScript의 함수(Function)4. 생소한 수학 표현 정리5. 독특한 비교 연산자6. JavaScript의 배열(Array)   1. JavaScript의 정의.      웹 페이지의 구조를 정의하고 꾸미는 것은 HTML과 CSS 라는 것을 포스팅했었습니다.       그렇지만, HTML만 있다고 해서 웹페이지가 구동되지는 않습니다(상호작용 기능이 없는 단순한 페이지일뿐)       "JavaScript라는 언어는 웹 페이지와 상호작용 할 수 있도록 만들어..