BGSMM

자바스크립트 예제: 텍스트에서 유튜브(YouTube) URL을 감지하고 해당 URL을 자동으로 플레이어로 전환

이 예제는 아래와 같이 게시판 등에서 글을 작성할 때 유튜브 주소를 추가하면, 해당 주소에서 유튜브 동영상 ID를 추출한 후 iframe 플레이어 형태로 변환합니다. 절차 1. 텍스트에서 유튜브 URL을 가져오는 정규표현식을 작성합니다. // 유튜브 URL 찾는 패턴 const youtubeUrl = /(http:|https:)?(\/\/...

DevLog, JavaScript

리액트(React): Redux-saga 기초 사용법 요약 (상태 관리시 부수효과 관리하는 미들웨어)

리액트(React): React Redux 요약 정리 redux-saga 깃허브 역할 redux-saga는 애플리케이션에서 일어나는 사이드 이펙트(side effects) (데이터를 불러오는 비동기 처리나 브라우저 캐쉬에 접근하는 행위들)을 쉽게 관리하며 효과적인 실행, 손쉬운 테스트 그리고 에러 핸들링을 쉽게 해준다.   특징 ...

DevLog, React.js

iOS 프로그래밍 예제(Swift): 마이크를 통한 소음 데시벨 감지 (마이크 권한 설정, 녹음 진행)

이 예제는 아이폰의 마이크를 통해 소리가 들어오면 dBFS(위키백과 링크)를 측정하여 조용한 상태인지, 소음이 있는지를 검사합니다. 먼저 마이크 권한을 물어보는 메시지에 대한 설정이 필요합니다. 다음 마이크 녹음을 진행하면서 dBFS를 측정하고, 이 값에 따라 소음이 어떤지 메시지를 나타냅니다. dBFS가 -50을 벗어나는 경우 조용한 상태, -10...

DevLog, Swift

ResReq.api 사이트로 빠르고 편리하게 Restful API 테스트하기

reqres.in 이라는 사이트를 이용하면, 별도의 서버를 만들거나 샘플 데이터를 생성하지 않고도 빠르고 편리하게 Restful API 환경을 마련할 수 있습니다.   특징 및 장점   아래는 공식 홈페이지에 소개되어 있는 서비스의 특징 및 장점입니다. 미리 데이터가 마련되어 있어 별도로 샘플 데이터를 만들 필요가 없습니다. 실제로 ...

DevLog, JavaScript

Firebase(파이어베이스): 실시간 데이터베이스를 Rest API 형태로 사용하기 + DB에 서버 시간 저장하기

Firebase(파이어베이스)에서 실시간 데이터베이스(Realtime Database)를 Rest API 형태로 사용하기 방법은 매우 간단합니다. 파이어베이스 접속 주소 뒤에 .json 확장자를 붙이면 Rest API 형태로 사용할 수 있습니다.   이 예제는 편의를 위해 별도의 규칙이나 유효성 검사가 설정되어 있지 않으며, 아래처럼 읽기 및 ...

Firebase

구글 스프레드시트에서 GOOGLETRANSLATE 함수를 사용하여 문장/단어 자동 번역

구글 스프레드시트에서는 잘 알려지지 않은 함수가 하나 있습니다. GOOGLETRANSLATE 라는 함수를 사용하면 구글 번역기를 이용하여 특정 셀에 있는 문장이나 단어를 자동으로 번역합니다. 다량의 외국어 데이터에 대한 초벌 번역이나 단어장 만들기용으로 활용도가 높습니다.   구문 GoogleTranslate(텍스트, 출발어, 도착어) ...

DevLog, etc