I Learned/TIL

[TIL] TDD vs BDD

[TIL] TDD vs BDD 날짜 2022.06.27. 목표 없음 내용 Redux vs Context API 공통 - 전역 상태 관리 Redux Context API를 기반으로 제작 디버깅이나 로깅 등의 상태 관리 이외의 여러 기능이나 미들웨어 지원 Context APi 단순 전역 상태 관리 React 자체 내장되어 있어 바로 사용 가능 TDD vs BDD TDD(Test Driven Development) 테스트 작성 후 정상적으로 돌아갈 때까지 테스트하면서 코드를 작성하는 작업 모듈과 계층 간의 커플링 최소화 프로젝트의 유지보수와 확장에 용이 BDD(Behavior Driven Development) - TDD에서 파생된 개발 방법론 사용자의 행위를 포함한 테스트 작성 후 정상적으로 돌아갈 때까지 ..

[TIL] 배포하는 길을 멀고도 멀다.

[TIL] 배포하는 길을 멀고도 멀다. 날짜 2022.06.24. 목표 프로젝트 기본 기능 구현 내용 Docker - node 이미지 오류 아직 완벽하게 해결하지 못했지만 node 이미지 오류가 있어서 dockerfile이 실행되지 않았었다. Access 패턴이란? 사용자들이 일정 양의 토큰을 네트워크에 예치해야만 서비스가 이용 가능한 패턴 AirSwap : 거래자와 판매자들의 희망 판매 정보를 탈중앙화된 방식 관리 기존 중앙화된 거래소의 중앙화된 한계점을 극복 판매자와 구매자들의 거래정보를 각각 Off-chain에 기록하고 체결된 거래만을 블록체인 상에 기록 결론 새로운 도커 이미지를 통해서 배포해보자!

[TIL] 커밋되지 않은 모든 파일 삭제

[TIL] 커밋되지 않은 모든 파일 삭제 날짜 2022.06.23 목표 게시글 조회와 작성에 대한 UI, API 구현 이미지 파일 URL 저장 안되는 오류 해결 이전 프로젝트 정리 내용 Git - 커밋되지 않은 모든 파일 삭제 $ git reset $ git checkout . $ git clean -fdx Blockchain - 소울바운드 팔수 없는 NFT Blockhcain - 디스카운트 토큰 ‘특정 재화나 서비스에 대한 할인’이라는 효용을 제공해주는 토큰 결론 깃 관리 너무 어렵다..

[TIL] caver-js 버전 1.4.2로 다운그레이

[TIL] caver-js 버전 1.4.2로 다운그레이 날짜 2022.06.22. 목표 로그인 및 회원가입 API 구현 KIP7 컨트랙트 실행하기 내용 Klaytn - Kaikas와 사용시 caver-js 버전 1.4.2로 다운그레이 필요 1.5.0 이상 버전은 Kaikas와 호환성 오류 있음 결론 caver 버전을 낮춘다고 1.5.0을 쓰고 있었는데, 이마저도 호환이 잘 되지 않았다. 1.4.x 버전을 설치하니 잘 동작했다.

[TIL] 프론트 환경 구축과 배포

[TIL] 프론트 환경 구축과 배포 날짜 2022.06.21. 목표 DeSo 프로젝트 Front 환경 구축 내용 Next.js - getStaticProps vs getServerSideProps 공통점 - pre-render가 필요한 경우 사용 getStaticProps - 빌드 시 한번 호출 정적(고정된) 데이터 성능 우수 getServerSideProps - 페이지 요청마다 호출 동적 데이터 동적 수정 가능 npm ci npm ci(Continous Integration, 지속적인 통합) 장점 - 빠른 설치 속도 package.json 파일보다 package-lock.json 파일을 우선 기존의 node_modules 폴더를 삭제하고 package-lock.json 파일을 기준으로 package를 ..

[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에서 정책 ..

[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함수에 콜백함수를 넣어 동기적으로 처리 ..