wonjinyi/nyamnyamlab

조직 내부의 폐쇄적인 냠냠거리 공유 서비스

Wonjin Lee

외부 페이지

• 블로그 : https://velog.io/@yiwonjin
• 포트폴리오 : https://portfolio.wonj.in/
• 링크드인 : https://www.linkedin.com/in/wjlee17
• solved.ac 프로필 : https://solved.ac/profile/beervalidator

🌱 학업

• (2022) 세종대학교 컴퓨터공학과 2학년 재입학
• (2017) 세종대학교 컴퓨터공학과 1학년 수료

🔭 먹고살기

프로그래밍을 할 줄 아는, 빠르게 학습할 수 있는 데이터 라벨링 프로젝트 작업자로, 그리고 관리자로 일했습니다.

• 역할
  • 2020/03~2020/08 데이터연구소 라벨러
  • 2020/09~2021/05 데이터연구소 검수자
  • 2021/06~2021/10 데이터연구소 팀 리더
  • 2021/10~2022/02 슈퍼브에이아이 업무지원 파견
• 업무 - 데이터연구소
  • 다양한 도메인의 데이터라벨링 프로젝트를 인하우스/크라우드 라벨러, 검수자, 프로젝트 리더로서 참여했습니다.
  • 이미지/영상 가공 및 검증(Bbox, Rbox, Polygon, Polyline, Keypoint, Trim, Categorization)을 경험했습니다.
  • Superb AI Suite를 가장 익숙하게 다룹니다. 기타 데이터라벨링 전문 플랫폼 및 오픈소스 소프트웨어의 사용 경험 또한 있습니다. (QGIS, SuperMap, LabelEarth, Labelme, CVAT 등)
  • 데이터 라벨러와 검수자의 작업관리와 교육에 익숙합니다.
  • 그때그때 필요한 프로그램을 작성해 나와 동료들의 업무효율을 높이는 일에 재미를 느낍니다. 라벨링프로젝트에 필요한 프로그램을 개발하여 실제 활용했습니다.
• 업무 - 슈퍼브에이아이
  • 라벨링 프로젝트에 필요한 데이터 전처리와 적재를 진행했습니다.
  • 라벨링 프로젝트의 사전 직접라벨링, 본작업과 검사부분을 맡아 진행했습니다.
  • 프로젝트 매니저로서 2021 데이터 의미적정확성 검사 용역사업을 경험하였습니다. 산출된 문서를 이해하고 논의가 필요한 점들을 정리하였습니다. 이를 통해 검사기준/평가방법/검사도구/업무범위 등을 고객사와 협의하고, 문서화하였습니다. 이를 바탕으로 검수자들을 교육하고 검증절차를 진행했습니다.
  • 필요하다고 판단되는 프로그램이 있다면 직접 제작하여 검증업무에 활용하였습니다.

nyamnyamlab's Issues

카테고리추가 : 분식, 아시안, 베이커리, 술집

MapsModalInfo - List component를 Table 요소로 대체

상품명과 가격의 분리 필요성.

맛없는지도 구성

회사 동료분이 버거킹 모 지점에 분노하면서 주신 아이디어.
일정수준이상되는 지도는 그대로 가고, 걸러야 하는 노맛 식당을 추가로 구성하자

특히 프랜차이즈의 특정지점이 이런경우가 좀 있는듯.

냠 에디터-수정모드 에서 마커위치 옮길 수 있도록

ㄱㄱ

마커 가게이름 끄고켜기 기능

Header - Tools 아래에 가게이름 토글 버튼 추가.
state가 바뀌면 icon property값 재설정.

방법고민

• property값을 마커 생성시기에 미리 저장해서 나중에 활용할지
• 토글시기에 저장했다 지웠다 할지
• 아니면 애초에 property안의 가게이름부분 요소를 display:none으로 바꾸어서 해결할 수 있는지?

기능 생김새 고민

• 마우스 오버했을때는 이름을 띄워줄지? - 이걸 기본기능으로 갖고갈지, 이것도 토글시킬지
• popover로 띄울지? 그냥 '새로운 냠'버튼마냥 곧바로 기능으로 꽂아버릴지

모달이 떠있을 때 뒷배경 스크롤 안되도록

주로 모바일 웹브라우저 자체 ui에서 발생하는 문제

사용자 행동 피드백 - 스낵바

• 새로운 냠 등록하고 데이터 갱신했을 때
• 냠 수정하고 데이터 갱신했을 때

스낵바로 피드백.

시트연결 유형 두 가지 : 간편 / 보안

간편
-> 유저에게 만들어준 시트 권한을 '링크가 있는 누구나'로 설정.
사용자지정 연구소이름 - [라우팅테이블] - openByUrl로 불러오기

보안
-> 사용자가 직접 앱스크립트 웹앱 배포하고, 냠냠랩을 정말로 온전히 실행/편집기로서만 사용.

입주 (간편옵션)

-> 냠냠랩 전용 계정에 시트 저장. 냠냠대장 편집자로 초대.

건설 (고급옵션)

-> 사용자가 직접 기본포함된 앱스크립트 웹앱 배포하고, 냠냠랩을 정말로 온전히 실행/편집기로서만 사용.
라우팅테이블 등록 없이 냠냠랩 접속시에는 script url과 sheet url을 제공해야함.

React-router-dom : Home에서 데이터 get요청 직접받고, App으로 넘겨주도록

사용자정의 org아이콘

-- 초기 시트는 이미 구성되었다고 가정 --
< 초기 업로드 및 시트 삽입>

1. 냠냠랩 init서비스에서 이미지업로드
2. 구글드라이브에 'nyamnyamlab'폴더 찾기(이하 폴더)
3. 폴더에 이미지 이름 'icon.*'로 업로드
4. 폴더에서 'icon.*' 찾기
5. sharing ANYONE, VIEWER 설정

< 지도 마커로 제공 >
getFoldersByName
getFilesByName
응답 데이터에 포함
{
...
, icon : [IMAGE]
}

마커 리프레쉬했을 때 center 마커 z-index 맨밑으로감

맨위로 가게 하기 ㄱㄱ

마커 클러스터링

지도크기가 일정이상 줄면 일정범위내의 마커를 묶어서 숫자로 표시
따로 목록을 보여주지는 않고, 클릭하면 개별마커가 보이는 zoom의 수준까지 맵스 떙겨주기.

Maps 아래 MapsModal, NyamEditor로 넘기는 props 줄이기. 일부기능 Maps에서 직접실행.

냠에디터 모두지우기 하면 위경도도 지워짐

위경도는 지우면안돼....

삭제할때 한번더물어보기

바로지워버리는거 좀 무자비하긴 했지

MapsModalInfo 모바일 네이버검색 쿼리에 공백이후 문자열 잘림현상

MapsModalInfo 우측상단 '네이버지도' 클릭시 입력되는 쿼리

PC 웹 = 정상작동
모바일 브라우저 OR 모바일 네이버지도앱 = 공백이후 문자열 모두잘림

(에시) "냠냠랩 세종대점"
-> "냠냠랩"으로 파라미터 전달.

해결방안
네이버플레이스에서 공백이 없어도 알아서 잘 검색하는것으로 확인. 공백 모두 없애고 파라미터로 넘겨야.

ASSID route table

익명 / 구글인증기반 서비스 이원화

초기 냠냠대장의 조직별환경구성 단계에서 익명서비스 / 구글인증기반 서비스를 선택할 수 있도록

인증기반 서비스를 구축한다면 생각해볼 것들

• Google Oauth2.0 for react가 과연 Apps script의 트리거만으로 동작이 가능한지?
• 기존의 Oauth2.0스펙을 비틀어서 구글시트 자체의 데이터만으로 보안을 충분히 보장할 수 있을지?
• 냠냠랩이 데이터를 보유하지 않는다는것은 사용자 정보와 세션에도 적용되는 이야기어야 할지?
• 암호화구문이 노출될가능성이 있을지? - 독스 뒤져볼것
• 프로필사진을 노출해야하는지? 이름은 노출해야 하는지? 인증은 인증대로 하고 냠냠랩에서만 사용하는 정보를 따로 설정하도록 할지? 이 경우 개인정보 관리의 책임은 냠냠대장에게 모두 전가된다면 이건 좀 너무한게 아닌지?
• 사용자가 등록한 '냠'목록과 '의견'목록을 모아보는 기능이 가치가 있는지? 가치가 있다면 본인에게만 제공할지 / 모두에게 제공할지?
• 의견은 익명 / 실명중에 선택하게 해야하는지, 실명으로 통일시켜야 하는지? 익명으로 통일시켜야하는지?

냠 필터 전체끄고켜기 + 이름옆에 아이콘 넣기

타입이 너무 많아져버렷다.

페이지 로딩후 첫 동작으로 '새로운 냠' 피킹하면 위경도좌표 NULL로 설정됨

ㅇㅇ

이모지입력기 적용

nyam 개요부분, 의견 부분에 이모지입력기를 함달아보자. 이게 구글시트에 들어가는지 확인필요. 별도처리필요한지 확인필요.

각 컴포넌트 prop-types로 타입체킹

ㄱ

NyamEditor 내용 수정후 취소 -> 모달 재열람시 동일한 State유지됨

유지 ㄴ

NyamEditor 냠 수정하고 refresh했을 때, MapsModal 다시 열어주기.

왜닫히냐

의견 업데이트

현재

taskTarget comment의 taskType은 edit하나.
생성하든 삭제하든 update로 퉁치고있었음

문제상황

A. B 두 개의 클라이언트가 있음. 둘다 접속당시 의견란 비어있음.

A : 'ㄹㄹㄹ'라는 의견하나 작성
현재 A는 'ㄹㄹㄹ' 하나 보임. B는 아무것도 안보임

B : 'RRR'라는 의견 하나 작성
현재 A는 'ㄹㄹㄹ'하나 보임. 현재 B는 'RRR'하나 보임

A : 'ㄹㄹㄹ'삭제
이 때, 연구소의 comment셀은 실제로 모든내용이 삭제됨. B가 작성한 'RRR'씹힘.

방안

taskTarget comment에 대하여 create, delete taskType만들어야함.
comment는 현행처럼 단일스트링이 아니라, {id:000, content:"@@@@"} 식의 객체단위로 저장해야함.

22 07 11

• '입주'옵션으로 연구소를 정상적으로 생성할 수 있도록 프로그램을 수정했습니다.
  • 이제 이메일 확인 시점, 연구소 입주 완료시점에 대장의 이메일주소로 안내메일을 발송합니다.
  • 이제 필수입력값이 비어있으면 연구소 입주절차를 진행하지 않고, 내용을 보충할 것을 사용자에게 요청합니다.
  • 연구소 출입 비밀번호를 필수적으로 요구하는 버그를 수정했습니다. 연구소 관리 비밀번호와 기본권한 필드를 삭제했습니다.
• 새로고침시 404 NOT FOUND가 출력되는 현상을 수정했습니다.
  • 새로고침하려고 하면 경고창을 표시하고, 새로고침되면 메인페이지로 이동합니다.

Menu.js 컴포넌트 이름 Tools.js로 변경

음식 메뉴와 단어겹침.

새로고침

404 NOT FOUND 해결 '해줘'

'입주'옵션 '연구소 만들기'

사용자 조작

냠냠랩 메인페이지 [연구소 만들기]
-> [입주]옵션 선택
-> 이메일 입력
-> 냠냠랩에서 사용자가 입력한 구글계정 메일로 확인메일 발송 & 사용자의 확인
-> 기본 설정사항 입력 및 createNyam GAS로 전송

• 연구소 이름
• 연구소 출입 비밀번호
• 대장 비밀번호
• 기본 권한 ( 열람 / 수정 ) 설정
• 맵스 center 위경도 좌표
• 맵스 zoom 값
• 커스텀 아이콘 ( 현재 무조건 false로 자동입력 )

냠냠랩 자동처리

-> 템플릿으로부터 스프레드시트 카피 ( drive root에 저장될 것 )
-> 입력받은 정보를 바탕으로 연구소 기본세팅
-> 특정 폴더안으로 이동
-> 사용자 편집자 권한 부여 및 초대
-> 안내사항과 시트 접근주소를 담은 메일 발송

gmail이 아니면 연구소를 만들 수 없음.

스프레드 시트 템플릿 복사 - 편집자 초대 과정에서 거부됨.
--> gmail이 아닌 경우 초대과정을 통과.

Delete버튼 (툴팁-크큭..없.앤.다) 컴포넌트화

이렇게 많이쓸줄몰랐는데 이상태로 하드코딩은 좀 그런듯
나머지 요소도 설설 봐서 좀많이쓴다싶으면 컴포넌트화 ㄱ
하나의 도우미에 몰아서 넣는게 최선인지 고민 ㄱ

사용자설정값 구글시트로 보내기

NyamEditor 메뉴 추가 리스트사이사이에 가능하도록

현재

(-) 메뉴명 메뉴가격
(-) 메뉴명 메뉴가격
(+)

바뀔것

(-) (+) 메뉴명 메뉴가격 --- row 1
(-) (+) 메뉴명 메뉴가격 --- row 2
(+) --- row : after
row 1에 있는 (+)를 누르면 row 1 앞에 빈 리스트가 추가됨.
row : after에 있는 (+)를 누르면 row 2 뒤에 빈 리스트가 추가됨 ( 현재와 동일한 기능 )