#추적

1시간 안에 네이티브로 웹사이트를 iOS 및 Android용 네이티브 모바일 앱으로 변환하세요.

비즈니스용 모바일 앱을 만드는 데 얼마나 비용이 들까요? 제 경험상, 안드로이드와 iOS 앱을 개발하려면 최소 1만 달러부터 시작합니다. 하지만 한 달에 단 35달러로 모바일 앱을 만들 수 있는 매우 효과적인 방법이 있습니다. 혼자서도 할 수 있고, 팀을 고용할 수도 있는데, 이 방법은 몇 개월이 아닌 며칠 만에, 수천 달러가 아닌 수십 달러로 가능합니다. 제가 말하는 것은 Natively입니다. 이 서비스는 어떤 웹사이트나 웹 애플리케이션도 손쉽게 네이티브 앱으로 변환해 줍니다. 귀하의 웹사이트/웹 앱이 JavaScript 프레임워크로 구축되었든, Bubble, Webflow, Wix, WordPress, Shopify와 같은 노코드 플랫폼을 활용하든, Natively는 모바일 앱으로의 전환을 매끄럽고 간단하게 만들어 줍니다. Natively의 사용은 매우 간편합니다. 사용자 친화적이고 자동화된 프로세스로 인해 기술적 전문 지식 없이도 누구나 몇 분 안에 앱을 만들 수 있습니다. Natively는 푸시 알림, 헬스 키트, 위치 추적, 카메라, 갤러리, 인앱 결제 등 다양한 네이티브 모바일 기능을 설정할 수 있게 해줍니다. 그리고 새로운 기능이 지속적으로 추가되고 있습니다. 1년 전 처음 출시된 이후로 Natively 덕분에 800개 이상의 애플리케이션이 App Store와 Google PlayMarket에서 성공적으로 자리 잡았습니다. Natively의 웹사이트, 리뷰 및 사례는 여기에서 확인하세요: https://www.buildnatively.com/ 오늘날의 디지털 시대에서 네이티브 애플리케이션을 보유하는 것은 사용자를 끌어들이고 유지하는 데 필수적이며, 비즈니스 성장에 큰 도움이 됩니다. 그래서 저는 Natively가 특히 무료로 시작할 수 있다는 점에서 꼭 시도해볼 가치가 있다고 믿습니다. 🌍

실무 앱 개발자 포지션 질문 드립니다

안녕하세요. 이번에 금융권으로 이직하게 되면서 프로젝트에 참여하게 되었습니다. 새로운 앱을 런칭하는 프로젝트인데 앱 개발에 대한 이슈 해결과 매니징하는 포지션입니다. 하이브리드 앱이고 네이티브 역할이 크지는 않으나 앱 개발 자체를 놓은지 오래되어 낯설고 최신 트랜드에 대한 감각이 아직 없는 상태입니다. 주로 수행사 앱 개발자와 커뮤니케이션 할 일이 많을 것 같은데 제가 현재 포지션일 때 어떤 공부를 하면 좋을지, 또한 최신 앱 트랜드를 추적하기 용이한 사이트가 있는지 알고 싶습니다.

프론트엔드 테스트에서 단위,통합,E2E 중 하나만 해야한다면 무엇을 해야할까요

안녕하세요. Nextjs를 사용하는 프론트엔드 신입 개발자입니다. 새 플젝을 시작하면서 테스트를 도입하려고 하는데 단위->통합->E2E 전체를 다 하기엔 시간적, 인력적 여유가 없을거같아 셋 중 하나만 채택하기로 결정되었습니다. 이런 경우 어떤 테스트를 진행해야 할까요? 현재 동료와 의견이 갈리고 있습니다. (컴포넌트 UI 테스트는 스토리북을 도입할 예정입니다) 동료의견 : 테스트에 많은 시간 할애할 수 없으니까 통합테스트를 하자. 단위는 작성할 코드가 많아서 시간이 오래걸릴거같다. E2E는 단위,통합 이후 부가적으로 진행되어야 하는거지 'E2E만' 하는건 제대로된 테스트가 안될거같다. 이런측면을 고려했을 땐 '통합테스트'만 하는게 좋을거같다 제 의견 : E2E에 대한 의견은 공감한다. 그런데 테스트에 들어가는 노동력을 최소화 하려면 오히려 단위테스트를 진행해야 할거같다. 통합테스트는 여러 기능이 유기적으로 얽혀있는 테스트 코드를 작성해야하니 오히려 테스트코드 작성에 시간이 더 오래 걸릴수도 있을거같다. 그리고 테스트 과정에서 문제가 발생하더라도 어느 기능이 문제인건지 추적하려면 단위테스트보다 훨씬 시간이 걸릴거같다. 사실 회사마다, 개발자마다 의견이 다른건 알고 있습니다! 하지만 저희가 시니어나 중간급 개발자가 없는 입장이라 조언을 구할곳이 없어 여기에 질문해봅니다. 감사합니다.

강의 재생시간 실시간 업데이트 방식이 궁금합니다.

저는 현재 강의 서비스 프로젝트를 만들어보는 중입니다. 강의 영상은 youtube에서 제공하는 iframe api로 가져와 임베딩하고 있고 영상을 재생 중일 때만 setInterval을 통해 1분마다 재생 시간이 올라가도록 구현하였습니다. 재생 시간을 추적하는 이유는 영상을 다 시청했는지를 확인하기 위함입니다.(예. 20분 영상을 최소15분 이상 재생했는지 확인) 요구사항은 사용자가 해당 페이지에 나갔다 들어오더라도(혹은 외부 디바이스를 통해 들어오더라도) 이전까지 시청했던 재생 시간을 복구하여 해당 값부터 재생 시간을 계산하도록 하는 것입니다. 우선 제가 사용한 방식은 setInterval 을 통해 1분마다 state가 초기화를 시키되 곧바로 서버에 POST 요청으로 해당 사용자의 재생시간을 업데이트 시키는 방식입니다. 여기서 궁금한 점은 이러한 방식으로 진행하는 것이 맞는지, 아니라면 맞는 방식은 어떤 것인지입니다. 1분마다 서버로 요청이 가는 것이 아무래도 서버에도 DB에도 부하가 많이 가지 않나 싶어서 질문드립니다.

mvc, flux 패턴의 차이점

flux 아키텍쳐에 대해 공부를 하던 중 제가 이해한 바가 맞는지 궁금하게 되어 질문드립니다. 처음 서치를 시작했을 때는 각 장단점을 얘기하였을 때 mvc 패턴 : 양방향 데이터 플로우로 인해 큰 규모의 프로젝트에서는 다수의 model, view 가 뒤섞여 어디서 데이터가 수정되었는지 추적이 어렵고 의도하지 않은 사이드 이펙트가 발생할 수 있다. flux 패턴 : 단방향 데이터 플로우를 강제하여 상호작용으로 인해 어떤 데이터가 수정되고 그로 인해 영향을 받는 view 를 파악하기가 쉽다. 는 것이 제가 얻은 중론이였습니다. 하지만 mvc 패턴 또한 view 상호작용 > controller > model 수정 > view 데이터 반영 으로 단방향 플로우를 가지는 것이 아닌가? 라는 생각이 들었습니다. 추가적인 서치 후 최근 mvc 패턴은 초기 아키텍쳐를 그대로 반영하지 않으며, 그 이름으로 불리는 mvp, mvvm 패턴을 뜻하는 경향이 있다. 해당 파생 아키텍쳐에서는 model < - > view 사이 양방향 데이터 플로우가 만들어져 규모가 커질수록 복잡도가 증가하게 되었다는 정보를 알게되었습니다. flux 패턴은 오히려 초기 mvc 패턴의 단방향 플로우를 강제하여 데이터 추적 및 이해를 쉽게하였다고 보는 것이 맞는 것인지 앞서 말한 것들이 제가 제대로 이해한 것인지 선배님들이 답변을 주시면 정말 감사하겠습니다.

웹빌더에 만들려면 무엇을 해야할까요? (feat.SEO최적화)

우리가 자주쓰는 노코드툴은 개발자가 아니라도 쉽고 빠르게 웹페이지를 만들어주거나, 업무공간을 만들어주거나, 나만의 컨텐츠를 보여주는데 사용되곤 합니다. 너무나 잘 알려져 있는 워드프레스, 우커머스, 카페24, 노션, 아임웹, WIX, Softr, 네이버스마트스토어 등등..형태도 구성도 컨셉도 다양합니다. 홈페이지, 쇼핑몰, 웹이력서 등을 만드는 것은 이제 파워포인트로 발표자료 만드는것 이상으로 쉬어졌습니다. 사이트를 쉽게 만들어 주는 이러한 빌더를 만들기 위해서는 무엇을 먼저 고려해야 하고 어떤 환경이 만들어져야 할까요? 이 질문을 하는 이유에는 이러한 배경이 있습니다. 웹사이트를 만드는 것은 중요하지만 알리는 것도 그만큼 중요합니다. 또 어떤 사람들이 우리 사이트에 관심이 있는지 아는 것도요. 그래서 각 웹빌더를 만든 후 SEO최적화라던가, 방문추적은 어쩔 수 없이 구글애널리틱스를 연동하거나 구글/네이버 검색노출에 등록해야 합니다. 사용자 입장에서 이를 수동으로 찾아서 등록하거나, 사이트가 포털사이트에 노출이 잘되게 세팅하는 방법에 막막함을 느낀다는 생각이 들었습니다. 그래서 카페24나 아임웹, oopy같은 곳에서는 검색노출 여부를 간단하게 세팅할 수 있는데 이것은 어떤 구조로 개발 구현이 되었을 지 궁금했었습니다. 사이트를 만들기 위해 들어온 회원(사용자)별로 각각 도메인이 만들어질테고, 그 도메인별로 SEO를 최적화 하는데 웹빌더에서 구축해야 하는 환경들은 무엇이 있어야 할까요? 질문이 길어졌지만, 늘 궁금했던 것들이었기에 SaaS나 빌더쪽 개발 구현하셨던 분들 중에서 답변 주시면 정말 감사하겠습니다.

유저 디바이스 알림 허용 여부를 추적하는 방법

안녕하세요! 앱 서비스 그로스 마케터(PM)으로 일하고 있는 비개발자입니다. 저희 앱은 React Native 프레임워크에 Node.js 언어를 사용 중인데요! iOS, Android 각 유저의 Push 알림 허용 여부를 추적하여, 알림을 허용하지 않은 유저가 특정 트리거를 만족시켰을 때 알림 허용 유도 팝업을 띄우고 싶습니다. 저희 개발자분이 알림 허용 여부 추적 방법을 잘 찾으실 수 있도록 도와드리고 싶은데, 혹시 간단한 가이드가 있을까요? 긴 글 읽어주셔서 감사합니다.

사용자 행동 추적? log?

서비스에서 Log를 저장을 해 - 사용자들이 어떻게 행동을 했고 - 어디서 무엇을 하다가 에러가 났는지 - 서비스 이용하다 나는 결제를 했는데 상품이 안 왔다 하면 진짜 이 사람이 결제를 한 것인지 등등 log를 분석해서 고객을 관리하는데 이걸 순수하게 직점 log로 적어 저장을 하고 있어요 문제가 생기면 기간의 log를 다 다운로드해 고객 번호로 글을 다 읽고 있는데요 ㅠㅠ (눈이 아파요, 시간도 오래걸리고요) 이걸 자동으로 해주는 프로그램이 있을까요? 찾아보니 잘 안 나오더라고요 ㅠㅠ 만약 답변이 없으면 직접 만들 생각인데 ㅠㅠ 정말 눈이 너무 아파서요 ㅠㅠ log 분석, 사용자 행동 추적 이거 있는 것 같은데 무엇인지 모르겠네요 ㅠㅠ

디버깅, 코드추적을 연습할수있는 곳이 있을까요?

안녕하세요 웹개발 1년차 신입입니다. 이제 1년차가 되었지만 제품시스템 파악도 다 못했고 하는 일은 간단한 수정작업 뿐입니다. 어느날 무언가를 개발하라는 업무를 받으면 어떻게 해야할지 너무 막막하네요. 주변 선배들에게 조언을 구했는데 일단 디버깅, 코드 추적 연습을 많이 하라하시네요. 개인적으로 연습해보고싶은데 회사 코드를 가지고 나갈수는없으니 혹시 디버깅 연습을 할수있는곳이 있나 궁금해서 질문드립니다.

iOS 갤러리 권한 관련해 질문드립니다.(미디어 라이브러리에 저장된 정보를 외부에 공유할 때)

우선, 저는 개발자는 아니고 주니어 기획자인점 미리 밝힙니다. 개발 관련한 지식이 부족해 이렇게 도움을 구합니다..;; 현재 앱에서 특정 활동을 완료하면 영상 콘텐츠를 만들어 고객에게 제공중에 있습니다. 앱 내에서 해당 콘텐츠를 표출하기 위해 CDN 서버에 업로드 된 영상의 url(스트리밍 아니고 로컬에 다운로드하는 url)을 통해서 앱에 정보를 표출하고 있는 상황입니다. 콘텐츠를 표출하기 위해 만들어진 특정 페이지의 경우 다음과 같은 기능을 제공합니다. 1. 영상 재생 2. 영상 다운로드 3. 영상 공유 영상 공유시에는 CDN에서 제공하는 url이 스트리밍을 위한 url이 아닌 관계로 공유를 위한 버튼을 클릭함과 동시에 로컬에 영상을 내려받고 로컬에 저장이 완료되면 그때 공유를 진행할 수 있도록 구성되어 있습니다. 문제는 안드로이드는 이러한 과정이 정상적으로 진행되어 사용자가 콘텐츠를 공유할 수 있는데, ios는 불가하다는 점입니다. 이러한 과정이 불가한 이유에 대해 확인해보니(내부적으로), CDN 서버에서 제공하는 URL을 통해 영상을 내려받아야 하는데 안드로이드는 갤러리에 대한 접근 권한을 열어주지만, ios는 접근 권한을 열어주지 않는다고 하네요. 제 입장에서는 이해가 가질 않아 Apple에서 제공하는 정보를 확인해 보았으나, 그 어디에도 App에 대한 사용 권한(개인정보추적, 연락처, 갤러리, 카메라 등)을 이미 허가한 상태라면 관계가 없다는 정보만 확인할 수 있었습니다. apple photokit 문서에도 해당 kit을 활용하면 앱에서 로컬 디바이스의 미디어 라이브러리에 접근할 수 있고 이때, 사진 편집을 비롯해 공유 앨범에 대한 접근(이 경우 사용자 본인이 아닌 다른 사용자가 업로드 해둔 미디어까지도 앱이 열람할 수 있는 셈으로 생각되는데..)도 가능한 것으로 나와있다보니 계속 머리만 복잡해지더라구요..;; 혹시 제가 Apple의 개인정보 지침 관련해서 놓치고 있는점이 있는지(가령, A앱에서 B앱으로 공유할 경우 제3자에게 사용자의 정보가 공개되므로 불가능하다거나하는..) 궁금합니다.. 횡설수설이지만, 혹시나 찰떡같이 알아듣고 어느정도 실마리라도 주실 수 있는 분이 있다면 답변 남겨주시면 감사하겠습니다..ㅠㅠ

리액트 스크롤 위치 유지 방법이 궁금합니다.

최근에 리액트 시작한 신입 웹개발자입니다. 팀에 사수도 알려줄 수 있는 사람도 없어 한계에 도달해서 ••• 혼자 독학하며 끙끙 앓다가 물어봅니다 ㅠㅠ api로 댓글페이지에 댓글 리스트를 뿌리고 해당 댓글에는 고유넘버가 있습니다. 이 고유넘버를 추적해 답글페이지로 이동하는데 이 답글페이지에서 뒤로가기버튼을 클릭 해 이전 페이지에 도달할때 제가 클릭했던 댓글에 스크롤 위치가 유지되었으면 합니다!••• 단순하게 생각했을 때 그냥 세션/로컬스트로지에 위치저장하고 뒤로가기할 때 기억해놓은 위치로 이동하면 될 것 같은데 그게 저에겐 굉장히 어렵네요 ... 퍼블리셔로 입사해 프론트 업무를 주신게 너무 감사해 하루하루 성장해 가고싶은데 요즘 너무 못하는거같아 속상해요 선배님들 조언이 필요합니다 살려주십쇼 !!

setState를 props로 전달하려고 하는데 의견 부탁드려요.

setState를 props로 전달하는 것에 대해 어떻게 생각하시나요? 개인적으로는 한 단계 정도의 깊이라면 괜찮다고 생각합니다. 현재는 리코일을 사용 중이지만, 굳이 전역으로 관리할 필요가 있는지 의문이 들고, setState를 하위 컴포넌트로 넘겨주는 것이 상태 추적에 혼동을 야기할 수도 있다고 생각합니다. 하위 컴포넌트가 테이블이며, 이를 하나의 컴포넌트에 포함시키기에는 크기가 너무 커서 분리하려고 합니다. 이 과정에서 props로 setState를 전달해야 하는 상황이 발생하여 이에 대한 의견을 여쭤보고자 합니다!

리액트 네이버 광고 스크립트 심는 방법 부탁드립니다.

열심히 커리어리에 물어가면서 개발을 하고있습니다 사랑해요 ~ 커리어리 ~ 내 사수 ~! 네이버광고에서 페이지 전환 스크립트를 심으려고 하는데 고수님들은 어떻게 적용 하시나요? 전역 스크립트는 index.html에 넣어서 문제가 없지만 페이지 전환마다 전달하는 스크립트는 어떻게 해야 할지 모르겠습니다. javascript addEventListener를 사용해도 안되더라고요 npm으로는 찾아도 안보이고요 다른분들은 naver나 구글 , 페이스북 추적을 어떻게 적용하고 계신가요?? 질문드리는 핵심에 친구는 아래 스크립트입니다. <script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script>

컴포넌트(hook) 설계 방법이 궁금합니다

물론 항상 케이스마다 다르겠지만, 일반적으로component 혹은 hook으로 분리하는 기준이 있을까요? 대략 비슷한 ui나 로직 등을 직관적으로 분리하고 있는데, 좋은 기준이 있을지 궁금합니다. 컴포넌트는 작은 단위로 나누면 좋은 것 같기도 한데, hook같은 경우는 깊이가 깊어지면 state 변경 추적도 어려워 함수처럼 설계하기 어려운 것 같습니다.