플러터(Flutter) 데이터 저장하는 방법 - 로컬 데이터베이스

안녕하세요. 오늘은 플러터로 앱을 개발하면서 꼭 필요한 데이터 저장에 대해 알아보려고 합니다. 데이터 저장 방법은 여러 가지가 있지만, 이 글에서는 가장 많이 사용되는 세 가지 방법인 Shared_Preferences, SQLite, path_provider 패키지를 사용해서 각각 예제를 만들어볼게요! 1. Shared Preferences 간단한 데이터를 저장하기에 적합한 방법이에요. 키(Key)와 값(Value)의 쌍으로 이루어진 작은 정보들을 저장하고, 사용자 설정이나 로그인 정보 같은 간단한 데이터를 저장할 때 자주 사용된답니다. 가볍고 빠르게 데이터에 접근할 수 있는 장점이 있어요. 단점: 매우 간단한 데이터 저장 방식이기 때문에, 복잡한 데이터 구조를 저장하거나 관리하기에는 부적합해요. 또한,..

• format_list_bulleted 개발 이야기/Flutter 이야기
• · 2023. 5. 17.
• textsms

자바스크립트 예제로 배우는 정규식(regex) 패턴

안녕하세요. 오늘은 프로그래밍에서 문자열을 처리하거나 검증할 때 정말 중요한 정규식(Regular Expression)에 대해 알아볼게요. 정규식은 간단한 표현으로 복잡한 문자열 패턴을 다룰 수 있는 도구로, 프로그래밍의 다양한 영역에서 활용되고 있죠. ​ 이번 포스팅에서는 대부분의 프로그래밍언어에도 사용되는 일반적인 정규식 패턴을 다루지만, 자바스크립트 기반으로 예제를 통해 기본 개념을 알아보고, 사용법을 익혀볼 거예요. 그전에 자주 사용되는 정규식 패턴 예제부터 알아보고 갈게요! ​ 자주 사용되는 정규식 패턴 예제 ​ 이메일 주소 검증하기 function isValidEmail(email) { // 이메일 주소에 대한 정규식 let emailRegExp = /^[a-zA-Z0-9._%+-]+@[a-z..

• format_list_bulleted 개발 이야기/Javascript 이야기
• · 2023. 5. 14.
• textsms

플러터(Flutter) 앱 로딩중 이미지, 로딩바 구현하기

안녕하세요. 오늘은 플러터에서 로딩바를 만드는 방법에 대해 알아볼게요. 로딩바는 사용자가 데이터나 페이지를 기다리는 동안 보여주는 이미지예요. 쉽게 말해 로딩 중임을 나타내는 ui요소인데요. 구현하는 방법은 여러 가지가 있지만 이번 시간에는 쉽게 구현이 가능하고, 다양한 로딩 애니메이션이 제공되는 오픈소스 패키지 flutter spinkit을 사용할 거예요. ​ flutter spinkit은 모양, 크기, 색상 등을 설정할 수 있고, 애니메이션 속도도 조절이 가능해요. 또한 외부 파일에 의존하지 않고 앱에서 독립적으로 애니메이션을 생성하기 때문에 움직임이 부드럽고 이미지 파일을 불러오는 것보다 빠르고 효율적이죠. 이제 실제로 플러터 앱에 적용을 해볼게요. pubspec.yaml 파일에 flutter_sp..

• format_list_bulleted 개발 이야기/Flutter 이야기
• · 2023. 5. 13.
• textsms

블로그 순위 확인하는 자바스크립트 만들기

안녕하세요. 저번 시간에는 웹 스크래핑으로 네이버 블로그의 게시글 가져오는 법을 배웠는데요. 그 데이터들을 사용해서 내 글이 몇 번째에 검색되는지 순위를 확인하는 코드를 만들어 볼 거예요. 이번 시간에도 브라우저의 개발자도구 콘솔을 사용합니다. 시작하기 전에 준비할게 하나 있는데요. 바로 네이버 검색 API입니다. 아래 네이버 개발자 센터를 통해 1분이면 발급이 가능합니다! 네이버 검색 API 발급받기 검색 - SERVICE-API 검색 NAVER Developers - 검색 API 소개 웹, 뉴스, 블로그 등 분야별 네이버 검색 결과를 웹 서비스 또는 모바일 앱에서 바로 보여 줄 수 있습니다. 또한 ’OO역맛집’과 같은 지역 검색을 할 수도 있으 developers.naver.com 1. 오픈 API ..

• format_list_bulleted 개발 이야기/Javascript 이야기
• · 2023. 5. 12.
• textsms

자바스크립트로 웹스크래핑 하는 방법

안녕하세요. 오늘은 자바스크립트(JavaScript)로 웹 스크래핑(Web Scraping) 하는 방법에 대해 알아볼 거예요. 웹 스크래핑이란 웹 페이지에 있는 정보를 추출하는 과정이에요. 웹페이지는 HTML로 작성되어 있는데 웹 스크래핑을 통해 HTML 코드에서 우리가 원하는 정보를 찾아낼 수 있답니다. 웹 스크래핑은 서버 사이드 언어를 사용해서 수행하는 것이 일반적이에요. 하지만 프로그래밍에 필요한 소프트웨어 설치와 설정 과정이 복잡하기 때문에 오직 인터넷 브라우저만 있으면 바로 수행할 수 있는 자바스크립트로 알아보도록 할게요. 1. 아래와 같이 메뉴로 이동하거나, F12 키를 눌러서 개발자 모드를 활성화합니다. 2. 개발자 모드에서 아래 빨간 네모칸의 콘솔 모드 탭을 선택합니다. 콘솔 창만 띄우면 ..

• format_list_bulleted 개발 이야기/Javascript 이야기
• · 2023. 5. 11.
• textsms