제로하우스

웹 페이지를 개발하면 Footer를 사용할 때가 많다. HTML 컴포넌트에 다음과 같이 CSS를 적용하면, 페이지의 컨텐츠 길이와 상관 없이 항상 페이지 하단에 표시되는 footer를 만들 수 있다. Footer .footer { background: #F4F7F7; height: 2rem; margin-top: auto; width: 100%; position: absolute; bottom: 0; left: 0; } 위와 같이 코드 작성하면 아래와 같이 적용된다.

Intro 블록체인 부트캠프에서 첫 프로젝트로 OpenSea 클론 코딩을 진행하였다. OpenSea와 같이 간단한 NFT 마켓플레이스를 만드는 것이었는데, 생각했던 것 같이 똑같이 클론 코딩을 하는 것은 아니었다. 제공되는 Contract 코드를 재가공하여 사용하는 것 외에는, 프로젝트 구조 설계, 클라이언트 개발, IPFS 연결 등 모든 것을 직접 해야했다. 확실히 개념을 학습하고 실습을 하는 것보다, 직접 프로젝트를 해보니 전체적인 구조 파악이나, 문제 해결 등에서 블록체인에 대해서 더욱 잘 알 수 있는 기회가 되었다. 1. 기획 과정 1.1 문서 프로젝트가 기간이 길지 않았기 때문에(weekday 기준 약 6주일) 기획은 반나절 정도에 다 마쳤다. 노션을 활용하여 빠르게 개발을 하기 위한 최소한의 ..

GitHub Pages GitHub Pages는 GitHub Repository를 이용해 웹 사이트를 무료로 호스팅해주는 서비스이다. 사용자가 GitHub Repository에 자신의 웹 프로젝트 빌드 결과물을 업로드하면 GitHub가 그 결과물을 호스팅해준다. Git Repository 최신화 GitHub에 Repository를 생성하고 git push를 통해 원격 저장소에 최신화된 React 프로젝트를 업로드한다. gh-pages 패키지 설치 gh-pages 패키지를 설치한다. npm install gh-pages package.json 수정 package.json 파일에 "homepage": "https://{GitHub username}.github.io/{Repository name}"를 추가한..

Radix Sort? 데이터를 구성하는 기본 요소(radix)를 이용하여 정렬을 진행하는 방식으로, 낮은 자리수부터 비교하여 정렬해 간다는 것을 기본 개념으로 하는 정렬 알고리즘이다. 기수정렬은 비교 연산을 하지 않으며 정렬 속도가 빠르지만 데이터 전체 크기에 기수 테이블의 크기만한 메모리가 더 필요하다. 시간 복잡도: O(d(n+b)) d는 정렬할 숫자의 자릿수, b는 10 장점 문자열, 정수 정렬 가능 단점 자릿수가 없는 것은 정렬할 수 없음(부동 소수점) 중간 결과를 저장할 bucket 공간이 필요함 수행 과정 기수 정렬 수행 과정은 다음과 같다. 1의 자리 숫자를 0부터 9까지 숫자별로 나눈다. 10의 자리 숫자를 0부터 9까지 숫자별로 나눈다. 100의 자리 숫자를 0부터 9까지 숫자별로 나눈다..

ngrok이란? ngrok(엔그록)은 방화벽을 넘어서 외부에서 로컬에 접속할 수 있게 하는 터널 프로그램(Secure tunnels to localhost)이다. 시작하기 다음의 명령어로 ngrok agent를 설치한다. choco install ngrok 설치한 ngrok agent를 ngrok 계정에 등록한다. Authtoken은 ngrok 사이트에 회원가입(로그인) 후에 `Dashboard > Getting Started > Your Authtoken`에서 가져올 수 있다. ngrok config add-authtoken 포트를 열고 해당 포트를 등록한다. ngrok http ngrok http 8000# 예시 위 명령어를 입력하면 터미널 창 전체가 ngrok의 접속 상태를 알 수 있는 대시보드처럼..