![]()
실습 환경 - Google Colab자주 활용되는 판다스 예제¶In [47]:# 학습 전 실행: csv파일 (data.csv) 생성import pandas as pdimport numpy as npdata = { "메뉴":['아메리카노','카페라떼','카페모카', '바닐라라떼', '녹차', '초코라떼', '바닐라콜드브루'], "가격":[4100, 4600, 4600, 5100, 4100, 5000, 5100], "할인율":[0.5, 0.1, 0.2, 0.3, 0, 0, 0], "칼로리":[10, 180, 420, 320, 20, 500, 400], "원두":['콜롬비아', np.NaN, '과테말라', np.NaN, '한국', '콜롬비아', np.NaN], "이벤트가":[1..
![]()
실습 환경 - Google Colab판다스 기초2¶In [1]:# 학습 전 반드시 실행: csv파일 (data.csv) 생성import pandas as pddata = { "메뉴":['아메리카노','카페라떼','카페모카', '바닐라라떼', '녹차', '초코라떼', '바닐라콜드브루'], "가격":[4100, 4600, 4600, 5100, 4100, 5000, 5100], "할인율":[0.5, 0.1, 0.2, 0.3, 0, 0, 0], "칼로리":[10, 180, 420, 320, 20, 500, 400],}data = pd.DataFrame(data)data.to_csv('data.csv', index=False)In [24]:# 데이터 불러오기df = pd.read_csv('d..
![]()
실습 환경 - Google Colab판다스 기초1¶In [2]:# 학습 전 반드시 실행: csv파일 (data.csv) 생성import pandas as pddata = { "메뉴":['아메리카노','카페라떼','카페모카', '바닐라라떼', '녹차', '초코라떼', '바닐라콜드브루'], "가격":[4100, 4600, 4600, 5100, 4100, 5000, 5100], "할인율":[0.5, 0.1, 0.2, 0.3, 0, 0, 0], "칼로리":[10, 180, 420, 320, 20, 500, 400],}data = pd.DataFrame(data)data.to_csv('data.csv', index=False)라이브러리 불러오기¶In [3]:import pandas as pd..
![]()
01. 빅쿼리(BigQuery)란?BigQuery는 Google Cloud Platform(GCP)에서 제공하는 완전 관리형, 서버리스 데이터 웨어하우스이다. 이는 대규모 데이터 분석을 위한 빠르고 비용 효율적인 솔루션을 제공한다. 사용자는 SQL을 통해 데이터를 쿼리 할 수 있으며, Google의 인프라를 이용해 대량의 데이터를 신속하게 처리할 수 있다. Google BigQuery는 대규모 데이터 분석을 위한 강력한 도구로, 서버 관리의 부담 없이 데이터 분석에만 집중할 수 있도록 도와준다. 자동 확장성, 높은 성능, 다양한 통합 옵션 등 여러 장점을 통해 데이터 분석을 효율적으로 수행할 수 있다. 02. 특징사용자 입장에서 어느만큼의 성능 확보하고 데이터웨어하우스 운영하겠다는 접근이 아예 없는 형..
![]()
[개발환경]npm: 10.5.0Node.js: 18.20.2 00. 개요Create React App(CRA)를 사용하면 프로젝트 초기 설정이 매우 간단하고 빠르게 할 수 있다. 하지만 기본적인 설정을 제공하기 때문에 특정 작업이나 플러그인을 사용하려는 경우 커스터마이징 하기 어렵다. 또한, 모든 라이브러리를 포함하여 번들을 생성하기 때문에 번들 크기가 커진다는 점이 신경쓰였고, 무엇보다 직접 웹팩을 설정해서 개발환경을 구성해 보고싶었다. 01. 웹팩(Webpack)이란?웹팩은 JavaScript 애플리케이션을 위한 정적 모듈 번들러이다. 애플리케이션을 처리할 때 프로젝트에 필요한 모든 모듈을 매핑하고 하나 이상의 번들을 생성한다. 이는 개발과정을 단순화하고, 코드를 최적화하여 웹 사이트의 성능을 향상시..
![]()
리액트 개발 환경을 구성하는 여러 가지 방법이 있다. 가장 흔한 방법은 웹팩(Webpack)을 사용하는 것이지만, 그 외에도 Create React App(CRA), Parcel 등의 도구를 사용하여 개발 환경을 구성할 수 있다. 각 방법은 각자의 장단점이 있으며, 프로젝트의 요구 사항에 따라 적합한 방법을 선택할 수 있다. 웹팩을 선택한 경우처럼 세밀한 제어와 유연성이 필요하다면 웹팩을 사용하는 것이 좋다. 반면 간단하게 시작하고자 한다면 Create React App이나 Parcel을 사용하는 것도 좋은 방법입니다. 01. 웹팩(Webpack)을 사용한 개발 환경 구성장점유연성: 웹팩은 로더와 플러그인을 통해 다양한 자원을 번들링하고 처리할 수 있음커스터마이징: 설정 파일을 통해 세밀한 설정이 가능..
![]()
React 개발을 위해 14.16.1 버전에서 18.20.2 (LTS) 버전으로 업데이트 해보겠다. 01. nodejs 버전 확인node -v02. npm 캐시 제거새 버전은 이전 버전과 다른 파일과 기능을 포함할 수 있기 때문에 충돌을 피하고 새 버전의 기능을 올바르게 사용하기 위해서 캐시를 제거해야 한다. npm cache clean -f03. nodejs 버전 관리 모듈 n 설치하기nodejs 버전 관리 모듈에는 nvm과 n이 있다. nvm이 더 많은 기능과 설정을 제공하며 조금 더 복잡한 설치과정이 필요하다. n은 npm보다 단순하고 가볍다. nodejs 버전을 전환하는데 필요한 기능만을 간결하게 제공한다. n은 nodejs를 더 빠르게 설치하고 버전 간 전환을 더 간편하게 이용할 수 있어서 개인..
![]()
[리액트2부]고급주제와훅을 수강하며 공부한 내용을 정리하는 글 입니다.[리액트 1부] 만들고 비교하며 학습하는 리액트 (React) 강의 듣고 실습한 것은 github에 있습니다. 01. 1부 수업 요약1부 수업에서는 쇼핑몰 검색 화면을 만들면서 리액트 기본 개념을 익혔다. 준비편라이브러리 없이 바닐라 js로 어플리케이션 개발했다. 소개편리액티브와 가상돔 개념을 익혔다. react, react-dom, babel, jsx의 역할을 이해했다. 사용편 1리액트로 어플리캐이션을 다시 만들었다.컴포넌트, 상태, 이벤트 처리, 조건부/리스트 렌더링, 컴포넌트 생명주기 등 리액트의 주요 개념에 대해 이해하고 실습했다. 사용편 2여러 컴포넌트로 어플리케이션을 다시 설계했다. 역할에 따라 작은 컴포넌트 여러 개..
