전체 글

[TIL] Discord를 통한 Gihub webhook 연동

[TIL] Discord를 통한 Gihub webhook 연동 날짜 2022.06.20. 목표 Discord를 통한 Gihub webhook 연동 내용 Discord를 Github Webhook에 연결 방법 디스코드 서버를 생성 후 서버 설정 → 연동에서 웹후크 생성 웹후크 URL 복사 깃허브에서 해당 레포지토리에 웹훅 생성 복사한 웹후크URL을 붙여넣고 뒤에 /gihub 추가 설정은 위의 그림과 같이 선택 후 추가 결론 처음 아무것도 푸쉬되어 있지 않아 오류가 발생했다. 그것도 모르고 계속 구글링하다가 포기하고 있는데, 다른 팀원이 Fork하니 알람이 뜨더라..

[TIL] Docker를 사용한 jenkins 설치 및 사용법

[TIL] Docker를 사용한 jenkins 설치 및 사용법 날짜 2022.06.19 목표 Docker를 사용한 jenkins 설치 및 사용법 학습 내용 JS - File을 URL로 생성하는 방법 FilerReader 사용 const fileToDataURL = (file) => new Promise((resolve, reject) => { const reader = new FileReader(); reader.onload = (event) => { resolve(event.target.result) }; reader.readAsDataURL(file); }) URL 사용 const imgURL = URL.createObjectURL(f.target.files[0]) Docker 사용 권한 설정 sud..

[TIL] 협업 개발 도구에는 무엇이?

[TIL] 협업 개발 도구에는 무엇이? 날짜 2022.06.18. 목표 목표 없이 이것저것 찾아보는 주말! 내용 Github Actions와 Jenkins 공통점 - 빌드 자동화 도구 https://choseongho93.tistory.com/295 dockerfile과 docker-compose 차이 dockerfile - 이미지를 실행하여 특정 작업까지 처리해주는 도구 Docker-Compose - 여러 컨테이너를 통해 애플리케이션을 정의하고 실행하기 위한 도구> eslint와/ prettier 결론 다음 프로젝트를 위해 협업 개발 도구에 대해 찾아보다가 Jenkins를 도커를 통해 사용해보고 싶어졌다.

[TIL] well-known port

[TIL] well-known port 날짜 2022.06.17. 목표 OpenSea 클론 코딩 배포 내용 well-known port 로 80 포트 배포 문제 해결 포트 구분 0번 ~ 1023번: 잘 알려진 포트 (well-known port) 1024번 ~ 49151번: 등록된 포트 (registered port) 49152번 ~ 65535번: 동적 포트 (dynamic port) iptables로 리다이렉팅 $ iptables -A PREROUTING -t nat -i eth0 -p tcp --dport 80 -j REDIRECT --to-port 8080 iptables에서 옵션을 추가하여 num 번호가 붙은 정책 조회 $ iptables -L --line-numbers iptables에서 정책 ..

[Project] OpenSea 클론코딩

OpenSea 클론코딩 팀명 씨냅스(Seanapse) 프로젝트 목표 OpenSea의 Front-end, Back-end 아키텍처 이해 OpenSea API 동작원리 이해, API 레퍼런스 참조 OPenSea 구현에 필요 요소 이해 및 구현 프로젝트 기간 2022년 6월 13일 ~ 2022년 6월 17일 ( 5일 ) 기획 - 1일 / 개발 및 배포 - 3일 / 회고 - 1일\ 프로젝트에서의 역할 팀장 역할 수행 NFT 생성 페이지 구현 hardhat을 통한 ERC-721 컨트랙트 배포 IPFS API 사용하여 파일 업로드 프로젝트 배포 구현 기능 기본 기능 사용자는 메타마스크 지갑을 연동하여 로그인할 수 있다 token uri에 들어갈 내용을 프론트에서 입력 주요 기능 사용자는 판매되는 nft의 정보 목록..

[TIL] Why 토큰 이코노미? React에서 useState의 set함수는 비동기

[TIL] Why 토큰 이코노미? React에서 useState의 set함수는 비동기 날짜 2022.06.16. 목표 OpenSea 클론코딩 마무리 내용 React - useState의 set함수는 기본적으로 비동기 set함수에 값을 넣어 state를 변경하게 되면 비동기적으로 처리 import React, {useState} from 'react'; const App = () => { const [value, setValue] = useState(''); const countHandler = () => { setState(value + 1); } return( {value} count ); } export default App; set함수에 콜백함수를 넣어 동기적으로 처리 ..

[TIL] react, ethers, payable, file

const CreateInputElement = ({ name, placeholder = "", onChange = () => { }, value=undefined }) => { return ( { value === undefined ? : } ); }[TIL] 한줄 요약 날짜 2022.06.15. 목표 OpenSea 클론코딩 - IPFS 연동 FBI 개인 프로젝트 - 글쓰기 구현 내용 react - input value warning 해결 문제 - value에 undefined가 들어갈 수 있어 발생 해결 1번째 방법const provider = await new ethers.providers.Web3Provider(window.ethereum); const signer = await provider...

[TIL] 경고와 버전 이슈

[TIL] 경고와 버전 이슈 날짜 2022.06.14. 목표 OpenSea 클론코딩 - Create 페이지 구현 내용 함수 컴포넌트 내부 Styled-Components 경고 해결 함수 컴포넌트 내부에 Styled-Components를 선언하면 다음과 같은 경고 발생 const CreateWrapper = ({ children }) => { const Wapper = styled.div` `; return ( {children} ); } react_devtools_backend.js:4026 The component styled.div with the id of "sc-jqUVSM" has been created dynamically. You may see this warning because you&#..

[TIL] OpenSea 클론코딩 시작 및 DeSo 컨트랙트 개발

[TIL] OpenSea 클론코딩 기획 날짜 2022.6.13. 목표 OpenSea 클론코딩 기획 FBI 개인 프로젝트 컨트랙트 개발 내용 OpenSea 클론코딩 기획 팀장으로 팀원 역할 분배 깃헙 레포지토리 공유 구현 기능 정의 시나리오 작성 FBI 개인 프로젝트 컨트랙트 개발 hardhat 설치 node 버전 16.0.0 필요 BaoBab 환경 구축 DeSogram 컨트랙트 개발 및 배포 프로젝트별 node 버전 변경 .mvmrc 파일을 생성하여 버전 정보 입력 18.0.0 결론 팀장의 자리는 너무 무겁다.. .mvmrc 파일 하나로 프로젝트별 node 버전 관리가 가능함을 알게 되었다.

솔리디티를 활용한 가위바위보 게임 컨트랙트

보호되어 있는 글입니다.