본문 바로가기

TIL38

[React Native] 리액트 네이티브란, 리액트 환경 설정 - 에디터, node.js, iOS, Android React Native (리액트 네이티브)란? 리액트 네이티브는 페이스북에서 2015년에 공개한 오픈소스 모바일 애플리케이션 프레임워크이다. JavaScript로 개발이 가능하며 하나의 프로그래밍 언어로 IOS와 안드로이드 모바일 앱을 동시에 개발할 수 있는 크로스 플랫폼으로 무려, 페이스북, 디스코드, 스카이프, 인스타그램, 핀터레스트, 월마트 등 리엑트 네이티브로 개발 되었다. 리액트 네이티브 장점 - 쉬운 접근성으로 웹 개발자가 익숙한 자바스크립트나 리액트를 이용해 모바일 앱을 개발할 수 있다는 장점이 있다. - 자바스크립트로 코딩해서 한번에 Android와 iOS를 개발할 수 있다는 것도 장점이다. - 변경된 코드를 저장하기만 해도 자동으로 변경된 내용이 적용된 화면을 확인할 수 있는 Fast R.. 2023. 1. 10.
[JavaScript | Deep Dive] 01. 프로그래밍이란? 01. 프로그래밍 1. 프로그래밍이란? 프로그래밍은 컴퓨터에게 실행을 요구하는 일종의 커뮤니케이션으로, 0과 1밖에 알지 못 하는 컴퓨터가 실행할 수 있을 정도로 정확하고 상세하게 요구사항을 설명하는 작업이다. 요구사항을 설명하기 위해 요구사항(문제)를 이해하는 것이 우선되어야 하며 단순하게 분해하고 자료를 정리하고 구분해야 하며 순서에 맞게 배열하여야 한다. 또한 컴퓨터와 사람의 사고, 인지 방식이 다르기 때문에 컴퓨터의 관점에서 문제를 사고하고 해결 과제를 작은 단위로 분해하고 패턴화해서 추출하여야 한다. 1.2 프로그래밍 언어 문제해결의 주체인 컴퓨터가 이해할 수 있는 언어인 기계어로 명령어를 전달해야 하는데, 이런 기계어를 직접 명령하는 것은 어려우니 사람이 이해할 수 있는 약속된 구문(Synta.. 2023. 1. 9.
자바스크립트(JS) - this 키워드 this 키워드 this 키워드 메서드에 있는 객체를 가리킬 때 this 키워드를 사용한다. const cat = { name: "hwan", color: "grey", breed: "scottish fold", meow() { console.log(`${this.name} says MEOWWWW`); }, }; 위에서는 cat이라는 객체 전체를 가리킨다. 그러나 항상 this가 해당 객체를 가리키진 않는다 → this 값이 바뀔 수 있다. 사용된 함수의 호출 컨텍스트에 따라 값이 달라진다. ⇒ 함수를 호출하는 방법에 달려있다. 메서드에 **this.**특성을 쓰면 이 메서드가 정의하는 객체를 가리키게 된다. 아래의 코드에서 meow2에서 this는 cat을 가리키지 않는다. → 호출 컨텍스트의 차이 ⇒.. 2023. 1. 4.
자바스크립트(JS) - 메서드(Method) 메서드(Method) → JavaScript에서 함수는 Object 라고 한다. 메서드(methods)란? 메서드는 객체에 종속된 특성으로 함수에 포함되는 개념이다. 즉, 메서드는 객체에 속성으로 추가된 함수이다. 메서드 이름 앞에 점을 찍어 사용한다. 모든 메서드는 함수이지만 모든 함수가 메서드는 아니다. const myMath = { PI: 3.14159, sqaure: function (num) { return num * num; }, cube: function (num) { return num ** 3; }, }; 아래와 같이 function 키워드를 생략할 수 있음 const myMath = { PI: 3.14159, sqaure(num) { return num * num; }, cube(num.. 2023. 1. 4.
[FastAPI] FastAPI 사용법 쉬운 설명 / FastAPI 설치 및 FastAPI 서버 구동 / FileResponse, BaseModel FastAPI 란? [FastAPI] FastAPI란? / FastAPI 장점 및 특징 / FastAPI 2022년 기준 현상황 [FastAPI] FastAPI란? / FastAPI 장점 및 특징 / FastAPI 2022년 기준 현상황 FastAPI 란? 파이썬 3.6 이상에서 작동하는, 표준 파이썬 타입 힌트를 바탕으로 한, 현대적이고 빠른 API 서버 웹 프레임 워크이다. FastAPI 장점 및 특징 빠름: (Starlette과 Pydantic 덕분에) NodeJS 및 Go와 대 parkjh7764.tistory.com FastAPI 설치 및 사용 1. 파이썬 설치 Python 3.7+ 이상의 버전으로 파이썬을 설치해준다. 설치는 아래 링크를 참고하도록 하자. 파이썬(Python) 쉬운설치 파이썬(.. 2022. 11. 13.
[FastAPI] FastAPI란? / FastAPI 장점 및 특징 / FastAPI 2022년 기준 현상황 FastAPI 란? 파이썬 3.6 이상에서 작동하는, 표준 파이썬 타입 힌트를 바탕으로 한, 현대적이고 빠른 API 서버 웹 프레임 워크이다. 비교적 최근에 나온 프레임워크로, 릴리즈 노트로는 2019년 초에 발표를 하고 2018년에 처음 커밋을 했다. FastAPI는 Flask와 비슷한 구조를 가졌으며, 기본적으로 비동기식으로 작성되어 있어 I/O 병목현상이 자주 일어나는 웹 서버에서 빠른 성능을 보여준다. FastAPI 장점 및 특징 빠름: (Starlette과 Pydantic 덕분에) NodeJS 및 Go와 대등할 정도로 매우 높은 성능. 사용 가능한 가장 빠른 파이썬 프레임워크 중 하나. 빠른 코드 작성: 약 200%에서 300%까지 기능 개발 속도 증가. * 적은 버그: 사람(개발자)에 의한 에.. 2022. 11. 13.
[Android] 액티비티(Activity) 간의 통신 / 인텐트(Intent)로 데이터 주고 받기 / 액티비티 추가 생성하기 Activity - Activity 간의 이동 1. Activity 추가 생성하기 빈 액티비티를 생성해준다. New -> Activity -> Empty Activity New -> Kotlin Class/File 을 해도 된다. Activity의 이름은 원하는 것 아무거나 설정해준다. LayoutName은 자동으로 생성되며, Lancher Activity를 체크하게 되면 안드로이드 설정 파일 AndroidManifest.xml에 런처로 등록되어 프로그램 실행 시에 가장 먼저 호출되도록 설정이 된다. MainActivity와 함께 2개가 런쳐 액티비티로 설정이 될 경우 원하지 않은 액티비티가 실행될 수 있어 추가적인 수정이 필요하다. 2. 추가로 생성한 Activity에도 ViewBinding 적용 Vi.. 2022. 11. 11.
[Android] 인텐트(intent)란? / 컨텍스트(Context) /명시적 인텐트, 암시적 인텐트, 인텐트 필터 인텐트(Intent) 란? 인텐트는 직역하면 '의도'로, 개발자가 어떤 의도를 가지고 메서드를 실행할 것인지를 인텐트에 담아서 안드로이드에 전달하면 해당 인텐트를 해석하고 실행한다. 좀 더 자세히 말하면 액티비티를 실행하기 위해서는 단순히 컨텍스트가 제공하는 메서드를 호출하면 되는데, 이때 실행할 액티비티가 명시된 인텐트(Intent)를 해당 메서드에 전달해야 한다. 이렇듯 액티비티를 실행하려면 기본적으로 인텐트가 필요하지만, MainActivity는 특별한 설정을 하지 않아도 안드로이드에 자동으로 등록되고 실행이 가능하다. 그러나 새롭게 생성한 액티비티는 인텐트에 담아서 시스템에 전달하여야 실행이 가능하다. 새롭게 생성한 액티비티를 실행하기 위해 인텐트로 전달하는 순서는 아래와 같다. 새롭게 생성한 액.. 2022. 11. 10.
[Android] 뷰 바인딩(ViewBinding)이란? / 뷰 바인딩 설정 및 사용 방법 / ViewBinding findViewById 차이점 Activity와 Layout을 결합하는 대표적인 방법 1. findViewById - Android 초기부터 사용되었으며 별다른 설정없이 사용 가능하다. - 안드로이드 리소스를 관리하는 R 클래스를 통해 View를 찾는다. - 자동으로 형변환을 해주는 기능이 없어 직접 형변환을 해줘야 한다. - 연결된 Layout에 존재하지 않은 View여도 앱을 실행하기 전까지 오류를 발생시키지 않는다. 2. ViewBinding - 최근 가장 많이 사용되는 방법으로 XML 파일을 해석해서 객체로 변환한다. - 자동으로 형변환을 해주어 별다른 형변환을 할 필요 없다. - 연결된 Layout에 존재하는 View만을 가져올 수 있다. - 초기 설정이 필요하다. 3. DataBinding - XML 파일과 데이터를 직접 .. 2022. 11. 10.

티스토리툴바