작업 과정
- 홍보 글 업로드 및 피드백 수령
- 피드백 반영
- 홍보 글 재업로드
과정 1. 홍보 글 업로드 및 피드백 수령
- 1차: 고파스에 글 업로드
받은 피드백:
- 신뢰 할 수 없다
- 2차: DC인사이드에 글 업로드
피드백 못 받음:
- 글이 삭제됨
- 광고를 올릴 수 없음
- 3차: 구글 adsense 가입 신청
받은 피드백:
- 아직 완성되지 않은 홈페이지 같음
- ABOUT, CONTACT 메뉴 눌러도 아무것도 안됨
- 자체 피드백:
피드백:
- 어떻게 하면 더 많은 사람들에게 알릴 수 있을까
- 트위터
- 페이스북
- 지인 공유
- 기사 작성 및 공유
과정 2. 피드백 반영
피드백 1. 신뢰 할 수 없다
해결 방법:
- 업로드 하는 사진이 어디에 사용되는지 소개
구체적 소개 방법:
- "분석을 위해 ~" 문구 추가
- "사진을 올려도 안전한가요?" 문구 추가 및 설명 팝업 추가
방법 1. "분석을 위해 ~" 문구 추가 진행
- 관련 코드:
<Button variant="outlined" onClick={handleButtonClick}
sx={{
border: '1px solid purple',
backgroundColor: purple,
width: '100%',
height: '100%',
display: 'block',
}}
>
<Typography color="secondary" component="div">
<PermMediaIcon sx={{ mr:1 }} />
</Typography>
<Typography component="div" color="secondary">AI 분석을 위해</Typography>
<Typography component="div" color="secondary">사진을 올려주세요</Typography>
</Button>
방법 2-1. "사진을 올려도 안전한가요?" 문구 추가
- 관련 코드:
<>
<Button variant="outlined" onClick={handleButtonClick}
sx={{
border: '1px solid purple',
backgroundColor: purple,
width: '100%',
height: '250px',
display: 'block',
}}
>
<Typography color="secondary" component="div">
<PermMediaIcon sx={{ mr:1 }} />
</Typography>
<Box mt={1}>
<Typography component="div" color="secondary">AI 분석을 위해</Typography>
<Typography component="div" color="secondary">사진을 올려주세요</Typography>
</Box>
</Button>
<Box mt={1}>
<Typography fontSize="small" color="secondary" align="center"
>
<Link underline="none"><InfoOutlinedIcon sx={{ fontSize:"small", mr:0.5 }}></InfoOutlinedIcon>사진을 올려도 안전한가요?</Link>
</Typography>
</Box>
</>
방법 2-2. 설명 팝업 추가
- 설명 팝업 내용:
"
이 프로젝트는 Google에서 제공하는 Teachable Machine 을 사용하여 분석을 진행하고 있습니다.
사진은 분석을 위해 Google 서버로 업로드 되며 절대 다른 사용자에게 공유되지 않습니다.
자세한 내용은 클릭하여 Google 개인정보 보호 및 약관을 확인하세요.
"
- 팝업 형식:
mui popover 사용
- 관련코드:
const [anchorEl, setAnchorEl] = useState(null);
const handleClick = (event) => {
setAnchorEl(event.currentTarget);
};
const handleClose = () => {
setAnchorEl(null);
};
const open = Boolean(anchorEl);
const id = open ? 'popover to explain usage of the uploaded image' : undefined;
// in the return statement
<Box mt={1}>
<Typography fontSize="small" color="secondary" align="center"
>
<Button aria-describedby={id} variant="contained" onClick={handleClick}><InfoOutlinedIcon sx={{ fontSize:"small", mr:0.5 }}></InfoOutlinedIcon>사진을 올려도 안전한가요?</Button>
</Typography>
<Popover
id={id}
open={open}
anchorEl={anchorEl}
onClose={handleClose}
anchorOrigin={{
vertical: 'bottom',
horizontal: 'left',
}}
>
<Typography sx={{ p: 2 }}>
이 프로젝트는 Google에서 제공하는 Teachable Machine 을 사용하여 분석을 진행하고 있습니다.
사진은 분석을 위해 Google 서버로 업로드 되며 절대 다른 사용자에게 공유되지 않습니다.
자세한 내용은 <Link href="https://policies.google.com/?hl=ko">Google 개인정보 보호 및 약관</Link>을 확인하세요.
</Typography>
</Popover>
</Box>
피드백 2. 아직 완성되지 않은 홈페이지 같음
해결 방법:
- CONTACT 메뉴 버튼 클릭 시 CONTACT 페이지로 이동하도록 수정
- 페이지 방향 자체를 나는 솔로 비공식 팬페이지로 변경
- 나는 솔로 관련 컨텐츠를 제공하는 홈페이지로 변경
- 아이콘 (favicon) 변경
- 개별 도메인 생성
- 홈페이지 명 친숙하게 변경
- footer에 사업자 관련 정보 넣기
- 법인명 세련되게 변경 (기글앤스마일)
해결 진행:
진행사항 1. 홈페이지 명 친숙하게 변경
- 로고 변경
로고 내용: 나만 솔로
로고 이미지:
관련 코드:
<Box
sx={{
backgroundColor: 'indigo',
maxWidth: '100px',
}}
>
<Typography display="inline"
variant="h5"
color="white"
align="center"
pl={1}
sx={{
fontFamily: 'Black Han Sans'
}}
>
나만
</Typography>
<Typography display="inline"
variant="h5"
color="lightBlue"
align="center"
sx={{
fontFamily: 'Black Han Sans'
}}
>
솔로
</Typography>
</Box>- 사이트 타이틀 추가
사이트 타이틀: 나는 솔로 UNOFFICIAL FAN SITE
타이틀 이미지:
관련 코드:
<Box component="div" sx={{
flexGrow: 1,
}}>
<Box
>
<Typography display="inline"
variant="h7"
color="black"
align="center"
sx={{
}}
>
나는 솔로 비공식 팬사이트
</Typography>
</Box>
</Box>진행 사항 2. CONTACT 메뉴 버튼 클릭 시 CONTACT 페이지로 이동하도록 수정
- 진행 방향:
1. CONTACT 내용 정의 필요
진행 사항 2-1. CONTACT 내용 정의 필요
- 내용 정의 방향:
footer 내 필요한 사항을 파악 및 리스트업
=> 이를 토대로 CONTACT 내용 정의
- 쇼핑몰 사이트 footer 내용 (참고):
"
상호명 (주)아임웹 대표이사 : 이수모 개인정보책임자 : 박재완 사업자등록번호 : 105-87-83592
통신판매업신고번호 : 제 2023-서울강남-02377
본사 : 서울 강남구 테헤란로 501 VPLEX
고객지원 : 문의 게시판 또는 실시간 채팅
이용약관 개인정보처리방침
"
- 사이트 footer 내용 (가안):
"
Copyright 박태선 2023. All Rights Reserved.
개인정보처리방침 | 문의사항
"
- 진행 방향 변경:
가안 토대로 footer 먼저 구성하는 방향으로 변경
진행 사항 3. footer에 사업자 관련 정보 넣기
- 진행 방향:
1. 개인정보처리방침 작성
2. 문의사항 작성
3. 이에 따라 페이지 작성
- 개인정보처리방침 작성:
"
1. 개인정보의 처리 목적
<나만솔로>(‘https://iamsolo.site/’이하 ‘나는솔로 비공식 팬사이트’) 은(는) 다음의 목적을 위하여 개인정보를 처리하고 있으며, 다음의 목적 이외의 용도로는 이용하지 않습니다.
- 고객 가입의사 확인, 고객에 대한 서비스 제공에 따른 본인 식별.인증, 회원자격 유지.관리, 물품 또는 서비스 공급에 따른 금액 결제, 물품 또는 서비스의 공급.배송 등
2. 개인정보의 처리 및 보유 기간
① <나만솔로>(‘https://iamsolo.site/’이하 ‘나는솔로 비공식 팬사이트’) 은(는) 정보주체로부터 개인정보를 수집할 때 동의 받은 개인정보 보유․이용기간 또는 법령에 따른 개인정보 보유․이용기간 내에서 개인정보를 처리․보유합니다.
② 구체적인 개인정보 처리 및 보유 기간은 다음과 같습니다.
☞ 아래 예시를 참고하여 개인정보 처리업무와 개인정보 처리업무에 대한 보유기간 및 관련 법령, 근거 등을 기재합니다.
(예시)- 고객 가입 및 관리 : 서비스 이용계약 또는 회원가입 해지시까지, 다만 채권․채무관계 잔존시에는 해당 채권․채무관계 정산시까지
- 전자상거래에서의 계약․청약철회, 대금결제, 재화 등 공급기록 : 5년
3. 정보주체와 법정대리인의 권리·의무 및 그 행사방법 이용자는 개인정보주체로써 다음과 같은 권리를 행사할 수 있습니다.
① 정보주체는 나만솔로(‘https://iamsolo.site/’이하 ‘나는솔로 비공식 팬사이트) 에 대해 언제든지 다음 각 호의 개인정보 보호 관련 권리를 행사할 수 있습니다.
1. 개인정보 열람요구
2. 오류 등이 있을 경우 정정 요구
3. 삭제요구
4. 처리정지 요구
4. 처리하는 개인정보의 항목 작성
① <나만솔로>('https://iamsolo.site/'이하 '나는솔로 비공식 팬사이트')은(는) 다음의 개인정보 항목을 처리하고 있습니다.
1<없음>
- 필수항목 : 없음
- 선택항목 :
5. 개인정보의 파기
<나만솔로>('나는솔로 비공식 팬사이트')은(는) 원칙적으로 개인정보 처리목적이 달성된 경우에는 지체없이 해당 개인정보를 파기합니다. 파기의 절차, 기한 및 방법은 다음과 같습니다.
-파기절차
이용자가 입력한 정보는 목적 달성 후 별도의 DB에 옮겨져(종이의 경우 별도의 서류) 내부 방침 및 기타 관련 법령에 따라 일정기간 저장된 후 혹은 즉시 파기됩니다. 이 때, DB로 옮겨진 개인정보는 법률에 의한 경우가 아니고서는 다른 목적으로 이용되지 않습니다.
-파기기한
이용자의 개인정보는 개인정보의 보유기간이 경과된 경우에는 보유기간의 종료일로부터 5일 이내에, 개인정보의 처리 목적 달성, 해당 서비스의 폐지, 사업의 종료 등 그 개인정보가 불필요하게 되었을 때에는 개인정보의 처리가 불필요한 것으로 인정되는 날로부터 5일 이내에 그 개인정보를 파기합니다.
6. 개인정보 자동 수집 장치의 설치•운영 및 거부에 관한 사항
나만솔로 은 정보주체의 이용정보를 저장하고 수시로 불러오는 ‘쿠키’를 사용하지 않습니다.
7. 개인정보 보호책임자 작성
① 나만솔로(‘https://iamsolo.site/’이하 ‘나는솔로 비공식 팬사이트) 은(는) 개인정보 처리에 관한 업무를 총괄해서 책임지고, 개인정보 처리와 관련한 정보주체의 불만처리 및 피해구제 등을 위하여 아래와 같이 개인정보 보호책임자를 지정하고 있습니다.
▶ 개인정보 보호책임자
성명: 박태선
직책: 대표
직급: CEO
mobile: 01036539698
email: taesonpark@naver.com
▶ 개인정보 보호 담당부서
부서명:
담당자:
연락처:
② 정보주체께서는 나만솔로(‘https://iamsolo.site/’이하 ‘나는솔로 비공식 팬사이트) 의 서비스(또는 사업)을 이용하시면서 발생한 모든 개인정보 보호 관련 문의, 불만처리, 피해구제 등에 관한 사항을 개인정보 보호책임자 및 담당부서로 문의하실 수 있습니다. 나만솔로(‘https://iamsolo.site/’이하 ‘나는솔로 비공식 팬사이트) 은(는) 정보주체의 문의에 대해 지체 없이 답변 및 처리해드릴 것입니다.
8. 개인정보 처리방침 변경
①이 개인정보처리방침은 시행일로부터 적용되며, 법령 및 방침에 따른 변경내용의 추가, 삭제 및 정정이 있는 경우에는 변경사항의 시행 7일 전부터 공지사항을 통하여 고지할 것입니다.
9. 개인정보의 안전성 확보 조치 <나만솔로>('나는솔로 비공식 팬사이트')은(는) 개인정보보호법 제29조에 따라 다음과 같이 안전성 확보에 필요한 기술적/관리적 및 물리적 조치를 하고 있습니다.
1. 정기적인 자체 감사 실시
개인정보 취급 관련 안정성 확보를 위해 정기적(분기 1회)으로 자체 감사를 실시하고 있습니다.
"
- 문의사항 작성:
"
나만솔로(‘https://iamsolo.site/’이하 ‘나는솔로 비공식 팬사이트) 은(는) 개인정보 처리에 관한 업무를 총괄해서 책임지고, 개인정보 처리와 관련한 정보주체의 불만처리 및 피해구제 등을 위하여 아래와 같이 개인정보 보호책임자를 지정하고 있습니다.
▶ 개인정보 보호책임자
성명: 박태선
직책: 대표
직급: CEO
mobile: 01036539698
email: taesonpark@naver.com
"
- 이에 따라 페이지 작성:
(다음글은 Part 2에서)
