내 사진 한 장으로 퍼스널 컬러 찾기 4편 퍼스널 컬러 판별과 무료 배포 3편에서 MediaPipe로 얼굴의 478개 랜드마크를 찾고, 볼과 이마에서 700개 픽셀을 추출해서 평균 피부색 RGB를 구했습니다. 결과 화면에 색상 사각형과 RGB 값이 표시되는 것까지 확인했죠. 그런데 RGB195, 158, 135 같은 숫자만 봐서는 이 사람이 웜톤인지 쿨톤인...
내 사진 한 장으로 퍼스널 컬러 찾기 3편 브라우저에서 얼굴 찾기 만들 내용 2편에서 이미지 업로드 UI를 만들고 Canvas에 그리는 것까지 했습니다. 사용자가 사진을 올리면 화면에 표시되고, "퍼스널 컬러 분석하기" 버튼도 달아 뒀죠. 다만 버튼을 눌러도 "3편에서 구현합니다"라는 알림만 뜨고 아무 일도 일어나지 않았습니다. 이번 편에서 그 버튼에 진짜...
내 사진 한 장으로 퍼스널 컬러 찾기 2편 반응형 UI 만들기와 이미지 업로드 만들 내용 1편에서 Vite + Tailwind CSS 프로젝트를 세팅하고 ES 모듈로 파일을 나누는 방법을 익혔습니다. 색상 변환 유틸리티도 만들었고, 개발 서버에서 동작하는 것까지 확인했고요. 뼈대는 갖춰졌으니, 이제 살을 붙일 차례입니다. 교육 현장에서 학생들이 프로젝트를 ...
내 사진 한 장으로 퍼스널 컬러 찾기 1편 프로젝트 세팅과 모듈화 첫걸음 교육 현장에서 HTML과 Tailwind CSS를 가르치고 나면, 학생들이 꼭 하는 질문이 있습니다. "이제 뭘 만들어야 하나요?" JavaScript로 객체와 배열까지 배웠는데, 막상 뭔가 그럴듯한 걸 만들려고 하면 막막합니다. 파일 하나에 HTML, CSS, JavaScript를 ...
더 이상 글이 없습니다.
