안녕하세요! 프뚜(프로그래머 뚜)입니다! [개발 환경] - OS: windows 10 64bit - git: 2.37.1.windows.1 - nodejs: v16.16.0 - npm: 8.15.0 - yarn: 1.22.19 - @vue/cli(vue3): 5.0.8 서버와 통신해야 할 때 많이 사용하는 함수는 axios입니다. 1. axios 설치하기 npm i axios --save 2. db.json에 값 비워놓기 (json-server 설치가 되어있지 않으면 링크를 통해 진행하기) users라는 데이터만 만들어 놓고 안에 값은 비어놓은 상태입니다. 3. axios를 사용해서 db.json에 값 추가하기 # axios import import axios from 'axios'; # axios는 g..

안녕하세요! 프뚜(프로그래머 뚜)입니다! [개발 환경] - OS: windows 10 64bit - git: 2.37.1.windows.1 - nodejs: v16.16.0 - npm: 8.15.0 - yarn: 1.22.19 - @vue/cli(vue3): 5.0.8 yarn이 설치 되어있지 않으신 분은 링크를 통해 설치 진행해주시면 됩니다. npm이 설치 되어있지 않으신 분은 링크를 통해 설치 진행해주시면 됩니다. front 개발을 하다보면 데이터를 저장해야하는 상황이 생깁니다. Database에 저장하기 위해선 Backend 서버가 필요합니다. 개발 단계에서는 backend 서버가 없거나 미구현인 상황이 많이 생깁니다. 이때 대신해서 활용할 수 있는 json-server가 있습니다. 1. npm 홈..

안녕하세요! 프뚜(프로그래머 뚜)입니다! [개발 환경] - OS: Windows 10 1. 레디스 다운로드를 하기 위해 레디스페이지로 접속하기(클릭) https://github.com/microsoftarchive/redis/releases 2. 레디스 다운로드 받기(클릭) https://github.com/microsoftarchive/redis/releases/download/win-3.0.504/Redis-x64-3.0.504.msi 3. 레디스 설치하기 원하는 port를 지정합니다. (default 6379) Add an exception to the Windows Firewall(방화벽 제외)를 체크해야합니다. 4. redis에 접속해서 간단한 명령어 실행하기 (명령프롬프트) # redis 접속..

안녕하세요! 프뚜(프로그래머 뚜)입니다! [개발 환경] - OS: windows 10 64bit - DB: MariaDB MariaDB를 설치하고 실행해보도록 하겠습니다. https://mariadb.org/download/ 해당 PC 버전에 맞는 걸 선택하고 Download를 받습니다. [Next] 클릭해주세요. [I accept the terms in the License Agreement] 체크 후 Next 클릭해주세요. 원하는 경로를 지정 후 [Next] (저는 기본 위치에 놓고 진행하겠습니다.) ** 제일 중요한 부분입니다. 1. root의 비밀번호를 지정합니다. (잊어버리면 찾을 수 없다고 생각하시면 됩니다.. 재설치..) 2. [Enable access from remote machines ..

안녕하세요! 프뚜(프로그래머 뚜)입니다! [개발 환경] - OS: windows 10 64bit 카페24, 가비아 등의 웹 호스팅 서비스를 이용하지 않고, 현재 PC를 웹 호스팅할 수 있는 방법이라고 생각하시면 됩니다. https://dashboard.ngrok.com/get-started/setup ngrok을 설치합니다. 설치와 함께 회원가입을 진행해주세요. (회원가입을 하지 않으면 8시간만 터널이 유지됩니다.) 알집을 풀면 [ngrok.exe] 파일 하나가 생성됩니다. 로그인을 하고 좌측 메뉴 [Your Authtoken]를 클릭합니다. [ngrok.exe]가 있는 경로로 이동합니다. Command Line에 있는 [ngrok authtoken ~]를 복사합니다. ./를 제외한 ngrok 부터 복사..