전체 글 18

자바스크립트 → 리액트

1 사용자 인터페이스 렌더링사용자가 웹 페이지를 방문하면 서버는 다음과 같은 HTML 파일을 브라우저에 반환한다. 그 후에 브라우저는 HTML을 DOM(문서 개체 모델)으로 구성한다 DOM이란? DOM은 HTML요소의 객체 표현 부모와 자식관계가 있는 트리 구조 사용자 이벤트를 수신하고 사용자 인터페이스에서 특정 요소를 선택, 추가, 업데이트, 삭제하여 DOM을 조작 스타일과 내용도 변경 가능 2 Javascript 및 DOM 메서드로 UI 업데이트 명령형 vs 선언형 프로그래밍 명령형: 단계적으로 접근("어떤 방법으로" 컴퓨터 화면에 페이지를 나타내야 하는지를 묘사) 선언형: 단계를 고려하지 않고 선언적으로 접근("무엇"이 나타나야하는지를 묘사) 속도를 높일 수 있어서 선호함 선언적 라이브러리 → 리액..

react 2022.06.05

[ADsP]

ADsP 자격증을 취득하기 위한 공부 ADsP는 데이터 분석 준전문가 자격증이다. 공부의 진행방식은 어렵다는 제3과목 먼저 진행하고 그다음 제1,2과목을 순차적으로 진행할 것이다. 시험은 가장 유명한 민트책으로 진행을 하고 이해하기 어려운 부분은 유튜브와 사전의 도움을 받아 진행을 할 것이다. ADsP는 R을 이용해서 시험문제가 출제된다. 데이터 분석 프래그래밍 언어는 Python과 R이 많이 사용된다. Python vs R 의 차이점 R은 통계 분석에 최적화되어있어 파이썬보다 더욱 자세하고 명료하게 분석 결과를 제공해준다. R은 수행속도 측면에서 파이썬에 비해 느리다. (빅데이터 분석에 치명적인 단점) Python은 AI 알고리즘을 구현하는 환경에 적합함 3과목 EDA (탐색적 자료분석) 데이터 특성 ..

python 2022.05.01

JSON Parsing

일전 공공데이터 포털에서 불러온 API를 Flutter에서 parsing 해보고자 합니다. 공공데이터 포털에서 API 사용하기 공공데이터포털에서 의약품개요정보(e약은요) API 활용하기 공공데이터포털 소개 공공데이터포털은 각 공공기관에서 수집한 공공데이터를 공개하여 개인이나 기업이 사용할 수 있도록 만든 페이지입니다. 공공데이터포털은 공공기관이 생성 또는 취득 today-devlog.tistory.com flutter 내에서 api를 호출하기 위해서는 우선 http 통신이 가능해야 합니다. 상단에 http 플러그인을 import 시켜줍니다. import 'package:http/http.dart'; async인 main 함수를 하나 선언하여 JSON 데이터를 받아오도록 합니다. void main() as..

flutter 2022.04.10

[기초 1-1] 리스트(function)

리스트란? 대량의 데이터를 저장할 수 있는 공간을 만들고 이 데이터를 손쉽게 처리할 수 있는 형태의 데이터 저장 구조이다. 리스트 : 변수들이 여러개 모여서 만들어진 형태임 리스트 클래스 : 리스트는 리스트 클래스의 의해 정의된다 리스트 요소 (array element) : 리스트에 저장된 데이터(실제 값) 프로그램의 데이터 저장 방식 변천사 변수 -> 배열(같은 타입의 대량으로 저장) -> 구조체(C언어 : 여러개의 데이터 타입이 하나의 배열에) -> 클래스(구조체 + 함수(기능)) 리스트 : 배열과 구조체의 장점 # 리스트 선언 및 초기화 scores = [] print("리스트 초기화 값 : ", scores) # append() 메서드를 통해 정수를 추가 scores.append(30) print..

카테고리 없음 2022.04.10

[기초 1-3] 함수(function)

1. Call by value vs Call by reference 값에 의한 호출(call by value) 값에 의한 전달(pass by value) 는 동일한 개념이다 함수를 호출할 때, 값이 복사가 되고 호출한 곳에 영향을 끼치지 않는다. 숫자 객체는 변경될 수 없는 immutable object이다. def change(num): num = num + 10 print("change()내의 num 값:", num) print("change()내의 num 주소(id):", id(num)) return num n = 100 #id()는 매개변수 값으로 객체를 받아서 그 객체의 고유한 주소값을 반환해주는 함수이다. print("호출 전 n의 주소(id):", id(n)) print("호출 전 n의 값"..

python 2022.03.27

Google 로그인 구현

프로젝트 설정 Firebase 사이트에 접속하여 새 프로젝트를 생성합니다. 프로젝트 생성 후 안드로이드 버튼을 선택하여 firebase를 설정합니다. firebase 생성시 디버그 서명 인증서 SHA-1을 입력해야 하는데 mac에서는 아래 명령어를 통해 출력된 SHA1을 입력해주면 됩니다. keytool -list -v \ -alias androiddebugkey -keystore ~/.android/debug.keystore 윈도우는 아래 링크를 참고하시면 됩니다. https://developers.google.com/android/guides/client-auth 다음으로는 json 파일을 해당 영역에 추가하고 SDK 설정을 해줍니다. 설정 완료 후 추가적으로 android - app - build...

flutter 2022.03.27

[Machine Learning] 머신러닝이란?

https://developers.google.com/machine-learning/crash-course Google에서 머신러닝 학습에 필요한 지식을 소개하는 단기 코스이다. 각 주제마다 영상 강의와 그와 관련된 구체적인 내용으로 학습을 도와주고, 머신러닝 문제를 맞추거나 직접 연습할 수 있는 과정을 제공한다. 머신러닝 이란 인공지능 > 머신러닝 > 인공신경망 > 딥러닝 인공지능의 기반 기술로 컴퓨터가스스로 데이터를 학습하여 새로운 데이터를 얻어 예측하는 기술 입력 데이터와 결과값(label)을 이용하여 모델(model)을 학습하고 이를 통해 새로운 데이터에 대한 결과값을 예측/추론 하는 것. 지도학습(Supervised Learning) 입력과 결과값(label)을 이용하여 학습한다. 분류(clas..

machine-learning 2022.03.20

[Jupyter Notebook] Pandas (1. Series/Dataframe/Index)

Pandas 파이썬에서 사용하는 데이터 분석 라이브러리 행과 열로 이루어진 2차원 데이터(엑셀..) 을 쉽게 다룰 수 있음 1. Series 1차원 데이터(정수, 실수, 문자열 등) Series 객체 생성 예) 1월부터 4월까지 평균 온도 데이터(-20, -10, 10, 20) temp = pd.Series([-20, -10, 10, 20]) print(temp) #result 0 -20 1 -10 2 10 3 20 dtype: int64 Series 객체 생성(Index 지정) temp = pd.Series([-20, -10, 10, 20], index = ['jan', 'feb', 'mar', 'apr']) print(temp) #result jan -20 feb -10 mar 10 apr 20 dt..

python 2022.03.20

Typescript 태그된 유니온 적용에 대하여

1. 태그된 유니온? 이펙티브 타입스크립트 책을 공부하면서, item 32 유니온의 인터페이스보다는 인터페이스의 유니온을 사용하기 파트에서 볼 수 있습니다. 아래와 같은 인터페이스가 있습니다. interface Layer { layout: FillLayout | LineLayout | PointLayout; paint: FillPaint | LinePaint | PointPaint; } layout 이 LineLayout 이면서 paint 속성이 FillPaint 타입인 것은 다소 잘못된 설계 방식을 의미합니다. 이러한 조합을 라이브러리에서 허용한다면, 분명 오류가 발생할 여지를 제공하는 것이며, 이는 인터페이스를 다루는데 있어 많은 어려움을 야기시킵니다. 이를 개선하기 위해선 아래와 같이 각각 타입의 ..

typescript 2022.03.20

Splash 이미지 생성 / 변경 / 제거하기 (flutter_native_splash)

앱 구동 확인이 완료된 다음 앞으로 개발할 앱에 맞춰서 Splash 이미지를 생성/변경/제거하도록 하겠습니다. flutter_native_splash 플러그인 설치 및 설정 Flutter 플러그인 중에 flutter_native_splash라는 플러그인이 있습니다. https://pub.dev/packages/flutter_native_splash 이 플러그인은 splash 이미지를 쉽고 빠르게 만들어주는 플러그인으로 만약 사용하고 있지 않다면 사용하는 것을 권장드립니다. 사용법은 굉장히 쉽습니다. 우선 플러그인을 설치합니다. flutter pub add flutter_native_splash --dev 설치 후 pubspec.yaml 파일 맨 아래에 아래와 같이 작성을 해줍니다. flutter_nati..

flutter 2022.03.17