본문 바로가기
728x90
반응형

Programming137

폴더와 파일에 대한 설명 : Vue.js 3 강좌 (with Bootstrap, script-setup) 전체목차 : https://gauryan.tistory.com/214 이제 생성한 프로젝트의 구조에 대해 간단하게 알아볼 시간입니다. 먼저, VSCode 의 왼쪽에서 프로젝트 폴더를 봅시다. 이렇게 생겼어요. node_modules 폴더가 먼저 보이네요. 이 폴더에는 내가 설치한 node 모듈들이 있는 장소입니다. 처음 용량이 거의 160MB로 꽤 큽니다. package.json 에 필요한 패키지 목록을 가지고 있어서, node_modules 폴더가 없더라도, 다시 만들수가 있습니다. 그래서, git에는 저장하지 않도록 설정되어 있어요. public 폴더의 index.html 도 봅시다. 여기에서 눈여겨 볼 곳은 app 으로 id를 설정한 부분입니다. 이 곳에 우리가 작성한 코드들이 자동으로 들어가게 되.. 2022. 1. 23.
개발환경 구성과 프로젝트 생성 (Hello World) : Svelte 3 강좌 이제, 본격적으로 시작해봅시다. 우선, https://code.visualstudio.com/ 에서 Visual Studio Code를 다운로드하여 설치합니다. 에디터는 자신이 원하는 다른 것(IntelliJ IDEA, Atom, Eclipse 등)으로 하셔도 괜찮습니다. Svelte에 관련된 확장프로그램은 아래와 같이 설치하였습니다. https://nodejs.org/ 에서 Node.js를 다운로드하여 설치한다. node.js 설치를 마치고 다음처럼 설치가 잘 되었는지 확인해보자~! 저는 LTS버전을 설치했는데, 아무거나 설치하셔도 됩니다. yarn도 설치해봅시다. npm 보다 설치속도가 더 빠르다고 하네요. 전역(-g 옵션)으로 설치하는 패키지는 npm을 사용하고, 그 외에는 yarn을 설치하는 것이.. 2021. 12. 24.
ESLint 에서 세미콜론 사용하기 설정 놀자코딩#Programming #Coding #Development #API #Server #python #golang #java #nodejs #javascript #프로그래밍 #코딩 #개발 #서버 #파이썬 #Go언어 #자바 #노드 #자바스크립트www.youtube.com .eslintrc.js 파일의 rules 항목에 semi를 추가해준다. rules: { ... 'semi': [2, 'always'], // or // 'semi': 'off', ... } 이렇게 설정하면, 미리 만들어진 다른 파일에서 세미콜론이 추가되어 있지 않은 경우, 에러를 낼 것이다. 이 에러를 무시하려면 해당 파일에 아래 주석을 넣어주면 된다./* eslint-disable */// 위의 주석은 파일 .. 2021. 12. 17.
Fiber v2.x Tutorial 본 튜토리얼에서는 대부분의 사이트에 기본적으로 필요한 기능을 익히는데 목적이 있습니다. 예제에서는 관리자로 로그인/로그아웃하고, 관리자를 등록/수정/삭제 등을 할 수 있는 기본적인 기능을 포함하는 예제를 만들어봅니다. 그리고, 비밀번호의 단방향 암호화(SHA-256)를 해보는 기능도 포함됩니다. DB 연결시 GORM을 사용하지만, 제공되는 Model 메소드(ORM)를 사용하지 않고, 직접 쿼리(스토어드 프로시저)를 사용하여 처리할 것입니다. 또한, 튜토리얼의 소스는 https://github.com/gauryan/fiber-tutorial 에서 확인 가능합니다. 시작 (설치 및 첫페이지 만들어보기) MySQL 설치와 연결 관리자 목록 보여주기 관리자 추가하기 관리자 비밀번호 변경하기 관리자 수정하기 관리.. 2021. 10. 1.
비밀번호 단방향암호화(SHA256) 하기 : Fiber v2.x 놀자코딩#Programming #Coding #Development #API #Server #python #golang #java #nodejs #javascript #프로그래밍 #코딩 #개발 #서버 #파이썬 #Go언어 #자바 #노드 #자바스크립트www.youtube.com  여기에서는 비밀번호의 단방향 암호화를 구현해보도록 하겠습니다. SHA256을 적용하겠습니다. Fiber에서는 아무런 작업을 하지 않고, DB(MySQL)에서만 작업을 하겠습니다. 1. 일단 DBMS에 접속해봅니다.$ mysql -u xyz -pxyz123 xyzmysql: [Warning] Using a password on the command line interface can be insecure.Reading table inf.. 2021. 10. 1.
로그인/로그아웃 처리하기 : Fiber v2.x 명색이 관리자 화면인데, 아무나 들어와서 조작하면 안되겠지요? 이제는 마지막으로 로그인/로그아웃 처리를 해보겠습니다. 로그인/로그아웃은 세션을 이용해서 구현합니다. 1. 로그인 화면을 구성합니다. ~/project/xyz/views/mgmt/index.html 을 작성합니다. 아이디 비밀번호 2. ~/project/xyz/controllers/mgmt/main.go 를 생성합니다. package mgmt // controllers/mgmt import ( "github.com/gofiber/fiber/v2" ) // MGMT Login 화면 func Index(c *fiber.Ctx) error { return c.Render("mgmt/index", fiber.Map{}) } 3. ~/project/x.. 2021. 10. 1.
728x90
반응형

티스토리툴바