20webprojectsbyvanillajs

JavaScript를 조금밖에 배우지 못하고 Vue.js로 넘어간것이 아쉽기도 했고, 리액트를 혼자 공부하기전에 결국에는 프레임워크나 라이브러리의 근간이 되는 언어가 중요하다고 생각을 해서 JS를 좀 더 깊게 공부하자고 생각을 하였다!모던 자바스크립트 책으로 이론을 공

자동 환율 계산 시스템두 가지의 화폐 단위를 선택을 할 수 있고, 첫 번째 화폐와 두 번째 화폐 단위의 환율을 자동으로 환산해서 입력값을 나타낸다. 초기에는 USD와 KRW를 기본 selected로 설정하였다.Swap 버튼을 누르면 현재 선택한 두 가지 화폐단위의 위치

Array Methods 연습 프로젝트API를 통해 자동으로 user정보를 받아오고 랜덤으로 Wealth 값을 주었다.이후에 좌측에 있는 버튼들을 통해 유저 추가, 유저의 돈 2배 증가, 백만장자만 보기, 분류, 계산 각각 map, filter, sort, reduce

Hangman Game일정 횟수 내에 정해져 있는 단어를 맞추는 게임이다. 틀린 글자를 입력하면 그 글자가 우측 상단에 표시가 되고 한 번 입력했었던 글자를 또 입력 하면 밑에 팝업창이 뜬다. 팝업창은 translateY 와 setTimeout() 을 사용하여 자동으로

fetch를 통해 외부 API를 받아와 검색 혹은 랜덤 버튼을 누르면 해당 음식이 검색이 된다.음식 사진을 누르면 modal창으로 해당 음식에 대한 정보 및 레시피가 나타나도록 하였다.event.path / event.composedPath()이벤트가 발생된 노드에서