전체보기

1. react-native-google-adsexpo 앱에 google admob을 추가할 때 expo-ads-admob 라이브러리를 사용했지만, Expo SDK 46을 기준으로 더 이상 지원하지 않습니다.현재 포스팅일(2024.10) 기준 Expo SDK 버전은 51입니다.@Expo Versionhttps://github.com/expo/expo-ads-admob GitHub - expo/expo-ads-admobContribute to expo/expo-ads-admob development by creating an account on GitHub.github.com 공식 문서에서 추천하는 react-native-google-mobile-ads 라이브러리를 사용할 것입니다.https://githu..

1. 스케줄러매일 아침 같은 시간에 알람이 울리는 것처럼 서버에서도 정해진 날짜, 요일, 시간에 특정 기능을 해야 할 경우가 있습니다.개발 서버를 예로 들면, 정기적인 백업, 주문 재고 알림, 가격 변동, 구독 계정 활성화/비활성화 등 특정 시간에 한 번만 실행이 되거나 주기적으로 실행이 될 필요가 있는 기능들이 있습니다.이를 위해 필요한 것이 서버 스케줄러인데, 오늘은 제목에서 알 수 있듯이 JavaScript 파일을 Linux에 기본 내장된 기능인 cron 스케줄러에 등록해 보겠습니다. 2. cronhttps://help.ubuntu.com/community/CronHowto CronHowto - Community Help WikiIntroduction Cron is a system daemon us..

지난번에 gesture handler, reanimated 라이브러리를 사용해 top sheet를 직접 구현해 보았는데, 오늘은 top sheet가 확장/축소 됐을 때 다른 컨텐츠를 보여주고 하단에 자연스럽게 스크롤이 생기게 적용했다. 1. 컨텐츠 배치top sheet 아래 부분에 메인 컨텐츠가 표시되어야 하므로 Section 컴포넌트를 ScrollView로 묶어주었다.   현재 상태(top sheet가 축소된 상태)에서는 Section에 스크롤이 생기지 않는다.하지만 확장되면 늘어난 top sheet의 높이만큼 스크롤이 생긴다.    2. 확장/축소 컨텐츠위 사진처럼 서로 다른 컨텐츠를 자연스럽게 변환하기 위해 몇 가지 기능을 추가해야 했다. 2-1. useSharedVa..

회사에서 진행하는 Kotlin 앱을 React Native로 컨버팅 하는 프로젝트 진행 중 기획 단계가 끝나고 어떤 라이브러리를 사용할지 설계 중이었다. 기존 앱의 메인 페이지에는 상단에 드래그 가능한 Top Sheet가 구현되어 있는데, 열심히 찾아보아도 RN에선 Botton Sheet 라이브러리만 있을 뿐 원하는 Top Sheet 라이브러리는 없었다. # 가장 많이 사용하는 Bottom Sheet 라이브러리https://ui.gorhom.dev/components/bottom-sheet/ React Native Bottom Sheet | Gorhom UIA performant interactive bottom sheet with fully configurable options 🚀ui.gorhom.d..

웹 스크래핑을 할 때 일반적으로 많이 사용하는 언어는 아마 파이썬일 것이다.다른 언어에 비해 배우고 쉽고, 웹 스크래핑에 특화된 라이브러리들이 많기 때문일 것이다. 그러나 JavaScript에 익숙한 사람이라면 새로운 언어를 배우지 않고 node 환경에서 웹 스크래핑을 하는 것도 좋은 선택지라고 생각한다. https://blog.apify.com/web-scraping-javascript-vs-python/ Web scraping in JavaScript vs. PythonLearn how to choose the right tools for web scraping in 2024.blog.apify.comJavaScript is rightfully referred to as the language of ..

https://rising2024.rocketpunch.com/ 라스콘4 - Rising to Global 🚀FAQ 🧐rising2024.rocketpunch.com라이징 스타트업 콘서트는 로켓펀치에서 주관하는 컨퍼런스다.트랙 A와 B로 나누어 신청을 받았고 운 좋게 트랙 A에 당첨되어 참석할 수 있었다.  1. 인공지능 세상을 만드는 AIoT : 혁신 기술과 실용 사례Assistant Professor / Director of Smart Communities and IoT Lab - 김정윤 1. AIoT a. 기존의 인공지능과 사물인터넷을 융합한 기술2. AIoT의 장점 a. 초연결성, 초지능성, 초융합성 모든 사물이 사람과 연결되고, 인간의 사고 능력을 뛰어넘는 인공지능을 활용하여, 기존 기술로는..

매주 약 18만 개의 숫자 조합을 생성하고 DB에 저장해야 하는 업무가 있다. Kotlin으로 짜인 앱에서 숫자 조합을 생성 요청을 보내면 서버에 있는 PHP 코드가 해당 로직을 확인한 뒤 숫자 조합을 생성하고 DB에 저장하게 된다. 하지만  요구사항에 실시간으로 스크래핑한 후 몇 가지 알고리즘 조건을 지켜야 했기에 18만 개의 조합을 모두 DB에 저장되기까지 약 4시간 정도의 긴 시간이 걸렸다. 앞으로 계속 사용해야 할 코드이기 때문에 Javascript로 컨버팅하기로 했다. 1. cheeriohttps://cheerio.js.org/docs/intro Welcome to Cheerio! | cheerioLet's get a quick overview of Cheerio in less than 5 mi..

개발에 입문할 때 처음 배웠던 프로그래밍 언어가 Javascript였기 때문에 백엔드 작업이 필요할 때 같은 문법을 사용하는  Node 환경을 사용해 왔다.그렇기에 Java, PHP, Ruby 같은 다른 언어를 공부하거나 볼 수 있는 기회가 없었다. 하지만 현재 회사에서는 PHP를 사용했기 때문에 Flow chart 확인 및 유지보수 그리고 추후 리펙터링과 Node.js로 컨버팅 하기 위해 느꼈던 점을 작성하고자 한다. 1. 호출 방식PHP const registerUser = () => { axios.post('http://localhost/register.php', registerInfo) .then(response => { console.log(response); ..

그동안 React로 CSR 방식의 프로젝트만 구현했었는데, SSR 방식을 알아보던 중 React 문법을 사용할 수 있는 Next.js를 직접 사용해 보면서 어떤 차이점이 있는지 알아보고 싶어 간단한 애플리케이션을 구현해보았다. 1. 애플리케이션 생성https://nextjs.org/docs/getting-started/installation Getting Started: Installation | Next.jsCreate a new Next.js application with `create-next-app`. Set up TypeScript, styles, and configure your `next.config.js` file.nextjs.org기존에 React로 생성할 때 CRA(create-reac..