#팝업

팀 이동 후 개발에 대한 고민

원래 팀이 DBA팀으로 완전 신입으로 취업했어요. 6개월 정도 지나 유지보수팀에서 인원이 부족하여 사내 자체 인사 이동으로 제가 팀을 옮기게 되었고요. 신입 6개월동안 DB만 보다가 개발을 하라고 하니까 당황했지만 애초에 신입이니까 뭐든 배우면 되지라는 마음으로 하였습니다. 처음 주신 일은 솔직히 간단해서 시간이 좀 걸렸지만 해결하였어요. 두번째부터가 문제였습니다. 개발 마감기한이 2주 정도 남은 것을 제가 하는 거였는데 인수인계 받고 당일부터 9.5일 안에 페이지 4개 정도와 팝업 3개 정도 분량에 대한 추가 개발이고 대부분 조회여서 간단할거라고 생각했는데 너무 오랬동안 개발 안해! DB만 봐야지 했던게 잘못 이였을까요? 퍼블리셔 작업이 끝난 것에 그냥 불러오고 보내기만 하면 되는데 그게 너무 어렵게 느껴져요. 간단하다는 페이징부터 모든게 어렵게 다가오고 무엇보다 첫 현업 일이여서 내가 이렇게 수정해도 될까? 이름은 어떤 규칙이있지? 등 경력자 분들이 느끼기엔 왜 저런걸 고민하고 생각할까?라고 하실수도 있는 부분들 조심스럽고 걱정이 되어 더욱 느려진것 같지만 오늘 3일동안 솔직히 너무 많이 에러도 발생하고 프로젝트 시킨것 중간에도 다른 프로젝트에 팝업창 해결해달라고 하시고 그마저도 시간내 못해서 다른 분께서 다시 해주셨습니다. 결론부터 말씀 드리자면 3일간 아직 제대로 된 페이지 하나도 만들지 못하였고 남은 기한은 근무일 기준 6일 그 시간내에 해결해야하는데 솔직히 못하겠다라고 생각합니다. 이 일이 내길이 아닌건가 생각도 들고 진지하게 퇴사를 고민하고 있습니다. 쓴 말씀도 받아들이겠습니다... 선배님들께서 보시기엔 어떠신가요?

firebase signInWithPopup cors에러.

firebase를 이용해서 로그인눌러서 팝업창이뜨면 구글로그인을 할려고하는데요 팝업창이뜨면 아래와같이 cors 에러가 뜨더라구요. 실행엔 문제가 없지만, 해결하고싶습니다. Cross-Origin-Opener-Policy policy would block the window.closed call. 혼자서 검색해서 이것저것봐도 해결이 안됩니다. 이유가 뭘까요..

node.js express.js 백엔드 개발 시 자동 로그아웃 관련

안녕하세요 헬스케어 콘텐츠 개발팀에서 근무하고있는 이제 1년 2개월이된 서버개발자입니다. 서버쪽은 저 혼자라서 서버쪽 도움을 요청할분이 없기에 이렇게 도움을 요청 드리게 되었습니다! node.js express.js로 개발중인데요! 클라이언트쪽은 다른분이 unity로 개발중에있습니다. 앱에서 로그인하고 일정시간동안 아무 이벤트가없으면 자동로그아웃이 되도록 구현하려고합니다. 알아보니 setInterval를 사용하면 될 것같아 구현은했는데 postman으로 테스트시 console에 자동 로그아웃 성공되는 부분까지 확인이 되었습니다. 그런데 클라이언트쪽 return에 대해서는 아무 반응이 없다보니 이렇게 처리하는게 맞나라는 생각이 듭니다. 개발하고 unity 클라이언트 앱 쪽과 api 통신을할껀데 setInterval로 자동 로그아웃 기능을 구현면 어떻게 unity 클라이언트쪽에서 확인하고 팝업창을 띄우거나 로그인 페이지로 돌릴지 감이 잡히지않아 이렇게 요청드립니다..!! 정리하자면.. node.js로 백엔드 개발중 일정 시간이 지나도록 이벤트(마우스,키보드,api요청)가 전혀없을때 setInterval로 만들어 놓은 자동 로그아웃이 실행되고 return 값을? unity 클라이언트쪽에서 받아서 팝업창에 띄우는 흐름대로 하려고하는데 관련 키워드나 해결방법을 알고싶어 도움 청하게 되었습니다..!!! 혹시나 제가 처리하려는 흐름이나 setInterval로 접근하는게 잘못된것일까요..?

모바일 뷰에서 팝업이, 뒤로가기 제스처를 취했을 때 이전 페이지로 넘어가지 않고 팝업만 닫히게 구현하고 싶어요.

안녕하세요. 이번에 웹뷰 뿐만 아니라 모바일 뷰까지 같이 개발을 진행하고 있는데, 팝업의 기능 구현에 어려움을 겪고 있어 질문을 남깁니다. 웹뷰 같은 경우는 바로 팝업을 닫을 수 있지만, 모바일 같은 경우에는 무심결에 뒤로가기 제스처를 통해서 팝업을 닫으려는 유저가 있을 수 있다고 생각합니다. 그래서 뒤로가기 제스처가 발동 시, 이전 페이지로 렌더링을 시도하는 것을 막고 해당 팝업을 unmount 시키고 싶은데 방법이 잘 생각나지 않네요. **개발환경은 프론트 (react) 입니다. 그냥 간단하게 생각한다면 모바일 뷰일 때를 dom 으로 감지 후에 해당 팝업이 mount 된 상태에서 navigation(-1) 같은 동작을 감지하여, 이전 페이지로 이동 대신 팝업을 unmount 시키게, useEffect 등으로 감시하면 될 것 같은데, 어떻게 구현해야 될까요? + 현재 react-router-dom v6.2를 사용하고 있는데, useBlocker를 활용하면 해결될 것 같습니다..! https://reactrouter.com/en/main/hooks/use-blocker

기획서에 설명이 없는경우도 있나요

아니 기획서에 피그마에 일렬로 도면만 그려져있고 걍 회원가입이면 이부분은 회원가입이라고 써있기만 하고 보면 예외처리나 팝업처리하는거도 마지막 확인하는 부분에만 나와있고 아무거도 없는데… 기능정의서도 없고 온니 그림만 있는데 이런경우도 있나요..

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

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

안드로이드 권한 2번 이상 거부시 승인요청 팝업

안녕하세요 코틀린으로 앱개발 공부중인데 해결 안되는 게 있어서 문의드립니다. 저는 앱을 설치하고 처음 접속시 권한(Permission)부터 승인요청하도록 만들고 있어요. RequestMultiplePermissions 를 활용하여 여러 권한을 한번에 처리해보도록 코딩하고 있는데 아무리 코드를 작성해도 사용자가 연속 2번 거부 누를 경우 어플을 재접속해도 승인요청 팝업이 생성되지 않습니다. 어떻게 코드를 작성해야 거부를 계속 누르더라도 권한 필요성 설명 팝업을 통해 동의를 얻는 순간 무한정으로 승인요청 팝업을 생성할 수 있을까요?

이미지팝업과 div레이어팝업의 차이

이미지팝업과 div레이어팝업의 차이와 각 각의 장단점이 알고싶습니다ㅠㅠ!

팝업이 열리지 않아요 ㅠㅠ

기본값이 false인 setIsPopuped라는 useState를 사용하여 팝업의 상태를 관리하고 있습니다. setTimeout을 사용하여 3초 후에 setIsPopuped(true)로 상태를 변경하려고 했는데, 팝업이 열리지 않는 문제가 발생했습니다. 리렌더링이 되지 않는 것 같은데, 리렌더링을 발생시킬 수 있는 방법을 알고 싶습니다. useEffect의 의존성 배열에도 isPopuped를 추가했음에도 내부 콘솔이 찍히지 않습니다. isPopuped와 setIsPopuped을 둘 다 넣어보았지만 여전히 작동하지 않습니다. setIsPopuped(true)를 호출하면서 콘솔도 찍어보았는데, 콘솔은 찍힙니다. 그런데 왜 팝업이 열리지 않는 걸까요?

react-native 사진 권한이 선택한 사진인 경우에 발생하는 문제

안녕하세요 처음으로 질문글 작성합니다. 현재 React-Native, Expo, TypeScript 환경에서 개발을 진행 중입니다. 'expo-media-library' 를 사용하여 직접 갤러리를 구현했습니다. 여기서 생기는 문제가 사용자가 사진 권한이 선택한 사진인 경우 이런 팝업을 노출하게 됩니다. "사용자의 사진에 접근하려고 합니다." 라는 IOS 시스템 팝업에서 "더 많은 사진 선택..."을 선택하여 추가적으로 사진을 선택 시 추가된 사진을 불러오고 싶습니다. 현재 제 코드에서 ``` const requestMediaLibraryPermissions = async () => { const { status } = await MediaLibrary.requestPermissionsAsync(); if (status !== 'granted') { console.log('Media library permission denied'); Linking.openSettings(); return; } fetchPhotos(); }; useEffect(() => { requestMediaLibraryPermissions(); }, []); ``` 이런 식으로 권한 확인 후 사진을 불러오고 있습니다. 이러한 코드 때문에 처음에는 권한이 허용되어 있는 사진을 잘 불러오지만 IOS 시스템 팝업에서 "더 많은 사진 선택..."을 통해 선택된 사진은 불러오지 못 하고 있습니다. 해결할 수 있는 방법 조언 주시면 감사하겠습니다.

자신이 설계한 프로젝트에 문제가 있다고 생각했을 때

안녕하세요. 여러분!! 제가 개인 프로젝트를 진행하다가 한 가지 궁금한 점이 생겨서 이렇게 질문을 올립니다. 제목과 같이, 프로젝트를 위해 설계한 프로젝트에 결정적인 문제가 있을 경우 어떻게 해결하시는지 궁금합니다!! 이런 생각을 하게 된 이유가, 제가 개인 프로젝트를 하던 중, 이런 비슷한 문제가 있었습니다. 저의 경우, 제 프로젝트에 상태관리 라이브러리를 사용하지 않아도 된다는 판단을 했었는데, 나중에 다시 조사해보니, 그 프로젝트에 상태관리 라이브러리가 필요성에 대해 느껴, 상태관리 라이브러리를 추가하고 있어야 할 페이지가 없어서, 만들기도 하는 등, 여러 가지 일이 있었습니다. 제가 최근에 경험한 실무에서는 이런 부분이 있을 때, 기획팀과 협의하여, 페이지나 팝업을 추가하는 등 일이 있었는데, 혹시 다른 분들은, 정말로 돌이키기 힘들 정도로 프로젝트를 잘못 설계하여 고생하신 적이 있을지 궁금해서 여쭤봅니다!!

React와 Redux를 사용하여 공통 팝업 컴포넌트를 구현

ReactDom.createPortal와 Reaux를 같이 사용하는데요, 팝업에서 버튼을 누를 때 팝업을 닫는 이벤트 외에 다른 메소드도 함께 실행하고 싶은 상황입니다. 근데 Redux에서는 함수를 직접 저장하는 것을 추천하지 않는다고 해서요.. 이런 경우엔 어떻게 구현할 수 있을까요? 이런 경험이 있는 분들은 어떻게 했는지 알고 싶습니다!

바닐라JS 로그인폼 질문 드립니다.

최근 토이프로젝트겸 친구가 운영하는자영업 웹페이지를 제작하고있습니다. 회원가입기능과 예약기능을 설계하면서 여러 웹사이트를 참고하고자 둘러보았는데 대부분의 기업 (N사 G사등등)로그인버튼 클릭시 모달팝업이 노출되거나 별도의 로그인폼페이지가 로드되었습니다. 하나의 페이지에서 사용자의 입력을받아 로그인이나 회원가입기능을 수행할 수 있다고 생각되는데 위와같은 방법으로 하는 특별한 이유나 디자인패턴이 있는지 질문드립다.

input 유효성 검사

제목 그대로 input 입력 유효성 검사를 하려고 하는데, 제출하기 버튼 클릭 시 팝업이 뜨기 전 alert("입력해주세요")를 나오게 하려고 합니다. 현재 제출하기 버튼에 onclick="팝업" 이런 상태인데, 유효성 검사를 마친 후 팝업이 뜨게 할 수 있으려면 어떻게 해야할까요?

iOS에서 팝업이 떴을 때 뒷 배경 스크롤 막는 방법

안드로이드는 부모 컨테이너에 overflow-hidden을 주면 스크롤이 막아지는데, iOS에서는 막아지지 않네요.. fixed를 주면 스크롤은 안되지만 최상위로 스크롤되는 문제가 있어서 다른 방법을 찾고 있는데 out dated 자료들이 많아서 헤매고 있습니다.. 도와주세여.. ㅠㅠ

안드로이드 네이티브에서 팝업 화면 만드는 법

안드로이드 네이티브로 개발하고 있습니다. 팝업 화면을 만들려고 하는데 혹시 참고할 만한 API나 레퍼런스 코드가 있을까요? 코드를 한줄씩 적다 보니 이렇게 하는게 맞나 싶어서 질문 올려 봅니다. 부족한 질문에 답변해 주셔서 감사합니다.