https://perplz.com/sync/Q8M0wnm3 📝 이 회의는 모바일 앱의 피드 기능 개선에 대한 논의를 다루고 있습니다. 특히 URL 링크 카드, 회의 피드, 싱크 피드 등 현재 모바일에 없는 피드 형식 추가와 고정하기 기능 구현에 중점을 둡니다. 웹과 모바일 간의 링크 처리 방식 차이와 보안 문제에 대한 해결 방안을 모색하며, 프로젝트 룸의 모바일 연동과 외부 링크 처리 방안에 대한 논의가 이루어졌습니다. ⏱️ 0:00 모바일 피드에 없는 UI 요소 논의 0:56 현재 없는 피드 형식 세 가지 정의 1:12 필요한 피드 종류 및 기능 정리 3:08 링크 카드 웹 구현 방식 모바일 적용 논의 5:02 모바일에서의 링크 이동 문제점 논의 6:08 모바일 카드 별도 구현 필요성 제기 9:16 싱크 피드 링크 처리 논의 9:32 프로젝트 룸 모바일 연동 및 웹 요청 사항 논의 혜린: 해서 이거를 한번 음 하면 저희가 가지고 와야 되는 피드 중에서 지금 웹 이랑 모바일이랑 봤을 때 피드 안에 들어간 요소로만 보면은 저희 링크에서 카드 불러오는 거. 가 피드에 지금 UI가 없는 상태일 거고. 그다음에 투두는 저희 있죠. 훌러터: 고기가 그렇죠. 고기가 있고. 혜린: 음. 그다음에 아마 회의 피드 부분도 조금 비어 있을 수도 있을 거 같거든요. 저희가 사실 회의 피드를 모바일에서 생성을 안 하잖아요. 그래서 리드 형태로 구현이 되어 있나요? 훌러터: 헤이. 음. 헤이. 없습니다. 혜린: 개인 프로젝트에서 회의를 저희가 예전에 만들어 놓은 게 있었나? 훌러터: 리드 정도 있었을 거 같긴 한데. 혜린: 음 제 기억이 없는 거 같은데. 훌러터: 없어요? 네. 혜린: 이거 그러면은 훌러터: 데이터가 있으면 피드가 안 뜰 수도 있겠네요. 혜린: 응 응 응. 훌러터: 음. 혜린: 헤이. 혜린: 그러면 저희가 지금 회의 피드 아까 보면은 URL 카드 그다음에 회의 피드 그다음에 싱크 피드. 요렇게 세 가지가 현재 없던 피드 형식인 거 같아요. 혜린: 저희 이 고정 기능은 넣었었나요? 모바일? 아직 안 넣었어. 그럼 공지는 어떻게 썼었죠? 그 상단에? 훌러터: 공지는 그냥 밑에 깔립니다. 혜린: 그냥 첫 번째 피드인 느낌 훌러터: 음 입니다. 예. 공지. 혜린: 맨 처음에 올라가는 첫 번째 피드? 어, 네. 그게 공지 아닌가요? 그 어 훌러터: 그 만들었을 때 처음 아, 처음 인사. 혜린: 아, 예전에 프로젝트 만들었을 때. 그거면 그냥 첫 번째 피드 음 인 거라서 자동으로 올라가. 혜린: 그때 예지 님 여기 상단에 고정된 피드 하나 만든 UI가 있죠. 훌러터: 작업은 했었었는데. 혜린: 작업만 했어요. 훌러터: 작업만. 화면만 일단은. 혜린: 그러면은 건 님은 핑 기능을 모바일에서 해 본 적은 없는 거죠? 훌러터: 음. 혜린: 그러면 지금 피드 종류로 필요한 거는 URL 링크 카드랑 회의 피드랑 싱크 피드. 그다음에 피드 종류 외로 저희가 지금 다른 점은 고정하기. 혜린: 일단 요렇게 네 가지가 필요하고 그다음에 프로젝트 피드 그 프로젝트 룸을 불러와야 될 거 같거든요. 훌러터: 음 음 네. 혜린: 음. 그래서 어 제 생각에는 이 링크 가지고 카드 불러오는 거는 지금 웹에 구현이 되어 있어서 이거 핸드오프로 정리를 해서 건 님께 드리면은 건 님이 가져와질 수 있을 거 같거든요. 형식이나? 훌러터: 음. 혜린: 이 링크를 가지고 왔을 때 이 링크로 이 카드 URL을 읽고 예를 들어서 인스타그램이면 아예 인스타그램 요렇게 썸네일까지 가져와지잖아요. 훌러터: 아. 근데 음. 혜린: 이거를 훌러터: 그니까 이거를 여기서는 인스타그램인데 여기는 아카이브잖아요. 혜린: 음. 훌러터: 아카이브는 뭐 웹에서는 웹에서 웹으로 이동하는 거니까 상관없는데. 웹에서 웹으로 퍼플즈한테 퍼플즈인데 웹으로 이동해 버리면은 혜린: 음. 훌러터: 좀 그렇지 않나요? 혜린: 아, 이게 내부로 이동할 때는 아카이브에 그 페이지로 이동해야 될 거 같긴 하네요. 훌러터: 네. 혜린: 음. 훌러터: 어. 혜린: 음. 근데 얘도 이 훌러터: 이거. 혜린: 맞아요. 공유 링크가 저렇게 되어 있는데. 그래서 그게 일단은 퍼플즈 닷컴은 빼놓고 외부로 이동하는 카드 종류랑 그다음에 퍼플즈 닷컴 안에서 이동하는 거는 모바일에서 연결되도록 저렇게 URL이라기보다는 링크가 바뀌어야 될 거 같기는 한데. 한 링크에 넣을 수 있는지를 좀 찾아봐야 될 거 같거든요. 훌러터: 혹시 뭐 어떤 상황인가요? 링크. 혜린: 이게 이게 지금 링크가 들어가고 훌러터: 그 하나만 나오도록 제가 세팅했는데 사실 여러 개를 할 수 있어요. 근데 제가 일부러 하나만 했어요. 혜린: 아, 그 개수를 얘기하고 있던 거는 아니었고 모바일에서는 이 링크가 외부로 이동하는 게 아니라 아카이브 화면으로 이동을 해야 되잖아요. 훌러터: 그거 안 될 겁니다. 혜린: 안 될 거 같아요. 그 훌러터: 그 전에 그러면 이거는 돼요. 근데 모바일과 웹을 연동시켜서 이 웹 이 모바일과 이 웹은 똑같은 거다 하는 걸 갖다 작업을 한번 해 주면 그 로그인하거나 이럴 때도 그런 건 되는데 현재로서는 저 링크만 클릭하면 무조건 웹으로 빠질 겁니다. 무조건. 혜린: 그래서 제가 뚫을 수 있는 방법을 찾아보면 웹에서는 이 링크를 읽어서 그냥 이 링크를 요약해 주는 카드 형식으로 보여주는 건데 모바일에서 작업할 때는 안에 링크가 있으면 퍼플즈 닷컴이라는 거를 전제로 해서 훌러터: 있다면 해야 되는데. 그건 근데 클로데 바로 물어보면 확인해 볼 수 있을 것 같아요. 모바일 안에서 이걸 했다 하면 이걸 갖다 모바일 안에서만 이동할 수. 혜린: 이 카드 자체는 웹에만 노출을 하는 거고 이거용 모바일 카드가 새로 플러터 모바일 앱에 있어야 될 거 같아요. 훌러터: 저 피드 안에서 카드 보여주는 거는 혜린: 웹에서 따로 넣은 작업이에요. 훌러터: 웹에서도 사실 이거 웹일 때만 표시해 줘 이렇게 해서 잘라 버리고 혜린: 웹 모바일 웹이나 아니면 웹 브라우저를 통해서만 노출하게 해 줘라고 식으로 해서 웹에서도 막고 대신에 모바일에서는 이 링크를 이 앱에서 이동이 가능한지 파악을 해서 가능하다 하면 자체 카드를 만들어야 될 거 같아요. 혜린: 요 방식으로 한번 접근해서 건 님이 연구해 보실래요? 훌러터: 어, 근데 일단 그래도 이 카드랑 주소가 같 이 링크도 같이 뜨니까. 혜린: 그러니까 모바일에서 그 작업을 해 주는 거. 앞에 퍼플즈 닷컴이 있는 거면 이 링크를 채 와서 모바일 쪽에 있는 그 화면으로 연결시켜 주는 쪽으로. 음. 가능한지 한번 물어는 보세요. 훌러터: 아니 근데 이게 그렇게 안 되는 게 이게 이 앞에 퍼플즈만 붙는다고 다 되는 게 아니라 여기 뭐 없는 뭐 싱크 이런 페이지가 있을 수도 있고 그냥 퍼플즈 붙는다고 이 앱 안에서 이동시킬 수 없는 화면이 너무 많거든요. 혜린: 그렇긴 할 거 같아. 훌러터: 네. 혜린: 음. 훌러터: 근데 그 방법을 한번 진 물어볼게. 모바일에서 이걸 할 수 있는 게 있는지. 먼저 물어는 볼게. 혜린: 어떠하면 어떻게 할지. 훌러터: 저는 근데 건 님이 파악해 보시는 게 좋을 거 같아요. 혜린: 음. 음. 훌러터: 아니 못 하겠으면 못 하겠다고 솔직하게 말하고 그냥 제가 바로 하게 해 주면 되니까 괜찮아요. 훌러터: 나도 이거 클로데한테 아, 뭐 방법 없어요. 이러면 포기해야지. 근데 이 방법을 알아보는 거는 건 님이 시도는 해 볼래요? 아니면 혜린: 아니 그냥 해 주세요. 이거 해 해 보세요. 한번 그 모바일로 하는 거. 훌러터: 아니 그 아니 그 아니 그 어떻게 할지를 고민하고. 혜린: 고민해 해 보세요. 모바일에서 어떻게 할 수 있을지를 그냥 건 님이 고민해서 알려 주세요. 훌러터: 음. 혜린: 지금 말고 좀 이따가 해 보세요. 훌러터: 음. 그냥 훌러터: 건 님 대답해서 뭐 못 하면 못 할 괜찮으니까 한번 해 보 시도만 해 보세요. 진짜로. 혜린: 지금 이미 고민하고 있는 중 같은데. 훌러터: 아니 아니 근데 그래도 고민하고 있어요. 혜린: 예. 그래서 지금 멈추고 다음. 예. 그래서 요 화면 여기서 만약에 웹에서 그러니까 웹에서는 이 링크를 이 링크가 들어갔을 때 링크만 남겨주고 밑에 카드는 빼 주세요. 뭐 이렇게 요청해 주시면은 제가 요런 거는 모바일 플러터에서는 노출 안 되게 처리를 해 놓을게요. 훌러터: 아니 일단 일단 다 좀 생각을 해 볼게요. 혜린: 음. 음. 해서 요청 사항 있으면 알려 주시면 될 거 같고. 아, 사실 싱크도 마찬가지거든요. 혜린: 싱크도 바로 올린 거는 그렇게 이렇게 플레이어가 바로 들어가는데 싱크를 공유했을 때도 똑같을 거예요. 혜린: 싱크를 공유한 화면이 근데 제가 이거는 아마 싱크 작업하면서 이미 처리를 해 놨을 수도 있는데 링크를 가려 줘 해 놓은 거 같기는 합니다. 제가 그때 아마 처리를 했을 거 같아요. 원래 이 링크가 따라왔었거든요. 싱크 링크가. 요거? 훌러터: 네. 혜린: 그랬는데 제가 플레이어랑 링크랑 동시에 뜨는 것보다 그냥 플레이어로 여기서 시청해로 푼 거 같아요. 훌러터: 음. 혜린: 음. 근데 대신에 이런 경우가 있잖아요. 혜린: 이렇게. 훌러터: 네. 혜린: 해서 웹에서는 아마 이렇게 넣으면 이렇게 두 개 다 요렇게 뜨거든요. 훌러터: 네. 혜린: 음. 그래서 요거도 링크 연결되니까 링크는 웹에서만 표현해 아 뭐 표기되게 해 줘 이런 식으로 작업이 웹에서도 필요할 수도 있어요. 앱에서는 링크 띄우지 마. 그냥 플레이어로 연결해서 이 화면만 붙여 이런 식으로 건 님이 신 받아야 될 수도 있어요. 이 별도일 거예요. 아마 요거 두 개는. 혜린: 그래서 아마 이 조금 애매하기는 하다. 얘는 어떻게 돼 있는 거지? 혜린: 아. 얘는 지금 건 님이 올린 게 아니라서 수정하기가 안 보이는구나. 제가 지금 의심하고 있는 거는 이 링크를 표기하지 마라고 코드로 놓지 않으면 이거 없으면 플레이어 안 뜨나? 안 뜨죠. 이거는 웹에서 해결해야 될 수도 있어요. 링크는 가려 줘 이런 식으로. 안 그러면 링크 자체로 이 플레이어를 불러오는 거 같거든요. 이렇게? 훌러터: 음. 네. 혜린: 음 음 음. 그래서 얘는 지금 얘를 그냥 듀플리케이트 하는 거 같아요. 그래서 얘를 지우면 얘가 없어지는 현상이니까 뭔가 웹에서 이렇게 모이면 모바일에서 가져갈 때 이거 링크만 가져가는 형태가 될 거 같거든요. 음. 그래서 그렇게 두 개 좀 고민을 해 줘야 될 거 같고. 회의 피드는 사실 저희 그 테이블에 그 엣지 펑션으로 들어가서 나오는 값 기록된 거니까 그걸 리드 형식으로만 가져올 수 있을 거 같아요. 그게 제일 빨리 풀릴 수도 있겠다. 훌러터: 음. 혜린: 음. 그렇게 세 가지 그다음에 한 가지는 핑 기능. 화면은 예지 님이 핑 기능 있는 피그마 화면은 건 님한테 한 번 더 전달해 주세요. 어딘지 못 찾을 수도 있으니까. 훌러터: 아, 네. 혜린: 그렇게 해 보면 될 거 같고. 어, 그러면은 프로젝트 룸을 지금 먼저 좀 순서를 앞당겨서 진행을 요청을 제가 드릴 건데 예지 님이 화면 더 필요한 내용이 있을까요? 지금 설명드렸을 때 세 가지 피드에 대해서? 훌러터: 어, 아니요. 혜린: 음. 그러면은 예지 님하고 저는 싱크 기능 화면 얘기해 보면 될 거 같아요. 훌러터: 음. 혜린: 음. 다음 화면 드릴 거라서. 건 님은 순서를 앞당겨서 프로젝트 룸을 모바일로 가져가는 거. 근데 그 와중에 그거 고민하는 중에 웹에서도 풀어 줘야 하는 내용들이 발견되면은 요청으로 넣어 주시면 될 거 같아요. 훌러터: 음, 네. 혜린: 음. 요 정도? 얘기만 나누면 될 거 같고. 태그 있고. 태스크 들어가고. 언급 들어가고. 혜린: 그거 고민 전에 요거부터 하셔도 되겠다. 어차피 외부로 전달해 버리래서. 혜린: 퍼플즈 닷컴 아닌 링크. 훌러터: 네. 혜린: 음. 이거 그 문서로 저장되어 있거든요. 이거 도메인 어떤 거만 저희가 일단은 허용할 거고 등등등 그 목록들이 쭉 있어서 그거는 문서 찾아보시면 될 거 같고. 단 모바일은 다른 점이 내 동료가 올린 거냐 아니냐 체크하는 게 있었어요. 그렇죠? 훌러터: 음. 그거는 아마 네 채팅방이었어. 혜린: 음. 그렇게 좀 한정돼서 들어가 있어요? 훌러터: 네. 혜린: 어, 커뮤니티랑 채팅방 이렇게일 거 같아. 훌러터: 아, 네. 그렇죠 그렇죠. 혜린: 그러면은 프로젝트 프로젝트 룸 안에서는 지금 웹에서는 이거 좀 위험한 URL인 거 같다 하면은 경고 띄우거든요. 브라우저로 연결되니까. 훌러터: 네. 혜린: 음. 그런 식으로 먼저 구현을 해 봐도 될 거 같아요. 허용하는 애들은 그냥 연결이 될 거예요. 훌러터: 음. 혜린: 음. 저는 그거를 오히려 고민을 했었어요. 모바일에서는 동료 여부를 좀 판단을 할 텐데라고 했는데 이미 팀 프로젝트 안에 있는 데는 그 판단이 설정이 안 돼 있는 백지 상태다라고 제가 이해하면 되죠. 훌러터: 네. 그때 아마 어차피 동료니까 동료 아니 팀. 혜린: 그렇지. 응 응. 그래서 그렇게 해 주시면 될 거 같고. 만약에 보강의 여지가 필요하다. 그래도 여기도 동료인 여부를 판단해야 되는 열린 공간이 있다. 뭐 이렇게 판단이 되면은 말씀해 주세요. 혜린: 댓글 같은 건 이제 이 누구든 로그인만 하면 될 수 있거든요. 공개된 거에서. 훌러터: 네. 혜린: 그런 차이가 좀 있어 가지고 그래도 이런 댓글에다가 무분별하게 올라오는 링크 도 막아야 될 거 같다 하고 의견 주시면 그거는 댓글에서 한해서 동료 검사 해도 상관없을 거 같아요. 훌러터: 음. 혜린: 음. 근데 아마 지금 웹에 들어가 있는 링크 검사가 화이트 링크냐 블랙 링크냐 한번 볼 거예요. 혜린: 그게 모바일에도 적용이 가능한지도 한번 봐 보세요. 사파리나 크롬 키울 때. 훌러터: 네. 혜린: 그러면은 여기까지 하고 일단 정리를 해서 태스크를 뽑아 봅시다.