반응형 개인프로젝트3 MBTI 이상형 여친 찾기 / MBTI 이상형 남친 찾기 App 소개 첫 개인 프로젝트로 진행해본 Web앱 입니다. MBTI 이상형 여친 찾기 / MBTI 이상형 남친 찾기 여기서 해보실 수 있어요. https://app.kincoding.com/girl/ MBTI 이상형 여친 찾기 AI가 당신의 이상형을 추천해드려요 app.kincoding.com https://app.kincoding.com/boy/ MBTI 이상형 남친 찾기 AI가 당신의 이상형을 추천해드려요 app.kincoding.com 화면구성 화면구성은 다음과 같습니다. 메인 페이지 입니다. 그냥 [시작하기] 버튼을 당장 클릭하면 끝! 남성 사용자라면 로, 여성 사용자라면 로 진행해보세요. 그러면 이렇게 성격분석을 위한 몇 가지 질문을 하게 되구요, 느낌이 빡! 오는대로 선택해주시면 됩니다. 진행하시다 하단에.. 2022. 12. 21. 여러 개의 이미지 파일들을 로테이션 해서 보여주기 - Shuffle 효과 최근에 개인프로젝트로 간단한 웹기반 애플리케이션을 만들었습니다. 크리스마스 시즌이기도 해서 신년 인사들을 메신저로 많이 주고받을 텐데요, 그때 지인들에게 보내주면 좋겠다는 생각이 들어서 간단하게 즐길 수 있는 app을 만들어보았습니다. 막상 직접 프로젝트를 진행하다보니 디테일에 점점 욕심이 났지만, 재미로 하는 작업이라 그냥 심플한 수준에서 마무리를 했습니다. MBTI 이상형 여친 찾기 / 남친 찾기 제가 이번에 만들어 본 애플리케이션입니다. 뭔가 거창한 걸 만들 시간은 없고해서 짧게 진행할 수 있는 프로젝트로 선정을 해봤습니다. 연말, 크리스마스에는 뭐니뭐니 해도 옆구리 허전한 사람들에게는 절대적으로 애인이 필요하겠죠?^^; 직접 해보는 게 가장 큰 공부 역시나 그 동안 공부해왔던 내용을 바탕으로 셀프.. 2022. 12. 20. 버튼을 클릭하면 클립보드에 복사하기, Button, Clipboard 주말을 맞이하여 잠깐 생각해둔 바 있던 개인 프로젝트를 진행해보고 있습니다. 당근빠따 실력은 아직 미천하지만 그 동안 공부해온 내용 수준 안에서 완성을 해 볼 수 있는 수준으로 기획했습니다. Kin Converter라고 일단 대충 이름을 붙여봤는데요 상단 Textarea에 코드를 넣고 [ Convert ] 버튼을 클릭하면 변경된 코드가 아래쪽 Textarea에 출력되고 이때 알아서 복사해가거나 [ Copy to ClipBoard ] 버튼을 클릭하면 메모리에 복사가 되어 퍼가기 쉽게 하는 기능입니다. 요즘은 유튜브나 다른 서비스들에서도 저렇게 버튼을 클릭하면 생성된 코드를 메모리에 복사해주는 그런 기능들을 자주 볼 수 있습니다. 자, 실습! 일단 버튼을 하나 만들고 onclick 이벤트를 받으면 copyT.. 2022. 12. 6. 이전 1 다음 반응형
