console.log

Drop은 Create해서 만든 database나 table을 완전히 없에 버릴때 사용합니다. Delete 하고는 차이가 있죠. Delete의 경우는 안의 컬럼값만을 삭제하는 반면 Drop 경우는 전체 테이블 혹은 DB를 없에 버립니다. mysql> create database php; Query OK, 1 row affected (0.02 sec) 우선 php라는 DB를 하나 만듭니다. mysql> use php; Database changed 그리고 테이블을 하나 만듭니다. mysql> create table php(num int,name varchar(10)); Query OK, 0 rows affected (0.02 sec) 그리고 테이블을 살펴 보도록 합니다. mysql> desc php; +-..

💙 쿼리문 한번에 실행시키기 - vs코드에 있는 ~~.sql 파일에 우클릭을 대고 경로복사를 합니다! (shift + alt + c) - MariaDB에 들어갑니다! - source [경로복붙(cntrl + v)] 를 해줍니다! - 그러면 쿼리문이 실행되면서 데이터가 생성됩니당~ 💙 요청 url 주소 오류 - 내가 요청한 적 없는 주소로 요청이 되면서 오류가 났을때 - 코드는 잘못 된 것이 없는데 버그가 걸린것처럼 오류 생성 - front에 있는 .next 파일을 지우고 다시 react 시작해보니 해결됐습니다.. 원인은 모르겠음 💙 evevt.preventDefault - 기본적인 동작을 막는것 - 라는 코드가 있다면 - 이 a 태그는 기본적으로 누르면 다른곳으로 이동하는 동작을 하게 되어있음. - 이걸..

쇼핑몰 옷 판매자 입장에서 색상 두가지, 사이즈 세가지 옵션으로 판매를 한다고 해보자. 색상 - black , red 사이즈 - s , m , l 모든 옵션을 조합해서 나올수 있는 가짓수(제품상세)는 6개일것이다. black-s / black-m / black-l / red-s / red-m / red-l 각각의 제품상세마다 가격과 수량을 받을것이다. 1. 색상 , 사이즈 각각 input 으로 받은 내용을 list로 만들어준다. 2. 색상에 map()을 돌려주는데 사이즈에 입력된 길이만큼 해준다

어제는 하루종일 모여서 디비 스키마 짜는 회의만 한것같다.. 오늘 해야될거 - 프론트 구조 바꾸기 1. 상품 등록시 일반 구매 / 경매로 따로 나눠서 폼 작성 2. 새로운 상품 옵션 추가 - 색상 / 사이즈 / 옵션1/ 옵션2 /수량/ 가격 - 근데 이 모든 옵션을 가지고 나올 수 있는 경우의 수들을 자바스크립트 코드로 만들라고 하심 -> why? 각 옵션별 수량과 가격을 알기 위해서 예를들어 색상 black / red 사이즈 s / m / l 가 있다고 하면 나올 수 있는 가짓수는 black - s / m / l , red- s / m / l 이렇게 총 6가지. 자바스크립트 스킬로 자동으로 하위 엘리먼트가 생성되게 할 수 있다고 함( ul(색상) > li(사이즈) 이런식 ) - , 기준으로 쪼개서 데이..

오늘 해야될거는 1. 썸네일 렌더링 1-2. 삭제 핸들링 2. 파일탐색시 커서 이동 오류 3. 개인정보 제공 동의 체크 / nft input 내용 입력 체크 4. 발행누르기 -> 로딩 -> 마이페이지(나의 nft)로 이동 5. 이미지 업로드 탐색기 열때마다 페이지가 리로드되는 현상 6. 대표 사진 -유저가 i번째 사진을 누르면 그 인덱스 값을 가져와서 해당 사진을 맨 첫번째 순서로 바꾸는 함수(얕은 복사로 복사해서(?)) 를 만들어주는 코드 (formData로 바꾸기 전에) 해결💘 2. 파일탐색시 커서 이동 오류 - input에 require을 줬었는데 파일 탐색기를 열때마다, 그 아래 input에 왜인지 자꾸 require가 실행됐다. 어차피 쓸모가 없을것 같아서 require 지워줌. 그랬더니 깔끔해..

** 오늘 해야할 일 - 이미지를 s3로 올리기 - 그니까 나는 프론트에서 이미지파일을 받아서 서버에서 s3로 넘겨주는 작업 직전까지 상태를 만들어놔야 한다. 1. 프론트에서 사진 받아서 미리보기 랜더링 되기까지 만들기 2. 파일 삭제 누르면 해당 파일 삭제되게 3. 그 다음은 서버에서 s3로 보내줄수 있게 -> 근데 이부분은 잘 모르겠음 동철님 s3 파일 보고 해야될듯.. 1. 업로드할 사진 미리보기 랜더링 const handleChange =(e)=>{ // e= 이벤트가 일어나는 시점은 onChange가 발생했을 때, 즉 파일이 올라갔을 때 console.log(e) } console.log(e)를 찍어본다. 이중에 나는 e.target이 궁금하니까 이런저런 정보들이 담겨있음. 쭉 보다보니 file..

아주 쉽게 보면 그냥 "가치를 담은 디지털 무언가" 알려진 개념은 nft란 블록체인 기술을 기반으로 발행되는 토큰, 즉 코인임. 대체 불가능 토큰(non fungible token) 비트코인이나 이더리움과 같은 "대체 가능한 토큰"은 즉, ft 는 각각의 코인들이 일련번호는 달라도 동일한 가치로 거래가 가능. 그러나 nft는 같은 블록체인에서 발행됐다고 해도 각 코인마다 다른 정보를 담고있기 때문에 모두 다른 가치를 가진 고유한 자산이 됨. 쉽게 말해 nft => 땅문서 ft => 오만원권 땅문서는 똑같은 형식이어도 그 문서 안에 담긴 내용이 어떻냐에 따라 가치가 하늘과 땅차이 반면 오만원권은 어느걸 가져다 놔도 그 한장의 가치는 같음. nft 안에는 디지털 자산의 소유권이나 막..

여기서 즉시구매 버튼을 누르면 이런식으로 주문서 팝업이 뜨고, 경매 버튼을 누르면 경매 팝업이 뜨게 만들어보았다. (작아서 안보이지만 팝업 뜰때 각각 다른 컴포넌트를 사용하였음!) 🔆 구현 방법 & 애먹었던 주요 포인트들 1. 2가지 상태값 저장 ( isPopup- "NowPopup" 컴포넌트 컨트롤 / isAuction- "AucPopup" ) 2. onClick에 쓰일 함수 ( handlePopup ) 만들기 => props를 넘겨줘서 각각의 하위 컴포넌트에서 이 함수를 쓸 수 있게 해줬음. props로 상태값을 넘길수도 있지만 함수를 넘길 수도 있다. ** 넘긴걸 받아올 때 인자값 {객체}로 받는거 절대 잊지말기 3. "즉시구매" 버튼에는 isPopup을, "경매 참여하기" 버튼에는 isAuctio..

완성본 이미지~ 오늘은 react에서 슬라이드 기능을 쉽게 구현할 수 있는 라이브러리를 사용해보았다. 라이브러리 이름은 React Slick https://react-slick.neostack.com/ Neostack The last react carousel you will ever need react-slick.neostack.com 🔆 React Slick 1. 우선 설치 npm install react-slick --save npm install slick-carousel --save 2. 기본 css 세팅 import "slick-carousel/slick/slick.css"; import "slick-carousel/slick/slick-theme.css"; 3. 홈페이지에 나와있는 슬릭의 기..

win + shift + s