![[HTML/CSS/JS] HODU SUPER](https://prod-files-secure.s3.us-west-2.amazonaws.com/9a037965-1136-4fe0-bfa2-fa033f395a94/d5eafdab-bf99-41f8-a825-98047e9a0b6c/hodu.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=ASIAZI2LB466YNT5EYJJ%2F20251223%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20251223T045736Z&X-Amz-Expires=3600&X-Amz-Security-Token=IQoJb3JpZ2luX2VjEDwaCXVzLXdlc3QtMiJGMEQCIA%2F%2B%2FT9v9cdibFSPciyrNAttv%2FN0fyfWv3TpruuDSXvBAiAaqshbweSJc9BiY4w8J8jlJdOhwrEvAqQcGL%2BsHm9PxCr%2FAwgFEAAaDDYzNzQyMzE4MzgwNSIMBoLJfgKlEDbYvKrsKtwDSHMcVaqNV%2F3WeNV3DuCaV06oOQ2rkI%2BPWkqnhlt7EwIHYBkXHsNrnc9jgkRvSY9CirUFGjnJdlf1Ml6pzcIwRLfmZbTtprhuJi%2FMi8zRL4p6xmZOyvUNgbwEBdvUbkkcA0Vfvq%2BUz4oCfTElFpQBnfPa5rb4FN3upA9dh%2BqLY0JW%2FIaNGW3QUcJ%2B7xi726dgSw%2FZc9zWgosk0u%2BYyKq3z%2BqmBlZ3CkRtDXaQJBPgAMQa3XlB2ZZ40qwO%2BV%2FPM9cutJnrCJVHjdL%2BGWzSNhOb1CaJji1Ple9A2WGRwwZZOxCNlTwo4TSVCbdccnMAka7WAQUna3dmEm0LFH%2FIgmhWJ9PGTSTrtIm3516DA%2FLftMOEuE%2FrOggGUi8xuH%2Fzy2uRQGcGOAieCXd%2FxkGCvFdyM03TbbgKtRBqTpvUKG9BwDa4BmJHSH84bMHrTG5gXjOPo0kxoYtHtcpuxAQSiauE3WuMwdKbr4aYyTOFUIQ3yS2yF1qMbBmnN%2FJw2XgJNfHAEcLB2cyfl2eF7t%2FGX%2B13GZKXboYgJJZH%2BA3owKOkPYoZCG57w2kvmywtn3aTGYGmgvjeaTgrAGuNiO6U2yPEaxHjUrJrnTqoPC9UpjUTPgz0ARwHRLMY14jBBcMwsa%2BoygY6pgHAMAeKysdalErW7lYuhmbAruwuTTWi%2Fu5UzH7Cyw1J4lUx5VRbiJzarK1OxBLHIRPVQlpN%2FlzJqSaxDu5v5PNVs8eQncr1arrCls1PgNWFyAwaBUdIaEj0Oo%2FJKP6cE1c2iLoAn8nmVOFLD%2FPelBpMnpHOzVxtqGz30W0YdyYn44GgB%2FVJAOoeZF4YlLBTUb9Y%2FySLxoM7linxM7x7i08AE14Mq9Pf&X-Amz-Signature=62ec7f7892f74213eb3733039f6177cf452b2af020cd65ad41327a194eaaddaf&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject)
HTMLCSSJavaScript
[HTML/CSS/JS] HODU SUPER
API를 연동하여 Vanilla JS로 구현한 오픈 마켓 플랫폼
Chae-hyeon Kim
![[JS] Trip Wiki-전 세계 도시 여행 정보 한눈에 보기(SPA 프로젝트)](https://prod-files-secure.s3.us-west-2.amazonaws.com/9a037965-1136-4fe0-bfa2-fa033f395a94/948aa8ff-1dc1-4e96-8e9b-8a90651e22d3/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA_2025-09-21_%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE_3.33.01.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=ASIAZI2LB466YNT5EYJJ%2F20251223%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20251223T045736Z&X-Amz-Expires=3600&X-Amz-Security-Token=IQoJb3JpZ2luX2VjEDwaCXVzLXdlc3QtMiJGMEQCIA%2F%2B%2FT9v9cdibFSPciyrNAttv%2FN0fyfWv3TpruuDSXvBAiAaqshbweSJc9BiY4w8J8jlJdOhwrEvAqQcGL%2BsHm9PxCr%2FAwgFEAAaDDYzNzQyMzE4MzgwNSIMBoLJfgKlEDbYvKrsKtwDSHMcVaqNV%2F3WeNV3DuCaV06oOQ2rkI%2BPWkqnhlt7EwIHYBkXHsNrnc9jgkRvSY9CirUFGjnJdlf1Ml6pzcIwRLfmZbTtprhuJi%2FMi8zRL4p6xmZOyvUNgbwEBdvUbkkcA0Vfvq%2BUz4oCfTElFpQBnfPa5rb4FN3upA9dh%2BqLY0JW%2FIaNGW3QUcJ%2B7xi726dgSw%2FZc9zWgosk0u%2BYyKq3z%2BqmBlZ3CkRtDXaQJBPgAMQa3XlB2ZZ40qwO%2BV%2FPM9cutJnrCJVHjdL%2BGWzSNhOb1CaJji1Ple9A2WGRwwZZOxCNlTwo4TSVCbdccnMAka7WAQUna3dmEm0LFH%2FIgmhWJ9PGTSTrtIm3516DA%2FLftMOEuE%2FrOggGUi8xuH%2Fzy2uRQGcGOAieCXd%2FxkGCvFdyM03TbbgKtRBqTpvUKG9BwDa4BmJHSH84bMHrTG5gXjOPo0kxoYtHtcpuxAQSiauE3WuMwdKbr4aYyTOFUIQ3yS2yF1qMbBmnN%2FJw2XgJNfHAEcLB2cyfl2eF7t%2FGX%2B13GZKXboYgJJZH%2BA3owKOkPYoZCG57w2kvmywtn3aTGYGmgvjeaTgrAGuNiO6U2yPEaxHjUrJrnTqoPC9UpjUTPgz0ARwHRLMY14jBBcMwsa%2BoygY6pgHAMAeKysdalErW7lYuhmbAruwuTTWi%2Fu5UzH7Cyw1J4lUx5VRbiJzarK1OxBLHIRPVQlpN%2FlzJqSaxDu5v5PNVs8eQncr1arrCls1PgNWFyAwaBUdIaEj0Oo%2FJKP6cE1c2iLoAn8nmVOFLD%2FPelBpMnpHOzVxtqGz30W0YdyYn44GgB%2FVJAOoeZF4YlLBTUb9Y%2FySLxoM7linxM7x7i08AE14Mq9Pf&X-Amz-Signature=8f15503508467d987b5ea20ef1253280c287c6b69ba644580b339251f052e946&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject)
JavaScript
[JS] Trip Wiki-전 세계 도시 여행 정보 한눈에 보기(SPA 프로젝트)
Trip Wiki는 전 세계 도시들의 여행 정보를 한눈에 확인할 수 있는 SPA(Single Page Application)입니다.
Chae-hyeon Kim
![[JS] 레트로 포켓몬 도감(Pokemon Pokedex)](https://prod-files-secure.s3.us-west-2.amazonaws.com/9a037965-1136-4fe0-bfa2-fa033f395a94/e440aa24-1964-44b4-b8f8-481e47e637d8/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA_2025-09-21_%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE_12.27.42.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=ASIAZI2LB466YNT5EYJJ%2F20251223%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20251223T045736Z&X-Amz-Expires=3600&X-Amz-Security-Token=IQoJb3JpZ2luX2VjEDwaCXVzLXdlc3QtMiJGMEQCIA%2F%2B%2FT9v9cdibFSPciyrNAttv%2FN0fyfWv3TpruuDSXvBAiAaqshbweSJc9BiY4w8J8jlJdOhwrEvAqQcGL%2BsHm9PxCr%2FAwgFEAAaDDYzNzQyMzE4MzgwNSIMBoLJfgKlEDbYvKrsKtwDSHMcVaqNV%2F3WeNV3DuCaV06oOQ2rkI%2BPWkqnhlt7EwIHYBkXHsNrnc9jgkRvSY9CirUFGjnJdlf1Ml6pzcIwRLfmZbTtprhuJi%2FMi8zRL4p6xmZOyvUNgbwEBdvUbkkcA0Vfvq%2BUz4oCfTElFpQBnfPa5rb4FN3upA9dh%2BqLY0JW%2FIaNGW3QUcJ%2B7xi726dgSw%2FZc9zWgosk0u%2BYyKq3z%2BqmBlZ3CkRtDXaQJBPgAMQa3XlB2ZZ40qwO%2BV%2FPM9cutJnrCJVHjdL%2BGWzSNhOb1CaJji1Ple9A2WGRwwZZOxCNlTwo4TSVCbdccnMAka7WAQUna3dmEm0LFH%2FIgmhWJ9PGTSTrtIm3516DA%2FLftMOEuE%2FrOggGUi8xuH%2Fzy2uRQGcGOAieCXd%2FxkGCvFdyM03TbbgKtRBqTpvUKG9BwDa4BmJHSH84bMHrTG5gXjOPo0kxoYtHtcpuxAQSiauE3WuMwdKbr4aYyTOFUIQ3yS2yF1qMbBmnN%2FJw2XgJNfHAEcLB2cyfl2eF7t%2FGX%2B13GZKXboYgJJZH%2BA3owKOkPYoZCG57w2kvmywtn3aTGYGmgvjeaTgrAGuNiO6U2yPEaxHjUrJrnTqoPC9UpjUTPgz0ARwHRLMY14jBBcMwsa%2BoygY6pgHAMAeKysdalErW7lYuhmbAruwuTTWi%2Fu5UzH7Cyw1J4lUx5VRbiJzarK1OxBLHIRPVQlpN%2FlzJqSaxDu5v5PNVs8eQncr1arrCls1PgNWFyAwaBUdIaEj0Oo%2FJKP6cE1c2iLoAn8nmVOFLD%2FPelBpMnpHOzVxtqGz30W0YdyYn44GgB%2FVJAOoeZF4YlLBTUb9Y%2FySLxoM7linxM7x7i08AE14Mq9Pf&X-Amz-Signature=34ea77f05eb7eec4d64a2f2298645a2ba2a26157311d550fc17491f66f3cb76d&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject)
HTMLJavaScriptCSS
[JS] 레트로 포켓몬 도감(Pokemon Pokedex)
PoKeAPI를 활용한 레트로 게임보이 스타일의 포켓몬 도감
Chae-hyeon Kim
![[HTML/CSS/JS] 1만 시간의 법칙](https://prod-files-secure.s3.us-west-2.amazonaws.com/9a037965-1136-4fe0-bfa2-fa033f395a94/35f24187-e568-40cb-b63a-770734f52add/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA_2025-09-20_%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE_9.46.17.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=ASIAZI2LB466YNT5EYJJ%2F20251223%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20251223T045736Z&X-Amz-Expires=3600&X-Amz-Security-Token=IQoJb3JpZ2luX2VjEDwaCXVzLXdlc3QtMiJGMEQCIA%2F%2B%2FT9v9cdibFSPciyrNAttv%2FN0fyfWv3TpruuDSXvBAiAaqshbweSJc9BiY4w8J8jlJdOhwrEvAqQcGL%2BsHm9PxCr%2FAwgFEAAaDDYzNzQyMzE4MzgwNSIMBoLJfgKlEDbYvKrsKtwDSHMcVaqNV%2F3WeNV3DuCaV06oOQ2rkI%2BPWkqnhlt7EwIHYBkXHsNrnc9jgkRvSY9CirUFGjnJdlf1Ml6pzcIwRLfmZbTtprhuJi%2FMi8zRL4p6xmZOyvUNgbwEBdvUbkkcA0Vfvq%2BUz4oCfTElFpQBnfPa5rb4FN3upA9dh%2BqLY0JW%2FIaNGW3QUcJ%2B7xi726dgSw%2FZc9zWgosk0u%2BYyKq3z%2BqmBlZ3CkRtDXaQJBPgAMQa3XlB2ZZ40qwO%2BV%2FPM9cutJnrCJVHjdL%2BGWzSNhOb1CaJji1Ple9A2WGRwwZZOxCNlTwo4TSVCbdccnMAka7WAQUna3dmEm0LFH%2FIgmhWJ9PGTSTrtIm3516DA%2FLftMOEuE%2FrOggGUi8xuH%2Fzy2uRQGcGOAieCXd%2FxkGCvFdyM03TbbgKtRBqTpvUKG9BwDa4BmJHSH84bMHrTG5gXjOPo0kxoYtHtcpuxAQSiauE3WuMwdKbr4aYyTOFUIQ3yS2yF1qMbBmnN%2FJw2XgJNfHAEcLB2cyfl2eF7t%2FGX%2B13GZKXboYgJJZH%2BA3owKOkPYoZCG57w2kvmywtn3aTGYGmgvjeaTgrAGuNiO6U2yPEaxHjUrJrnTqoPC9UpjUTPgz0ARwHRLMY14jBBcMwsa%2BoygY6pgHAMAeKysdalErW7lYuhmbAruwuTTWi%2Fu5UzH7Cyw1J4lUx5VRbiJzarK1OxBLHIRPVQlpN%2FlzJqSaxDu5v5PNVs8eQncr1arrCls1PgNWFyAwaBUdIaEj0Oo%2FJKP6cE1c2iLoAn8nmVOFLD%2FPelBpMnpHOzVxtqGz30W0YdyYn44GgB%2FVJAOoeZF4YlLBTUb9Y%2FySLxoM7linxM7x7i08AE14Mq9Pf&X-Amz-Signature=127b85c3a41d011bc6f30e10a52b5df54f137402ee2e60d31e48c8589e5d0d78&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject)
HTMLCSSJavaScript
[HTML/CSS/JS] 1만 시간의 법칙
사용자가 원하는 분야와 하루 훈련 시간을 입력하면 1만 시간 달성까지 필요한 일수를 계산해주는 반응형 웹
Chae-hyeon Kim
![[HTML/CSS/JS] 인사평가 S등급을 받게 해준 To-do List](https://prod-files-secure.s3.us-west-2.amazonaws.com/9a037965-1136-4fe0-bfa2-fa033f395a94/1cb24b6f-2aa1-4c70-a42c-a459749f2d36/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA_2025-09-20_%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE_8.10.45.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=ASIAZI2LB466YNT5EYJJ%2F20251223%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20251223T045736Z&X-Amz-Expires=3600&X-Amz-Security-Token=IQoJb3JpZ2luX2VjEDwaCXVzLXdlc3QtMiJGMEQCIA%2F%2B%2FT9v9cdibFSPciyrNAttv%2FN0fyfWv3TpruuDSXvBAiAaqshbweSJc9BiY4w8J8jlJdOhwrEvAqQcGL%2BsHm9PxCr%2FAwgFEAAaDDYzNzQyMzE4MzgwNSIMBoLJfgKlEDbYvKrsKtwDSHMcVaqNV%2F3WeNV3DuCaV06oOQ2rkI%2BPWkqnhlt7EwIHYBkXHsNrnc9jgkRvSY9CirUFGjnJdlf1Ml6pzcIwRLfmZbTtprhuJi%2FMi8zRL4p6xmZOyvUNgbwEBdvUbkkcA0Vfvq%2BUz4oCfTElFpQBnfPa5rb4FN3upA9dh%2BqLY0JW%2FIaNGW3QUcJ%2B7xi726dgSw%2FZc9zWgosk0u%2BYyKq3z%2BqmBlZ3CkRtDXaQJBPgAMQa3XlB2ZZ40qwO%2BV%2FPM9cutJnrCJVHjdL%2BGWzSNhOb1CaJji1Ple9A2WGRwwZZOxCNlTwo4TSVCbdccnMAka7WAQUna3dmEm0LFH%2FIgmhWJ9PGTSTrtIm3516DA%2FLftMOEuE%2FrOggGUi8xuH%2Fzy2uRQGcGOAieCXd%2FxkGCvFdyM03TbbgKtRBqTpvUKG9BwDa4BmJHSH84bMHrTG5gXjOPo0kxoYtHtcpuxAQSiauE3WuMwdKbr4aYyTOFUIQ3yS2yF1qMbBmnN%2FJw2XgJNfHAEcLB2cyfl2eF7t%2FGX%2B13GZKXboYgJJZH%2BA3owKOkPYoZCG57w2kvmywtn3aTGYGmgvjeaTgrAGuNiO6U2yPEaxHjUrJrnTqoPC9UpjUTPgz0ARwHRLMY14jBBcMwsa%2BoygY6pgHAMAeKysdalErW7lYuhmbAruwuTTWi%2Fu5UzH7Cyw1J4lUx5VRbiJzarK1OxBLHIRPVQlpN%2FlzJqSaxDu5v5PNVs8eQncr1arrCls1PgNWFyAwaBUdIaEj0Oo%2FJKP6cE1c2iLoAn8nmVOFLD%2FPelBpMnpHOzVxtqGz30W0YdyYn44GgB%2FVJAOoeZF4YlLBTUb9Y%2FySLxoM7linxM7x7i08AE14Mq9Pf&X-Amz-Signature=925245beb80efdfbb3e5f19e3d97671b1122fe63351b3bd44ab113967f797c8e&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject)
HTMLCSSJavaScript
[HTML/CSS/JS] 인사평가 S등급을 받게 해준 To-do List
HTML, CSS, JavaScript로 만든 간단한 일정 관리 웹앱(To-do List)
Chae-hyeon Kim
![[JS] MBTI Data Explorer: 내 안에 숨어있는 직업캐 찾기](https://prod-files-secure.s3.us-west-2.amazonaws.com/9a037965-1136-4fe0-bfa2-fa033f395a94/7a940779-9718-4451-8fda-7ad085f854e2/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA_2025-09-20_%E1%84%8B%E1%85%A9%E1%84%92%E1%85%AE_6.45.50.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=ASIAZI2LB466YNT5EYJJ%2F20251223%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20251223T045736Z&X-Amz-Expires=3600&X-Amz-Security-Token=IQoJb3JpZ2luX2VjEDwaCXVzLXdlc3QtMiJGMEQCIA%2F%2B%2FT9v9cdibFSPciyrNAttv%2FN0fyfWv3TpruuDSXvBAiAaqshbweSJc9BiY4w8J8jlJdOhwrEvAqQcGL%2BsHm9PxCr%2FAwgFEAAaDDYzNzQyMzE4MzgwNSIMBoLJfgKlEDbYvKrsKtwDSHMcVaqNV%2F3WeNV3DuCaV06oOQ2rkI%2BPWkqnhlt7EwIHYBkXHsNrnc9jgkRvSY9CirUFGjnJdlf1Ml6pzcIwRLfmZbTtprhuJi%2FMi8zRL4p6xmZOyvUNgbwEBdvUbkkcA0Vfvq%2BUz4oCfTElFpQBnfPa5rb4FN3upA9dh%2BqLY0JW%2FIaNGW3QUcJ%2B7xi726dgSw%2FZc9zWgosk0u%2BYyKq3z%2BqmBlZ3CkRtDXaQJBPgAMQa3XlB2ZZ40qwO%2BV%2FPM9cutJnrCJVHjdL%2BGWzSNhOb1CaJji1Ple9A2WGRwwZZOxCNlTwo4TSVCbdccnMAka7WAQUna3dmEm0LFH%2FIgmhWJ9PGTSTrtIm3516DA%2FLftMOEuE%2FrOggGUi8xuH%2Fzy2uRQGcGOAieCXd%2FxkGCvFdyM03TbbgKtRBqTpvUKG9BwDa4BmJHSH84bMHrTG5gXjOPo0kxoYtHtcpuxAQSiauE3WuMwdKbr4aYyTOFUIQ3yS2yF1qMbBmnN%2FJw2XgJNfHAEcLB2cyfl2eF7t%2FGX%2B13GZKXboYgJJZH%2BA3owKOkPYoZCG57w2kvmywtn3aTGYGmgvjeaTgrAGuNiO6U2yPEaxHjUrJrnTqoPC9UpjUTPgz0ARwHRLMY14jBBcMwsa%2BoygY6pgHAMAeKysdalErW7lYuhmbAruwuTTWi%2Fu5UzH7Cyw1J4lUx5VRbiJzarK1OxBLHIRPVQlpN%2FlzJqSaxDu5v5PNVs8eQncr1arrCls1PgNWFyAwaBUdIaEj0Oo%2FJKP6cE1c2iLoAn8nmVOFLD%2FPelBpMnpHOzVxtqGz30W0YdyYn44GgB%2FVJAOoeZF4YlLBTUb9Y%2FySLxoM7linxM7x7i08AE14Mq9Pf&X-Amz-Signature=49813a90585334ed344d01ad977473f6a066c2e045612f2f193999b6805eef0d&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject)
JavaScriptHTMLCSS
[JS] MBTI Data Explorer: 내 안에 숨어있는 직업캐 찾기
내 안에 숨어 있는 데이터 탐험 타입 찾기
Chae-hyeon Kim