개인자산 체크 with Vanilla JS

November 28, 2021

Intro 5번째 Mini Vanilla Js Project 이다. 이번에는 라는 를 사용하여 개인자산 체크 기능을 만들어보았다! Main 소스코드 liveDemo Conclusion JS 에서 가장 흔하게 사용되는? 메서드인 , , , 를 주축으로 구현을 해보았다. 간편화를 위해, input 으로 user 정보를 받는것이 아닌, 외부 api 를 사…


사이드바, 모달 with Vanilla JS

November 28, 2021

Intro 6번째 Mini Vanilla Js Project 이다. 이번에는 순수 와 를 사용하여 Sidebar 와 Modal 을 직접 구현해보았다. Main 소스코드 liveDemo Conclusion 사실 내가 프로젝트를 진행할때 를 사용했던 이유는 style 적인 이유보다는 JS? 적인 이유가 더 컸다. 이 뜻은, UI Library 를 사용…


환전기 with Vanilla JS

November 27, 2021

Intro 4번째 Mini Vanilla Js Project 이다. 이번에는 라는 를 사용하여 환전 기능을 만들어보았다! Main 소스코드 liveDemo Conclusion 처음으로 vanillaJS 를 사용하며, third-party api 를 사용해보았다. 기존에 리액트를 배우고 사용했을때는 데이터를 요청하는 방식 자체에 대해서 당연하게 고민도…


비디오 플레이어 with Vanilla JS

November 27, 2021

Intro 새번째 Mini Vanilla Js Project 이다. video api 를 사용하여 비디오 플레이어를 만들어 보았다. Main 소스코드 liveDemo Conclusion 각 버튼들과 상황에 따른 전반적인 동작 원리와 기능들을 직접 공부하고 구현하려다 보니, 간단할지라도 배우는점이 많았다. 이제 앞으로 프로젝트를 진행하며 태그를 사용해…


영화 좌석 선택 with Vanilla JS

November 26, 2021

Intro 두번째 Mini Vanilla Js Project 이다. 이번에는 간단하게 영화 좌석 선택을 만들어보았고, 전과 다른점이 있다면, 이번에는 를 사용하여, 된 후에도 데이터가 남아있게 하였다. Main 소스코드 liveDemo Conclusion Vanilla JS 프로젝트를 진행하면서, 를 사용할때도, 속성을 사용할 수 있다는 것을 배…


회원가입 폼 with Vanilla JS

November 24, 2021

Intro 리액트를 공부하거나, 프로젝트를 했으로때 주로 간단한 ui 적인 부분은 라이브러리를 사용하여 해결 했었지만, vanilla JS 를 사용하여 내가 직접 가능한 부분은 공부하여 만들어 보려고 하였다. Main 소스코드 liveDemo HTML JS