반응형 Project13 [React, Node, MySQL로 쇼핑몰 만들기] 회원가입 화면 React /* eslint-disable */ // Join.js import React, {useState} from 'react'; import SearchAddressModal from './modal/SearchAddressModal'; import DaumPostcode from 'react-daum-postcode'; function Join() { const [name, setName] = useState("") const [password, setPassword] = useState("") const [confirmPassword, setConfirmPassword] = useState("") const [phone, setPhone] = useState(""); const [id, se.. 2022. 5. 26. [쇼핑몰 만들기] dotenv 사용하여 비밀 번호 관리하기 1. dotenv를 설치한다. yarn add dotenv (혹은 npm install --save dotenv) 2. root 폴더에 .env 라는 파일을 생성하여 다음의 정보를 적는다. //.env SERVER_PORT=3306 DB_HOST=localhost DB_USER=root DB_PASSWORD=비밀번호 DB_NAME=db이름 API_KEY=YOU_API_KEY 3. Node.js 파일에서 다음 환경변수를 이용하려면 다음과 같이 작성한다. //server.js require('dotenv').config(); // DB 환경변수 console.log('SERVER_PORT: ', SERVER_PORT) const mysql = require('mysql2'); const connection .. 2022. 2. 20. [쇼핑몰 만들기] 쇼핑몰 구축 프로젝트 개요 구현할 화면 목록 쇼핑몰 홈 화면 로그인/회원가입 화면 제품 목록보기 화면 제품 상세보기 화면 장바구니 화면 마이페이지 화면 사용 언어 React, Nodejs, MySQL DB 설계도 2022. 2. 17. [부동산 Dapp 만들기] Geth 설치 (mac os) 인프런에서 새로운 블록체인 강의를 신청했다. 과연 이번엔 프로젝트를 끝낼 수 있을까? https://www.inflearn.com/course/blockchain-%EC%9D%B4%EB%8D%94%EB%A6%AC%EC%9B%80-dapp/dashboard 블록체인 이더리움 부동산 댑(Dapp) 만들기 - 기본편 - 인프런 | 강의 스마트 계약 및 분산 어플리케이션 이론과 부동산 댑(Dapp)을 처음부터 끝까지 만들어보며 나중에 혼자서도 분산 어플리케이션을 만들어 볼 수 있도록 제작했습니다., 2018 인프런 올해를 빛낸 강 www.inflearn.com 강의의 가장 첫번째는 이더리움 Dapp 환경 셋팅이었다. Geth, 가나슈, 노드.js, 트러플을 설치하는 것이었는데 Geth 빼곤 다 설치가 되어있는 .. 2021. 12. 5. [React로 블로그 만들기] 0. 블로그 레이아웃 정하기 미루고 미루던 블로그를 드디어 만들어 보려고한다. 사용언어는 주로 React를 이용할 것이다. 만약, DB기능과 백엔드를 덧붙이게 된다면 DB는 MongoDB, 백엔드는 Node.js를 쓸 예정이다. React를 이용해 블로그를 만드는 시행착오를 겪고 React를 잘 활용할 수 있을 정도로 실력을 키우려한다. 레이아웃 크게 총 4가지 카테고리로 구성하려고 한다. [첫 번째 페이지] 첫 번째 페이지는 Home 화면이다. 내 사진, 내 소개글, 내가 가능한 기능 stack들을 나타낼 예정이다. [두 번째 페이지] 두 번째 페이지는 Profile 화면이다. 나의 경력, 학력, 자격증을 나타낼 예정이다. [세 번째 페이지] 세 번째 페이지는 내가 했던 프로젝트들을 보여주는 화면이다. 개인적으로 가장 공을 들이고.. 2021. 9. 27. [Django] Room Application 생성 Common Application 모든 프로그램을 만들때는 여러 application에 필요한 중복되는 필드들이 존재한다. 이와 같은 경우에 생성하는 것이 Abstract Model이다. 에어비앤비를 구성할 Rooms, Reviews 등 많은 Application에서 공통적으로 사용되는 것들을 저장할 Application을 만들어준다. 1. setting.py - app 추가 2. models.py - 추상 class 생성 from django.db import models # Create your models here. class TimeStampedModel(models.Model): """ Time Stamped Model """ created = models.DateTimeField(auto_no.. 2021. 1. 6. 이전 1 2 3 다음
