Project 해보자!
1.[OpenCV]Project 1. 마스크 착용여부 확인 모델 만들기
1. cv를 통해 얼굴 인식해보기 >현재 사용하고 있는 tf2 내에 opencv를 설치 >> conda install opencv pip install cvlib 얼굴 인식 프로그램을 만들기 전, cv라이브러리 내 딥러닝을 통해 얼굴을 인식하게 만들어놓은 라이브러리
2.[프로젝트] 인스타그램 클론코딩 #1. Header
css/style.csscss/reset.csshttps://cssdeck.com/blog/scripts/eric-meyer-reset-css/ 참고reset.css : 브라우저마다 동일한 css값 보여주기 위하여 default값들 초기화 추가 후 index.
3.[프로젝트] 인스타그램 클론코딩 #2. Content
3. content > - main_container inner contents_box : 내부 contents 배치 index.html style.css 컨텐츠 영역 분리 1️⃣ top 영역 컨텐츠 내 프로필, 글자, 더보기 포함 index.htm
4.[프로젝트] 인스타그램 클론코딩 #3. side_box
side_boxprofile스토리 사용자 추천sidebox : 기존 contents_box 옆에 생김새로운 div sideboxuserprofileprofile_thumbdetailid한글명index.htmlstyle.cssmain_container .inner 내 p
5.[프로젝트] 인스타그램 클론코딩 #4. 반응형 적용
크기 축소 시 레이아웃이 망가짐화면 크기에 맞춰 반응형 적용 추가메타 태그 : 웹 사이트 설정 가능 \-meta 태그 내 name="viewport" 명시 필요 : 반응형 웹 사이트 제작 가능content : 모든 크기는 디바이스와 동일하게 가겠다고 설정최소, 최댓값
6.[프로젝트] 인스타그램 클론코딩 #5. JS 적용하기
5. JS 1) 하트 색상 변경 index.html main.js style.css querySelector : 쿼리 1개만 가지고 오므로 하트 실행 안됨 querySelectorAll() 사용해도 배열로 가져오므로 하나하나 이벤트를 넣어야 함 ✔️ eve
7.[프로젝트] 인스타그램 클론코딩 #6. JS 적용하기 - event delegation
이벤트를 위임해 부모에게 전달하트 클릭 : 하트 대상에게 on클래스를 주어 하트에 불이 들어오게 함클래스를 주어야 할 요소 개수가 많아지면 : 모든 요소들에 이벤트를 반복적으로 추가해야함이벤트를 모두 포함하는 컨텐츠 박스 추가 후 이벤트를 위임하는 방법임게시물 : 하트
8.[프로젝트] 인스타그램 클론코딩 #7.AJAX
비동기적인 자바스크립트와 xmlastnchronous javascript and xml비동기적인 방식 : 여러 일들을 분업화하여 처리동기적인 방식 : 서버와 연결하지 않고 웹 사이트 만듦ex) sns앱의 경우프로세스 : 앱 열기 / 페이지 내리기 / 포스트 로딩 / 댓