728x90 반응형 Tutorial15 Vue.js 3 강좌 (with Bootstrap, script-setup) Vue.js 3 의 기본적인 사용법을 설명합니다. Vue2 에서 Options API를 통해 개발했다면, Vue3 에서는 Composion API로 개발을 하게 됩니다. 보통, Composion API로 만들게 되면, Setup() 함수에 구현을 하는데요, 여기서는 Setup()함수를 사용하지 않습니다. 대신, script 태그 선언시에 setup 옵션을 추가합니다. 이렇게 하면 코드를 더욱 간결하게 작성할 수 있습니다. 개발환경 구성과 프로젝트 생성 (Hello World) 폴더와 파일에 대한 설명 뷰 데이터와 함수 데이터 바인딩 이벤트 데이터 양방향 바인딩 Computed 속성 Watch 속성 클래스&스타일 바인딩 v-if와 v-show v-for 리스트렌더링 여러개의 Vue 인스턴스 사용하기 Vue.. 2022. 2. 4. Fiber v2.x Tutorial 본 튜토리얼에서는 대부분의 사이트에 기본적으로 필요한 기능을 익히는데 목적이 있습니다. 예제에서는 관리자로 로그인/로그아웃하고, 관리자를 등록/수정/삭제 등을 할 수 있는 기본적인 기능을 포함하는 예제를 만들어봅니다. 그리고, 비밀번호의 단방향 암호화(SHA-256)를 해보는 기능도 포함됩니다. DB 연결시 GORM을 사용하지만, 제공되는 Model 메소드(ORM)를 사용하지 않고, 직접 쿼리(스토어드 프로시저)를 사용하여 처리할 것입니다. 또한, 튜토리얼의 소스는 https://github.com/gauryan/fiber-tutorial 에서 확인 가능합니다. 시작 (설치 및 첫페이지 만들어보기) MySQL 설치와 연결 관리자 목록 보여주기 관리자 추가하기 관리자 비밀번호 변경하기 관리자 수정하기 관리.. 2021. 10. 1. (Lavavel) Laravel 8.x Tutorial 놀자코딩#Programming #Coding #Development #API #Server #python #golang #java #nodejs #javascript #프로그래밍 #코딩 #개발 #서버 #파이썬 #Go언어 #자바 #노드 #자바스크립트www.youtube.com 본 튜토리얼에서는 대부분의 사이트에 기본적으로 필요한 기능을 익히는데 목적이 있습니다. 예제에서는 관리자로 로그인/로그아웃하고, 관리자를 등록/수정/삭제 등을 할 수 있는 기본적인 기능을 포함하는 예제를 만들어봅니다. 그리고, 비밀번호의 단방향 암호화(SHA-256)를 해보는 기능도 포함됩니다. DB사용시, Laravel에서 제공하는 Model 메소드(ORM)를 사용하 않고, 직접 쿼리(스토어드 프로시저)를 사용하여 처리할 것입니다... 2021. 9. 19. AdonisJs 4.0 Tutorial 본 튜토리얼에서는 대부분의 사이트에 기본적으로 필요한 기능을 익히는데 목적이 있습니다. 예제에서는 관리자로 로그인/로그아웃하고, 관리자를 등록/수정/삭제 등을 할 수 있는 기본적인 기능을 포함하는 예제를 만들어봅니다. 그리고, 비밀번호의 단방향 암호화(SHA-256)를 해보고, 개인정보(이름,전화번호,이메일 등)을 AES-256 로 암호화하여 DBMS에 저장/관리하는 기능도 포함됩니다. 1. 시작 2. 첫페이지 만들어보기 3. 모델 생성 4. 관리자 목록 보여주기 5. 관리자 추가하기 6. 관리자 비밀번호 변경하기 7. 관리자 수정하기 8. 관리자 삭제하기 9. 비밀번호 단방향암호화(SHA256) 하기 10. 개인정보 양방향암호화(AES256) 하기 11. 로그인/로그아웃 처리하기 2017. 10. 26. (AdonisJs 4.0 Tutorial) 로그인/로그아웃 처리하기 명색이 관리자 화면인데, 아무나 들어와서 조작하면 안되겠지요? 이제는 마지막으로 로그인/로그아웃 처리를 해보겠습니다. 로그인/로그아웃은 세션을 이용해서 구현합니다. 로그인 화면을 구성합니다. xyz/resources/views/mgmt/index.edge 을 작성합니다. {{ csrfField() }} 아이디 비밀번호 xyz/app/Controllers/Http/Mgmt/MainController.js 를 생성합니다. 'use strict' class MainController { index ({view}) { return view.render('mgmt/index') } } module.exports = MainController xyz/start/routes.js 다음을 추가합니다. Route.get.. 2017. 10. 25. (AdonisJs 4.0 Tutorial) 개인정보 양방향암호화(AES256) 하기 이 예제에는 개인정보 데이터가 없긴 하지만, 별명(Nick)을 개인정보라 간주하고 암호화를 진행해보겠습니다. Adonis 에서는 데이터 암호화를 위해서 Encryption 모듈을 제공하고 있습니다. 데이터를 암호화하고 다시 풀려면, Key 가 있어야 합니다. 이 Key 를 .env 파일에 APP_KEY 로 이미 정의되어 있습니다. xyz/app/Models/Admin.js 에 다음을 추가한다. const Encryption = use('Encryption') ... getNick(nick) { return Encryption.decrypt(nick) } setNick(nick) { return Encryption.encrypt(nick) } ... DB의 내용을 모두 삭제한 후에, 관리자를 추가해봅니다... 2017. 10. 24. 이전 1 2 3 다음 728x90 반응형
