본문 바로가기

전체 글85

[파이썬]Streamlit 활용(1) - 소개및설치 파이썬으로 개발하면서 기본적으로 사용하는 프로그램으로 Anaconda Jupyter-Notebook, pyCharm 등 다양한 프로그램을 사용하게 됩니다. 데이터에 대한 가공 및 분석에 파이썬 만큼 쉽고 다양한 활용성을 보여주는 언어는 없는 것 같습니다. 데이터분석이외 파이썬으로 웹어플리케이션 개발도 가능한데 Flask, FastAPI, django 와 같은 웹프레임워크를 활용하면 됩니다. 이번에 소개하는 Streamlit 은 머신러닝 및 데이터분석 결과를 쉽게 웹화면으로 보여주는 웹프레임워크 입니다. 기본적인 사용법 부터 실제 사용예시를 여러 포스트에 나눠서 소개하오니 Stremlit을 다양하게 활용하는데 도움이 되었으면 합니다. 1. Streamlit 안내 https://streamlit.io/ St.. 2024. 3. 5.
React배열데이터 가공 reduce, concat, slice, splice (2) 이전 포스트에 이어서 리액트 배열 데이터 가공시 활용도가 높은 함수인 reduce(), concat(), slice(), splice()에 대해 설명하고자 합니다. 1. reduce() reduce 함수는 JavaScript에서 배열을 순회하고 하나의 결과를 누적하는 데 사용되는 고차 함수입니다. reduce 함수는 인자로 콜백 함수를 받으며, 이 함수는 배열의 각 요소에 적용되며 중간 결과를 추적하는 누적기(accumulator)가 있습니다. reduce 함수의 기본 구문은 다음과 같습니다. array.reduce(callback, initialValue); callback: 배열의 각 요소에 대해 한 번씩 호출되는 함수로, 네 가지 인수를 받습니다. accumulator: 콜백의 반환 값들을 누적하는.. 2024. 1. 27.
React 배열 데이터 가공 - map,find,findindex,filter (1) 리액트에서 데이터를 가공할 때, 특히 배열에서 많이 사용하는 자바스크립트 함수에 대해 알아두면 도움이 되어 1, 2편 나눠서 정리해 봅니다. 실제 예시를 기반으로 어떻에 활용하는지 실제 개발하는데 도움이 되었으면 합니다. 이번 포스팅에서는 map, find, findindex, filter 에 대해 알아 보겠습니다. 1. map() JSX 문법을 사용하는 리액트에서는 배열로 된 데이터를 가공하는데 for문 대신 map() 을 사용합니다. 실사용에서 제일 많이 사용하는 함수로 사용하는데 주의점이 있습니다. JSX에서 자바스크리립트 구문은 { } 사이에 사용합니다. {items.map((item) => item)} 상기 예시는 items 배열에 있는 항목 하나씩(item) 꺼내서 리스트로 표출하는 예시로 기.. 2024. 1. 21.
무료 아이콘(icon) 활용하기 어플리케이션을 개발하다 보면 메뉴나 목록 보기, 버튼 등 다양한 기능들을 구현하는데 있어서 텍스트 보다는 간결하고 직관적인 아이콘을 사용하는 것이 더 UI 및 UX 측면에서 보면 보기 좋습니다. 일반 간단한 어플리케이션 개발에는 쉽게 적용할 수 있는 무료로 제공하는 사이트가 있어서 소개하고자 합니다. 앱 어플리케이션 개발에는 안드로이드는 구글이, iOS는 애플이 기본적으로 제공하는 아이콘들도 쉽게 적용해 볼 수있고, 웹 어플리케이션 개발의 경우 좀 더 개성있는 사이트 개발을 위해 좀 더 차별화된 아이콘을 사용할 수 있습니다. 물론 이러한 디자인된 아이콘의 경우 유료서비스로 제공하는 경우가 대부분이므로 참고하시기 바랍니다. 좀 더 쉽게 사용할 수 있는 사이트를 소개하고자 합니다. 1. 구글 머트리얼심볼 (.. 2023. 12. 29.
MongoDB에 데이터 일괄 업로드 하기(2) JSON 파일을 기반으로 MongoDB에 일괄 업로드 하는 방법에 대해 예시를 들어 설명하겠습니다. MongoDB 데이터베이스에 데이터를 입력하기 위해서는 다음과 같은 과정이 필요합니다. 단계별 과정을 구체적으로 보여드리겠습니다. 📌 설명하는 데이터 샘플은 이전 포스트의 내용을 참조 2023.12.21 - [자바스크립트(Javascript)] - MongoDB에 데이터 일괄 업로드 하기(1) MongoDB에 데이터 일괄 업로드 하기(1) 서비스 개발을 하기 위해 필요한 더미(Dummy) 데이터를 만들 필요가 있거나, 서비스용 데이터를 별도 입력 웹페이지를 만들어서 한 건씩 입력하는 것이 어렵기 때문에 초기 데이터 일괄 업로드 하 peter-codinglife.tistory.com 1. MongoDB Sc.. 2023. 12. 22.
MongoDB에 데이터 일괄 업로드 하기(1) 서비스 개발을 하기 위해 필요한 더미(Dummy) 데이터를 만들 필요가 있거나, 서비스용 데이터를 별도 입력 웹페이지를 만들어서 한 건씩 입력하는 것이 어렵기 때문에 초기 데이터 일괄 업로드 하는 방법에 대해 알려드리고자 합니다. 어떤 서비스를 기획하고 개발하여 제공하기 위해서는 서비스 특성에 따라 필요한 데이터에 대한 정의부터 진행하게 됩니다. 이번에는 정보성 서비스 제공을 위한 기초 데이터 생성 이나 개발용으로 더미 데이터를 만드는 방법을 예시를 들어 설명하겠습니다. 예시로 국내 여행정보를 소개하는 사이트를 만드는데 기초 데이터는 공공데이터포털 에서 가져왔습니다. 공공데이터포탈 가입 및 이용방법에 대해서는 별도 포스트에서 추가로 설명드리겠습니다. 1. 샘플 데이터 만들기 기초 데이터는 공공데이터포탈의.. 2023. 12. 21.
반응형