합니다, 개발공부📝 합니다, 개발공부📝

vscode에 내가 설정하지 않은 source repository가 계속해서 올라온다면, 해당 폴더에 .git 파일이 존재한다는 것을 의미하므로 이를 삭제해준다. git rev-parse --show-toplevel을 하면 내 root repository의 경로를 알려준다. 해당 경로로 가서 ls -a로 디렉토리의 목록을 보면 .git 파일이 존재하는 것을 확인할 수 있다. 여기서 rm -r -f .git을 해주면 해당 .git 파일이 삭제되어 source repository에도 보이지 않는 것을 확인할 수 있다.

이제 타입스크립트로 블록체인을 만들어보자 . index.ts를 다음과 같이 바꿔주자. 타입스크립은 다음과 같이 타입자체를 설정할 수 있다. class Block {//블록 구조를 만든다. public index: number; public hash: string; public previousHash : string; public data: string; public timestamp : number; constructor(index:number, hash:string, previousHash:string, data:string, timestamp:number){ this.index = index; this.hash = hash; this.previousHash = previousHash; this.dat..

타입스크립트를 사용할때는 어떤 데이터와 어떤 변수를 사용할지를 알려줘야 한다. index.ts를 다음과 같이 바꿔본다. const name = "Nicolas", age = 24, gender = "male"; const sayHi = (name, age, gender) =>{ console.log(`hello ${name}, you are ${age}, you are a ${gender}`) } sayHi(name, age, gender); export {};//타입스크립트의 방식(이걸 해야 선언이 가능하다) 다시 yarn start를 해주면 다음과 같이 콘솔창을 확인할 수 있다. 지금 한 것은 normal javascript다. 여기서 만약 sayHi(name, age)와 같은 식으로 하나의 파라미터..

타입스크립트를 배우기 위해서 동영상을 보고 익히기로 했다. https://nomadcoders.co/typescript-for-beginners/lobby Watch Now - 노마드 코더 Nomad Coders nomadcoders.co typescript를 사용하기 위해서는 yarn을 필요로 한다. $brew install yarn을 통해서 yarn을 설치한다. https://classic.yarnpkg.com/en/docs/install/#mac-stable Yarn Fast, reliable, and secure dependency management. classic.yarnpkg.com git repository를 만들고 나서 연결후 yarn init을 해준다. yarn 에 global 하게 t..

먼저 views>HistoryPage>HistoryPage.js파일을 만들어 준다. import React from 'react' function HistoryPage() { return ( ) } export default HistoryPage app.js에 추가해준다.(로그인 한 사람만 볼 수 있게 true) import HistoryPage from './views/HistoryPage/HistoryPage'; 상단메뉴에 history 메뉴 추가한다. views>Navbars>Sections>RightMenu.js History history페이지에서 데이터를 가져오게끔 요청한다. import Axios from 'axios' import React,{useEffect, useState} from ..

paypal을 이용해서 금액을 지불하는 기능을 만들 것이다 . payment collection을 만들어서 다음의 데이터를 넣을것이다. 결제를 완료하고 나서는 카트를 비우고 결제수단을 user에 저장한다. https://developer.paypal.com/developer/accounts Sandbox accounts - PayPal Developer developer.paypal.com 우선 사이트로 가서 가입하고 paypal id 를 생성한다. 다시 에디터로 와서 models>Payment.js에서 payment collection을 만들어 준다. const mongoose = require('mongoose'); const paymentSchema = mongoose.Schema({ user: {..

이번에는 카트에서 상품을 삭제하는 기능을 구현한다. 삭제 함수는 cartpage에 구현하되 삭제 버튼은 userCardBlock에 있으므로 함수를 prop으로 전달해준다. //카트에서 상품 삭제 const removeFromCart = (productId) => { } userCardBlock에서 아이템정보를 렌더링 할 때 remove 버튼을 누르면 이 함수가 작동하도록 작성 해주자. const renderItems = () => (//아이템들을 화면에 나타나도록 하자. props.removeItem(product._id)} >Remove )) ) cartPage에서 함수를 작성한다. import {getCartItems, removeCartItem} from '../../../_actions/user_..

카트 페이지 템플릿을 만들고 db에서 가져온 데이터를 화면에 보여주도록 하자. cartpage에 템플릿을 추가하자. 여기서 테이터를 보여주는 userCardBlock을 따로 만들것이다. import UserCardBlock from './Sections/UserCartBlock'; import { Result, Empty } from 'antd'; return ( My Cart Total amount: ${Total} //아이템이 있을때 //아이템이 없을 때 No Items In the Cart } {/* Paypal Button */} ) } CartPage>Sections>UserCardBlock.js파일을 만들어준다. import React from 'react' function UserCardBl..