분류 전체보기89 암호화 프론트 엔드에서 암호화 // SignUp.vue signUp(){ const hashedPw = CryptoJS.SHA256(this.user.password).toString(); // hashedPw = a665a45920422f9d417e4867efdc4fb8a04a1f3fff1fa07e998e86f7f7a27ae3 this.$http.post(`/api/user/signUp`, { user: { userName: this.user.username, userID: this.user.userid, password: hashedPw, } }) .then((res) => { if(res.data.success){ alert("회원가입이 정상적으로 완료되었습니다.") }else{ alert("회원가입에 실.. 2023. 5. 16. [Docker] ubuntu / centOS 도커 설치하기 1. ubuntu 도커 설치하기 공식 사이트(https://docs.docker.com/) 접속 도커를 설치하는 방법에는 3가지가 있다. ① Repository를 이용해서 설치 ② 다운로드 후 직접 설치 ③ Script를 이용한 설치 이 중에 첫번째 방법인 repository를 이용해서 설치하겠다. 1. url로 repository를 등록하려면 아래 프로그램들이 필요하다. 복사해서 설치하자 2. docker가 가지고 있는 GPG키(인증서)를 추가하고 3. repository를 설정하자 먼저 패키지를 업데이트하고, Docker Engine, containerd, Docker Compose를 설치하자. 아래 명령어로 설치 잘 되었는지 테스트하자 2. centOS 도커 설치하기 centOS에서 도커를 설치하려.. 2023. 1. 24. javascript] this 바인딩 파헤치기 Javascript의 this 바인딩은 다른 언어(C#, C++, JAVA, .. )와 달리 동적으로 결정됩니다. 그래서 조금은 헷갈릴 수 있는데 결론부터 말하자만 ‘Javascript의 This’는 ‘호출한 놈’을 의미합니다. 먼저 기본값(?)으로 쓰이는 ‘호출하는 놈’의 의미를 알아보고, 그 다음에 예외인 경우 어떻게 동적으로 바인딩되는지 알아보겠습니다. Javascript에서 this란? this는 '호출한 놈'을 의미합니다. 만약 '호출한 놈'이 없으면, 기본값인 '전역객체(window)'를 출력합니다. 예외 사항: ①전역스코프에서 this ②strict mode ③화살표함수 1. this는 호출한 놈 function testThis(){ console.log(this) }; const stude.. 2023. 1. 13. Vue3] data-grid _ tabulator 테마 변경 tabulatot는 Vue 프로젝트 내에서 data table을 만들수 있도록 지원하는 무료 라이브러리입니다. tabulator는 vue2와 vue3를 모두 지원하고 있고, 해당 글은 vue3를 기준으로 작성되었습니다. 이번 글에서는 tabulator의 테마를 변경하는 법을 알아보겠습니다. https://tabulator.info/docs/5.4/theme Tabulator - Themes Choose from a range of built in themes to help style your table to match popular frontend frameworks tabulator.info tabulator 홈페이지에서 왼쪽 메뉴를 클릭하면 지원하는 테마가 나옵니다. 테마는 에 import해도 되고,.. 2023. 1. 11. 이전 1 2 3 4 5 6 7 8 ··· 23 다음
