목록전체 글 (52)
dev-miri
<1주차>NFT란/NFT 가능성, 한계/사례
학교 창업지원단에서 진행하는 NFT 강의를 들으며 정리한 내용을 블로그에 남겨보고자 한다. 우선 NFT란 대체 불가능 토큰(Non-fungible token, NFT)의 약자로, 블록체인 기술을 이용해서 디지털 자산의 소유주를 증명하는 가상의 토큰(token)이다. 그림·영상 등의 디지털 파일을 가리키는 주소를 토큰 안에 담음으로서 그 고유한 원본성 및 소유권을 나타내는 용도로 사용된다. 즉, 일종의 가상 진품 증명서이다. 디지털 자산을 NFT로 만드는 것을 '민팅(Minting)'이라 표현하는데, 토큰(token)이 '대안화폐'를 의미하는 것에 착안해 역시 '화폐를 주조한다'는 뜻을 지닌 영단어를 사용하는 것이다. 블록체인 하면 보통 코인을 떠올리곤 하는데, NFT와 코인은 다른걸까? 어떤 점에서 다를..
쇼핑몰 웹사이트 만들기(5)-styled component 설치하기
https://styled-components.com/docs/basics styled-components: Basics Get Started with styled-components basics. styled-components.com 공식문서를 참고해 styled component를 설치해보자 npm install --save styled-components 설치 후, package.json 파일에 "styled-componets"가 생기면 성공! 이제 styled-componet를 사용해보자 import styled from 'styled-components'; const Title = styled.h1` font-size : 1.5em; text-align: center; color : palev..
쇼핑몰 웹사이트 만들기(4)-bootstrap 설치하기
bootstrap를 웹사이트에 적용해보자 https://react-bootstrap.github.io/getting-started/introduction React-Bootstrap The most popular front-end framework, rebuilt for React. react-bootstrap.github.io bootstrap 설치하기 npm install react-bootstrap bootstrap 필자는 이 과정에서 문제를 겪어서 아래 글에 트러블 슈팅 글을 따로 작성하였다 https://devmiri.tistory.com/21 npm add react-bootstrap bootstrap 안됨 해결방법 프로젝트가 있는 디렉토리에서 npm add react-bootstrap boo..
프로젝트가 있는 디렉토리에서 npm add react-bootstrap bootstrap이 안될 때 경로를 앞으로 이동해서 했다 설치가 진행은 되지만, 프로젝트 안에 설치가 되지 않아서 module not found 에러가 생겼다. Module not found: Error: Can't resolve '@restart/ui/Button' in 'C:\internet-project\internet-project\node_modules\react-bootstrap\esm' WARNING in ../node_modules/bootstrap/dist/css/bootstrap.min.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5]...
쇼핑몰 웹사이트 만들기(3)-페이지 기획하기
사실 (2) 전에 나왔어야 하는 내용이지만, 경로설정은 언제든지 다시할 수 있기 때문에 .. ㅎㅎ 내가 디자이너는 아니지만, 웹사이트를 만들기 위해서 우선 기획 과정이 필요하다 어떤 용도의 웹사이트? 쇼핑몰을 만들고자 한다. 사실 실제 물건을 판매 할 쇼핑몰은 아니고, 프로젝트를 위한 쇼핑몰이어서 아주 세부적인 기능들까지 정하진 않았다. 필수적으로 필요한 페이지는 무엇인가? 메인페이지 로그인, 로그아웃 화면이 달라지게 구현 로그인 로그아웃 상품 리뷰작성 관리자 상품 삭제, 추가, 유저 조회 기능이 포함되어야 함 어떻게 디자인 할 것인가? 미리캔버스를 이용하여 간단하게 페이지를 디자인 해보았다-문의 페이지는 모든 기능들을 구현 후 추가적으로 구현할 예정이다. 4. 데이터베이스 설계 aquerytool을 사..
[react]쇼핑몰 웹사이트 만들기(2)-경로 설정하기/react-router-dom
하나의 웹사이트에는 여러 개의 웹페이지가 존재한다 웹사이트에서 페이지들로 이동하기 위한 경로 설정을 해보자 react-router-dom을 이용해서 해볼 것이다! https://v5.reactrouter.com/web/guides/quick-start Declarative routing for React apps at any scale | React Router Version 6 of React Router is here! React Router v6 takes the best features from v3, v5, and its sister project, Reach Router, in our smallest and most powerful package yet. reactrouter.com npm a..