html을 서버가 만들면 server-side rendering 1. DB에서 데이터 뽑아서 2. 글목록.html 파일에 꽂아넣고 3. 그 html 파일을 서버에서 보내주는 것임 html을 리액트가 만들면 client-side rendering 1. 리액트가 서버에 GET요청으로 DB데이터를 가져와서 2. 그걸 html로 만들어서 보여주는 것임 리액트를 쓰는 경우 보통 client-side rendering을 합니다. 1.DB에 있는 상품목록을 가져와서 리액트에서 보여주고 싶으면 1. 서버는 누군가 /product로 GET요청을 하면 DB에서 데이터 꺼내서 보내주라고 API를 짜놓습니다. 2. 리액트는 상품목록을 보여주고 싶을 때 서버 /product 주소로 GET요청 날리면 됩니다. 3. 그럼 데이터 ..

컴포넌트의 인생 컴포넌트는 1. 생성이 될 수도 있고 (전문용어로 mount) 2. 재렌더링이 될 수도 있고 (전문용어로 update) 3. 삭제가 될 수도 있습니다. (전문용어로 unmount) 인생에 간섭하는 방법 "Detail 컴포넌트 등장 전에 이것좀 해줘" "Detail 컴포넌트 사라지기 전에 이것좀 해줘" "Detail 컴포넌트 업데이트 되고나서 이것좀 해줘" 이렇게 코드좀 실행해달라고 간섭할 수 있는데 간섭은 갈고리를 달아서 합니다. useEffect 안에 있는코드는 html 렌더링 후에 동작합니다. 좀 오래걸리는 코드는 렌더링후에 작동하게하면 좀더 효율적으로 동작하지않을까요? 즉 1.어려운연산 2.서버에서 데이터가져오는 작업 3.타이머 장착하기 왜 이름이 Effect임? Side Effec..

페이지 나누는법(리액트 미사용) 1.html 파일 만들어서 상세페이지내용 채움 2.누가/ detail로 접속하면 html 파일보내줌 리액트는 싱글페이지 어플리케이션이라고해서 하나밖에 안보여줌 리액트사용 1.컴포넌트 만들어서 상세페이지내용 채움 2.누가 /detail 접속하면 그 컴포넌트 보여줌 이런거 react-roter-dom 라이브러리 쓰면 쉽게 짤 수 있음 1.루팅하기 1.Routes,Route 만들기 //detail 컴포넌트에서 여러개의 페이지를 각각 보여주고 싶다면 파라미터문법을 사용하자 2.nested route를 이용해 안에 있는 내용보여주기 위에보면 이런 녀석들이 있는데 events 페이지를 들어가서 여러 유사한페이지를 만들고 싶을때 쓴다. 사용하기 위해서는 이라는 녀석을 사용하여 구멍을 ..

스마트 컨트랙트 특정 계약을 스스로 수립,검증,이행하기위한 컴퓨터 프로토콜이다 무한반복 같은 악의적인 코드 를 막고 데이터의 무결성을 지키기위해 “모든 트랜잭션을 실행할 때는 해당 실행 비용을 지급해야 한다.” “컨트랙트의 모든 내용과 입력을 공유한다.” 모든 컨트랙트의 내용과 입력 정보를 공유한다. 그러나 결과는 공유하지 않는다. 결과를 공유 하지 않는 이유는 블록체인의 컨트랙트와 트랜잭션, 리시트 정보를 재구성하면 언제든지 해당 트랜잭션의 결과를 확인할 수 있기 때문이다. 이처럼 컨트랙트의 모든 내용과 입력을 공유함으 로써 악의적으로 컨트랙트를 조작하는 것을 방지할 수 있다. 컨트랙트 메시지 메시지는 한마디로 가스 비용이 발생하지 않는 컨트랙트 간의 내부 호출이다 코드에 담기는 내용들 발신자 주소(f..

1.NFT와 Token의 차이점 1.NFT란 무엇일까? (Non-Fungible-Token) 대체불가능한 토큰 erp-721 제안 erc-721에서 사용됌 사인받았냐 안받았냐에따라 가치가달라짐 민팅된 nft 토큰주소와 고유의 아이디만 가지고있으면 고유한 가치가 생김 소유권을 쉽게 증명할수있다는 특징 nft에는 이미지만 담기지않고 음악도 담길수있음 2.ERC-20이란 대체가능한 토큰이다 서로교환이가능함 2.erc-721 작동방식 1.Erc-721에서 사용하는 주로 확인할 수 있는 코드들 balanceOf owner가 소유한 NFT의 갯수를 반환 owenerOf 특정 tokenId를 가진 NFT의 소유주 주소를 반환 approve 특정 계정에게 자신이 소유한 NFT 하나를 사용하도록 허용 getApprove..

아이콘 플러그인 설치하기 https://nicecarrot2.tistory.com/83 figma 디자인을 코드로 바꾸기 html로 변환 https://youtu.be/q_YNq0j_QfE css로 변환 https://youtu.be/qVGHz9Hr1bU