![[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=ASIAZI2LB4667F6KASLX%2F20251025%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20251025T142734Z&X-Amz-Expires=3600&X-Amz-Security-Token=IQoJb3JpZ2luX2VjELz%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FwEaCXVzLXdlc3QtMiJHMEUCIE91k%2BLpVWhfS4%2FIz4k0N5GASlSdJP7T2ydQMM%2BnCaPGAiEA8aixb8MDRRqqotdUMM8RgazIn7dcNXvJ0yF6Ub3IhbAq%2FwMIdRAAGgw2Mzc0MjMxODM4MDUiDAkAI5srvhlU34sQoircA%2BtbEklVAR0iKY9BwUkoJU6UOnzISciD6srVNlrI4YFyjVkmVZiBX8763vVQgpC1Mf5f%2FSUGnwgi0p32QJWoylJjPDfRgvqkBWQdqPhBzQwjnuYVF7dSfA4CaSYEGS7fJd88SjCzwq54QymES5FgtcBL4F5677xaY0A3vbKabLcUHzNXJ8LncxcUMgnUg7uHpLMbgID99X3SvFtGL6HTKkqrhCOfTFOgLfxvhJSsPQ3g2DrIkMlPFoRzzvCojJP56t3vbxp%2Binqyn7gdoM%2FJ%2FenuZbLN2SYz4kal1UX%2Fzgk%2F%2F3a5Dki46AHMOZ3aS6YOdf0C7kHCEoxHQFbZzMivHMXjS555cNytLCc1OqijC1YZ6mBPlcXrYU9qdA43rUOlLqYEZzSnOzn9EBLjILb2dr4ZJL64m%2BoJjT99JgP%2BSqwyrrz4ZGTNpvnnoaiFQLxmoLhrceMWE0uwP%2FKG44MXRbP89VK7d1Jmgo7aPuTpTBQ8VYLKFRSgZOWWMUX0j5YWINEenOxGoFS7IASPZXuKjetu67n9JKxXwCTIwjT%2FwaOvf2IjO1kUcvImWpWE2fdhakAzwou71A0wMZuqNBbMQwthJxD5qTc32f7pnVle%2FBSC5p0k%2FEA6zRK4Ihh3MLjs8scGOqUBInwrOqRWpqwC0iGhiPPNWPuz3ITh2XJoqyNaOoVaQRtOdpKTxXEdyIewKlX7A6TuORVldMh4gJVD%2BT6mEMraiwvn7wPDBfPElo23VKHQOOEf2sUfHwR0sCe%2FMUv8lrabcOlBLX2KzPisWxJA0N%2BpAOWVVXOSart7pzW%2BuWsItBMJgwYkRjCB8J2otB8neqypT7aNivM1QVw%2FT0A09WDMG9qYAQ5F&X-Amz-Signature=475e8c838f7524abcd572f4c2745ea4eb619b4172754e9b954b8cbde72840b19&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=ASIAZI2LB4667F6KASLX%2F20251025%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20251025T142734Z&X-Amz-Expires=3600&X-Amz-Security-Token=IQoJb3JpZ2luX2VjELz%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FwEaCXVzLXdlc3QtMiJHMEUCIE91k%2BLpVWhfS4%2FIz4k0N5GASlSdJP7T2ydQMM%2BnCaPGAiEA8aixb8MDRRqqotdUMM8RgazIn7dcNXvJ0yF6Ub3IhbAq%2FwMIdRAAGgw2Mzc0MjMxODM4MDUiDAkAI5srvhlU34sQoircA%2BtbEklVAR0iKY9BwUkoJU6UOnzISciD6srVNlrI4YFyjVkmVZiBX8763vVQgpC1Mf5f%2FSUGnwgi0p32QJWoylJjPDfRgvqkBWQdqPhBzQwjnuYVF7dSfA4CaSYEGS7fJd88SjCzwq54QymES5FgtcBL4F5677xaY0A3vbKabLcUHzNXJ8LncxcUMgnUg7uHpLMbgID99X3SvFtGL6HTKkqrhCOfTFOgLfxvhJSsPQ3g2DrIkMlPFoRzzvCojJP56t3vbxp%2Binqyn7gdoM%2FJ%2FenuZbLN2SYz4kal1UX%2Fzgk%2F%2F3a5Dki46AHMOZ3aS6YOdf0C7kHCEoxHQFbZzMivHMXjS555cNytLCc1OqijC1YZ6mBPlcXrYU9qdA43rUOlLqYEZzSnOzn9EBLjILb2dr4ZJL64m%2BoJjT99JgP%2BSqwyrrz4ZGTNpvnnoaiFQLxmoLhrceMWE0uwP%2FKG44MXRbP89VK7d1Jmgo7aPuTpTBQ8VYLKFRSgZOWWMUX0j5YWINEenOxGoFS7IASPZXuKjetu67n9JKxXwCTIwjT%2FwaOvf2IjO1kUcvImWpWE2fdhakAzwou71A0wMZuqNBbMQwthJxD5qTc32f7pnVle%2FBSC5p0k%2FEA6zRK4Ihh3MLjs8scGOqUBInwrOqRWpqwC0iGhiPPNWPuz3ITh2XJoqyNaOoVaQRtOdpKTxXEdyIewKlX7A6TuORVldMh4gJVD%2BT6mEMraiwvn7wPDBfPElo23VKHQOOEf2sUfHwR0sCe%2FMUv8lrabcOlBLX2KzPisWxJA0N%2BpAOWVVXOSart7pzW%2BuWsItBMJgwYkRjCB8J2otB8neqypT7aNivM1QVw%2FT0A09WDMG9qYAQ5F&X-Amz-Signature=ba37d9b21f56dc36d03d9af7201c4a7c88a20787710df60c3a42b06fda33b756&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=ASIAZI2LB4667F6KASLX%2F20251025%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20251025T142734Z&X-Amz-Expires=3600&X-Amz-Security-Token=IQoJb3JpZ2luX2VjELz%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FwEaCXVzLXdlc3QtMiJHMEUCIE91k%2BLpVWhfS4%2FIz4k0N5GASlSdJP7T2ydQMM%2BnCaPGAiEA8aixb8MDRRqqotdUMM8RgazIn7dcNXvJ0yF6Ub3IhbAq%2FwMIdRAAGgw2Mzc0MjMxODM4MDUiDAkAI5srvhlU34sQoircA%2BtbEklVAR0iKY9BwUkoJU6UOnzISciD6srVNlrI4YFyjVkmVZiBX8763vVQgpC1Mf5f%2FSUGnwgi0p32QJWoylJjPDfRgvqkBWQdqPhBzQwjnuYVF7dSfA4CaSYEGS7fJd88SjCzwq54QymES5FgtcBL4F5677xaY0A3vbKabLcUHzNXJ8LncxcUMgnUg7uHpLMbgID99X3SvFtGL6HTKkqrhCOfTFOgLfxvhJSsPQ3g2DrIkMlPFoRzzvCojJP56t3vbxp%2Binqyn7gdoM%2FJ%2FenuZbLN2SYz4kal1UX%2Fzgk%2F%2F3a5Dki46AHMOZ3aS6YOdf0C7kHCEoxHQFbZzMivHMXjS555cNytLCc1OqijC1YZ6mBPlcXrYU9qdA43rUOlLqYEZzSnOzn9EBLjILb2dr4ZJL64m%2BoJjT99JgP%2BSqwyrrz4ZGTNpvnnoaiFQLxmoLhrceMWE0uwP%2FKG44MXRbP89VK7d1Jmgo7aPuTpTBQ8VYLKFRSgZOWWMUX0j5YWINEenOxGoFS7IASPZXuKjetu67n9JKxXwCTIwjT%2FwaOvf2IjO1kUcvImWpWE2fdhakAzwou71A0wMZuqNBbMQwthJxD5qTc32f7pnVle%2FBSC5p0k%2FEA6zRK4Ihh3MLjs8scGOqUBInwrOqRWpqwC0iGhiPPNWPuz3ITh2XJoqyNaOoVaQRtOdpKTxXEdyIewKlX7A6TuORVldMh4gJVD%2BT6mEMraiwvn7wPDBfPElo23VKHQOOEf2sUfHwR0sCe%2FMUv8lrabcOlBLX2KzPisWxJA0N%2BpAOWVVXOSart7pzW%2BuWsItBMJgwYkRjCB8J2otB8neqypT7aNivM1QVw%2FT0A09WDMG9qYAQ5F&X-Amz-Signature=9d8c266f037902f6e58d9f72b4efd79afad6f8d074dd5d48c5c1105260a1faf8&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=ASIAZI2LB4667F6KASLX%2F20251025%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20251025T142734Z&X-Amz-Expires=3600&X-Amz-Security-Token=IQoJb3JpZ2luX2VjELz%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FwEaCXVzLXdlc3QtMiJHMEUCIE91k%2BLpVWhfS4%2FIz4k0N5GASlSdJP7T2ydQMM%2BnCaPGAiEA8aixb8MDRRqqotdUMM8RgazIn7dcNXvJ0yF6Ub3IhbAq%2FwMIdRAAGgw2Mzc0MjMxODM4MDUiDAkAI5srvhlU34sQoircA%2BtbEklVAR0iKY9BwUkoJU6UOnzISciD6srVNlrI4YFyjVkmVZiBX8763vVQgpC1Mf5f%2FSUGnwgi0p32QJWoylJjPDfRgvqkBWQdqPhBzQwjnuYVF7dSfA4CaSYEGS7fJd88SjCzwq54QymES5FgtcBL4F5677xaY0A3vbKabLcUHzNXJ8LncxcUMgnUg7uHpLMbgID99X3SvFtGL6HTKkqrhCOfTFOgLfxvhJSsPQ3g2DrIkMlPFoRzzvCojJP56t3vbxp%2Binqyn7gdoM%2FJ%2FenuZbLN2SYz4kal1UX%2Fzgk%2F%2F3a5Dki46AHMOZ3aS6YOdf0C7kHCEoxHQFbZzMivHMXjS555cNytLCc1OqijC1YZ6mBPlcXrYU9qdA43rUOlLqYEZzSnOzn9EBLjILb2dr4ZJL64m%2BoJjT99JgP%2BSqwyrrz4ZGTNpvnnoaiFQLxmoLhrceMWE0uwP%2FKG44MXRbP89VK7d1Jmgo7aPuTpTBQ8VYLKFRSgZOWWMUX0j5YWINEenOxGoFS7IASPZXuKjetu67n9JKxXwCTIwjT%2FwaOvf2IjO1kUcvImWpWE2fdhakAzwou71A0wMZuqNBbMQwthJxD5qTc32f7pnVle%2FBSC5p0k%2FEA6zRK4Ihh3MLjs8scGOqUBInwrOqRWpqwC0iGhiPPNWPuz3ITh2XJoqyNaOoVaQRtOdpKTxXEdyIewKlX7A6TuORVldMh4gJVD%2BT6mEMraiwvn7wPDBfPElo23VKHQOOEf2sUfHwR0sCe%2FMUv8lrabcOlBLX2KzPisWxJA0N%2BpAOWVVXOSart7pzW%2BuWsItBMJgwYkRjCB8J2otB8neqypT7aNivM1QVw%2FT0A09WDMG9qYAQ5F&X-Amz-Signature=2dbcda5766e21e20aef4f302ceb10316803e0c382a97918e6d8f86cffc2043ee&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=ASIAZI2LB4667F6KASLX%2F20251025%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20251025T142734Z&X-Amz-Expires=3600&X-Amz-Security-Token=IQoJb3JpZ2luX2VjELz%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FwEaCXVzLXdlc3QtMiJHMEUCIE91k%2BLpVWhfS4%2FIz4k0N5GASlSdJP7T2ydQMM%2BnCaPGAiEA8aixb8MDRRqqotdUMM8RgazIn7dcNXvJ0yF6Ub3IhbAq%2FwMIdRAAGgw2Mzc0MjMxODM4MDUiDAkAI5srvhlU34sQoircA%2BtbEklVAR0iKY9BwUkoJU6UOnzISciD6srVNlrI4YFyjVkmVZiBX8763vVQgpC1Mf5f%2FSUGnwgi0p32QJWoylJjPDfRgvqkBWQdqPhBzQwjnuYVF7dSfA4CaSYEGS7fJd88SjCzwq54QymES5FgtcBL4F5677xaY0A3vbKabLcUHzNXJ8LncxcUMgnUg7uHpLMbgID99X3SvFtGL6HTKkqrhCOfTFOgLfxvhJSsPQ3g2DrIkMlPFoRzzvCojJP56t3vbxp%2Binqyn7gdoM%2FJ%2FenuZbLN2SYz4kal1UX%2Fzgk%2F%2F3a5Dki46AHMOZ3aS6YOdf0C7kHCEoxHQFbZzMivHMXjS555cNytLCc1OqijC1YZ6mBPlcXrYU9qdA43rUOlLqYEZzSnOzn9EBLjILb2dr4ZJL64m%2BoJjT99JgP%2BSqwyrrz4ZGTNpvnnoaiFQLxmoLhrceMWE0uwP%2FKG44MXRbP89VK7d1Jmgo7aPuTpTBQ8VYLKFRSgZOWWMUX0j5YWINEenOxGoFS7IASPZXuKjetu67n9JKxXwCTIwjT%2FwaOvf2IjO1kUcvImWpWE2fdhakAzwou71A0wMZuqNBbMQwthJxD5qTc32f7pnVle%2FBSC5p0k%2FEA6zRK4Ihh3MLjs8scGOqUBInwrOqRWpqwC0iGhiPPNWPuz3ITh2XJoqyNaOoVaQRtOdpKTxXEdyIewKlX7A6TuORVldMh4gJVD%2BT6mEMraiwvn7wPDBfPElo23VKHQOOEf2sUfHwR0sCe%2FMUv8lrabcOlBLX2KzPisWxJA0N%2BpAOWVVXOSart7pzW%2BuWsItBMJgwYkRjCB8J2otB8neqypT7aNivM1QVw%2FT0A09WDMG9qYAQ5F&X-Amz-Signature=a2f80477a80296d120efa4dd5d07eba15c031057baa8eb3505833f189b4991b0&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=ASIAZI2LB4667F6KASLX%2F20251025%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20251025T142734Z&X-Amz-Expires=3600&X-Amz-Security-Token=IQoJb3JpZ2luX2VjELz%2F%2F%2F%2F%2F%2F%2F%2F%2F%2FwEaCXVzLXdlc3QtMiJHMEUCIE91k%2BLpVWhfS4%2FIz4k0N5GASlSdJP7T2ydQMM%2BnCaPGAiEA8aixb8MDRRqqotdUMM8RgazIn7dcNXvJ0yF6Ub3IhbAq%2FwMIdRAAGgw2Mzc0MjMxODM4MDUiDAkAI5srvhlU34sQoircA%2BtbEklVAR0iKY9BwUkoJU6UOnzISciD6srVNlrI4YFyjVkmVZiBX8763vVQgpC1Mf5f%2FSUGnwgi0p32QJWoylJjPDfRgvqkBWQdqPhBzQwjnuYVF7dSfA4CaSYEGS7fJd88SjCzwq54QymES5FgtcBL4F5677xaY0A3vbKabLcUHzNXJ8LncxcUMgnUg7uHpLMbgID99X3SvFtGL6HTKkqrhCOfTFOgLfxvhJSsPQ3g2DrIkMlPFoRzzvCojJP56t3vbxp%2Binqyn7gdoM%2FJ%2FenuZbLN2SYz4kal1UX%2Fzgk%2F%2F3a5Dki46AHMOZ3aS6YOdf0C7kHCEoxHQFbZzMivHMXjS555cNytLCc1OqijC1YZ6mBPlcXrYU9qdA43rUOlLqYEZzSnOzn9EBLjILb2dr4ZJL64m%2BoJjT99JgP%2BSqwyrrz4ZGTNpvnnoaiFQLxmoLhrceMWE0uwP%2FKG44MXRbP89VK7d1Jmgo7aPuTpTBQ8VYLKFRSgZOWWMUX0j5YWINEenOxGoFS7IASPZXuKjetu67n9JKxXwCTIwjT%2FwaOvf2IjO1kUcvImWpWE2fdhakAzwou71A0wMZuqNBbMQwthJxD5qTc32f7pnVle%2FBSC5p0k%2FEA6zRK4Ihh3MLjs8scGOqUBInwrOqRWpqwC0iGhiPPNWPuz3ITh2XJoqyNaOoVaQRtOdpKTxXEdyIewKlX7A6TuORVldMh4gJVD%2BT6mEMraiwvn7wPDBfPElo23VKHQOOEf2sUfHwR0sCe%2FMUv8lrabcOlBLX2KzPisWxJA0N%2BpAOWVVXOSart7pzW%2BuWsItBMJgwYkRjCB8J2otB8neqypT7aNivM1QVw%2FT0A09WDMG9qYAQ5F&X-Amz-Signature=1e5961ecda8cc6a84d53f69645c995a78764ee975915d429280ffaf6c04ac892&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject)
JavaScriptHTMLCSS
[JS] MBTI Data Explorer: 내 안에 숨어있는 직업캐 찾기
내 안에 숨어 있는 데이터 탐험 타입 찾기
Chae-hyeon Kim