Today I Learned-2
도메인 생성 및 github 연동, 웹 추가기능 적용
도메인 생성
- freenom 가입 후 도메인 2개 생성 (개인용/수업용)
- 각 도메인 -> management -> recorde 2개 생성 -> target 모두 75.2.60.5(netlify 주소) / 아래 name에만 ‘www’
netlify 연동
- github로부터 연동된 index.html 등 배포 후 확인
- 시간 좀 지나면 SSL/TLS 활성화되면서 http -> https 로 바뀜
각자 자리에 웹서버 설치(Nginx 사용)
- 예제 만든 web 폴더, C: 바로 아래에 이동
- nginx.conf 에서 location 수정 (root C:/web;)
- nginx 실행 후 웹브라우저로 localhost 확인
- 동일 네트워크(와이파이) 접속 후 모바일로도 확인 (cmd에서 ipconfig로 ip 확인 가능)
여기까지 정리 및 확인사항
- 탐색기 -> web -> index.html / 본인 pc에서만 실행 가능
- 배포한 도메인으로 확인 / 어디서든 접속가능
- localhost로 확인 / 본인pc and 동일 네트워크(와이파이) 연결한 모바일에서 접속가능 ***
동영상 추가 태그
- 유튜브 ‘<>퍼가기’ 로 소스코드 복사
- html 파일에 그대로 붙여넣기
- 적용되는 태그(iframe), 외울 필요없이 때마다 가져오기
댓글 기능(만들어놓은거 쓰기)
- discus 가입 후 소스코드 가져오기
- html 파일에 그대로 붙여넣기
채팅 기능(만들어놓은거 쓰기)
- tawk.tk 가입
- 위젯 소스코드, html 파일에 그대로 붙여넣기
기능 적용
- index, 1, 2, 3.html 모두에 ‘댓글’, ‘채팅’ 소스코드 붙여넣기
- 깃허브에도 업데이트
여기까지 정리 및 확인사항
- 2개의 도메인 다시 확인
- 도메인 2개(수업용, 개인용) 밴드에 제출 ***
애널리틱스 적용
- 구글 애널리틱스 가입
- 속성 만들기
- 데이터스트림 설정 (url: 수업용도메인 & 스트림 이름: 아무거나)
- 웹스트림 세부정보 > 새로운 온페이지 태그 추가 > 애널리틱스 태그, head 섹션에 붙여넣기
- 애널리틱스 보고서에서 실시간 확인
화면설계 기획 실습
- 카카오오븐 가입 & starUML 설치
- 오븐, 새 프로젝트 생성 후 제공되는 요소 및 아이콘들로 예제 따라하기 ***
기타(팁)
- 앞으로 툴 다운받을 땐 공유폴더에서 가져오기 (cmd > \10.100.104.16) ***
다음 강의 준비
- 주말 자습
- 잘 쉬기 ***
nice!!