Project2 neumorphism 적용한 form validator 요즘 핫한 neumorphism. 명색이 트렌드 관련 프로젝트 진행 중인데 디자인 트렌드를 적용 안해볼 수 없지. 하면서 빠져버린 디자인. 처음에는 징그럽나 싶었는데, 매력있당. vue 프로젝트를 진행하면서 매일 프레임워크랑 라이브러리만 쓰다보니까 편안함에 점점 잠식되는 내 모습 발견. 어떻게든 vuetify 내에서 해결하고자 하는 내 모습이나 아주 기본적인 javascript 코드를 작성하지 못해 구글링 ㅎㅏ는 나를 본다. 이러지 말자 진챠! 다시금 기본으로 돌아가 vanilla JS 공부하고자 form validator를 만들었다. 재밌게 하고 싶어서 뉴모피즘 디자인도 적용해보고 하니까 대략 요런 너낌 ? 아주 기본의 기본. 귀엽다. 버튼 누르면 폭닥 들어가는 것도 좋다. 다만 아쉬운 점은 뉴모피즘을.. 2020. 11. 6. vue에서 scroll animation library sal.js 사용하기 워호 프로젝트 진행하면서 메인 페이지 예쁘게 보여주고 싶어서 `sal.js` 쓰려한다. https://mciastek.github.io/sal/ Sal - Lightweight scroll animation library mciastek.github.io 적용 엄청 쉬울 것 같았는데 적용되지 않는 내 메인 페이지를 보면서 끙끙댔다. 친절하게 vue에 sal.js 적용시키는 방법을 알려주신 블로거 분도 계셨는데... 그 방법대로 안되서 속상했다. 그러가다 다른 라이브러리들 vue에 적용시키는 방법들 찾아보고 시도해본 결과 성공! 기분 조우아. ㅎ_ㅎ * install $ npm install --save sal.js * main.js import sal from "sal.js" import "##/sal... 2020. 11. 4. 이전 1 다음