최근 마지막 개인 프로젝트를 시작하게 되었다. 혼자 홈쇼핑 사이트를 만들어 운영까지 하는것을 목표로 하는거라 프론트의 비중은 줄이고 백엔드를 중점적으로 할 계획이라 일반적인 css를 사용하기에는 무리가 있었기때문에 tailwind를 도입하기로 했다. Tailwind CSS란 무엇인가 Tailwind CSS는 HTML,CSS,JavaScript를 위한 신속하고 직관적인 디자인 시스템을 제공하는 CSS프레임워크이다. 내부를 본다면 이미 만들어져있는 CSS,Js코드를 class를 통해서 불러올수 있는 프레임워크이다. Tailwind CSS를 설치하는 방법 Tailwind에는 일반적인 Tailwind와 MatarialTailwind가 따로있다. 그렇기에 부트스트랩처럼 이미 만들어져있는 컴포넌트를 사용하려면 Ma..
전체 글
이번에 개인프로젝트로 대규모 홈페이지를 시작하였다. 프로젝트를 시작하기 전에 개인 우분투서버의 패스워드 인증을 막고 개인키 인증만 허용하게 구상을 했지만 이유를 알수없는 로그인 오류로 서버로부터 거부를 당해왔다. 그렇기에 이번에는 우분투 서버에서 개인키 인증을 어떻게 하는지에 대해서 적어보려고 한다. 과정은 간단하지만 파일권한이 하나라도 맞지 않다면 거부가 뜨기에 잘 확인해야 한다. 우선 mkdir -m 700 ~/.ssh 으로 폴더에 700 권한을 주고 생성한다. 그다음 공개키, 개인키를 생성해야 하는데 ssh-keygen -t rsa 이렇게 입력을 하고 엔터를 계속 누르면 ~/. ssh 폴더에 id_rsa, id_rsa.pub 파일이 생겨있을 것이다. 생성이 되었다면 ~/. ssh 폴더에 author..
코딩테스트 문제들의 답들을 보고 있다가 4중배열이 보여서 Hashmap의 4중배열 구조는 어떻게 되어있는지 짧게 기록을 남겨두려고 한다. Hashmap을 Map map = new HashMap(); idxMap.put("-", 0); // 공통적으로 다 들어가는 부분 idxMap.put("java", 1); idxMap.put("cpp", 2); idxMap.put("python", 3); idxMap.put("backend", 1); idxMap.put("frontend", 2); idxMap.put("junior", 1); idxMap.put("senior", 2); idxMap.put("chicken", 1); idxMap.put("pizza", 2); 카카오의 코테문제를 보면서 Hashmap의 구..
우분투에 nas시스템을 이식하면서 파티션의 잔여용량을 확인하는방법을 찾아서 기록을 해 놓는다. - 전체 용량 확인 (KB, GB) - df -P | grep -v ^Filesystem | awk '{sum += $2} END { print "full capacity(KB) : " sum " KB" }' df -P | grep -v ^Filesystem | awk '{sum += $2} END { print "full capacity(GB) : " sum/1024/1024 " GB" }' - 사용 가능 용량 확인 (KB, GB) - df -P | grep -v ^Filesystem | awk '{sum += $4} END { print "usable capacity(KB) : " sum " KB" }' d..
이번글에서는 백엔드 부분의 흐름에 대해서 설명해 보겠다. 깃허브액션은 이렇게 되어있는데 name: Build and Deploy on: push: branches: - main jobs: build-and-deploy: runs-on: ubuntu-latest steps: - name: Checkout source code uses: actions/checkout@v2 - name: Setup Java environment uses: actions/setup-java@v1 with: java-version: 11 - name: Grant execute permission for gradlew run: chmod +x gradlew - name: Build with Gradle run : ./gradlew..
국비교육을 끝내고 취업 전 개인프로젝트를 시작했다. 프로젝트를 시작하기 전에 빠르게 배포를 하기 위해서 깃허브 액션의 파이프라인을 구축하고 도커 swarm으로 무중단배포를 하는 방향으로 3일간 세팅을 시작하여 세팅이 끝나 이렇게 정리를 해보려고 한다. 리액트를 로컬환경에서 셋팅하는 글은 이전글에서 써놨으니 깃허브액션부터 정리하겠다. 깃허브 액션을 연동하기 위해서는 개발툴과 git을 연동시킬 필요가 있다(intellij 기준) 우선 깃허브의 레포주소를 추가해줘야한다. 보통 git bash에서 git remote add origin [브랜치 이름] 이렇게 사용이 가능하지만 여기서 추가도 가능하다. 이렇게 깃허브레포의 Https주소를 추가했다면 코드를 추가해줘야 한다. 보통 git bash로 파일을 push ..