ruriruriya

Linux에서 디스크 사용량을 쉽게 해보자!1. 명령어df - h 는 사람이 읽기 쉬운 형식으로 디스크 총 크기, 사용된 공간, 남은 공간, 사용률 처럼 디스크 사용량을 알려준다.df -h[출력 예시]Filesystem Size Used Avail Use% Mounted onudev 7.8G 0 7.8G 0% /devtmpfs 1.6G 1.7M 1.6G 1% /run/dev/sda1 50G 20G 28G 42% /tmpfs 7.8G 1.5M 7.8G 1% /dev/shmtmpfs 5.0M 4.0K 5.0M 1% /run/locktmpfs 7.8G ..

현재 디렉토리 내에 있는 여러 디렉토리들 안에 파일 갯수를 세어야 할 때가 있다.이 때는 명령어 한줄로 쉽게 갯수를 파악할 수 있다. 1. 명령어find . -type f | rev | cut -d'/' -f2- | rev | sort | uniq -c find . -type f : 현재 디렉토리('.')와 그 하위 디렉토리 안에 모든 파일('-type f')을 찾는다.rev : 각 파일 경로를 반대로 뒤집는다. cut -d'/' -f2- : 슬래시(/)를 기준으로 나눠 두번 째 필드부터 끝까지 자른다.(파일명 제거, 디렉토리 경로만 남기기 위해서)rev : 다시 경로를 원래대로 뒤집는다.sort : 디렉토리 경로를 정렬한다.uniq -c : 중복된 디렉토리 경로를 카운트 한다. 2. 결과아래 처럼 디렉..

개발할 때 main 브랜치에 바로 개발하지 않고 각각 브랜치를 따로 만들어서맡은 부분의 기능 구현을 하고 테스트 한 다음 브랜치를 병합한다.main 브랜치에 현재 브랜치 병합하기 전에현재 브랜치에 main 브랜치의 최신본은 병합해보자.1. 터미널터미널 창을 열어서 GitHub 폴더의 해당 레포지토리로 이동한다.$ cd GitHub/ 2. 명령어$ git stash$ git checkout main$ git pull origin main$ git checkout $ git merge main$ git stash pop  git stash : 현재 작업 중인 변경사항을 임시로 저장하고 워킹 디렉토리를 깨끗하게 만든다. git checkout main : 현재 브랜치를 main 으로 전환git pull ori..

스프링 부트에서 신규 프로젝트를 생성하고 환경설정하는 방법을 알아보자.0. Tool 준비IDE는 STS(Spring Tool Suite)로 사용했다. 이유는 회사에서 실무로 IntelliJ는 비싸고 vscode는 써봤지만 그렇게 편리하단 생각이 안들었기 때문에 STS를 선택했다.1. 신규 프로젝트 생성하기Package Explorer -> Create new Spring Starter Project 클릭 New Spring Starter Project 창이 뜨면 아래처럼 작성하고 Next > 버튼 클릭Name : 프로젝트 명을 작성Location : 프로젝트 저장할 디렉토리 위치 작성Type : Gradle (실무에서는 Maven일 수도 있음..)Packaging : JarJava Version : 17..

리눅스에서 디렉토리별 사용중인 용량과 남은 용량을 체크해보자.1. 해당 디렉토리 남은 용량 확인하기df -h #예시 dir 디렉토리의 남은 용량df -h dir 2. 현재 디렉토리 안에 있는 디렉토리들의 용량 확인하기# 전체 디렉토리 사용중인 용량 확인하기du -hs *# 해당 디렉토리 사용중인 용량 확인하기du -hs

BrowserRouter, Routes, Route는 react-router-dom 라이브러리의 주요 컴포넌트로, React 애플리케이션에서 클라이언트 사이드 라우팅을 쉽게 구현할 수 있도록 도와준다.쉽고 심플한 코드로 헤더와 푸터를 고정해보자.1. BrowserRouter, Routes, Route1-1. BrowserRouter BrowserRouter는 HTML5의 History API를 사용하여 UI를 업데이트하고 URL을 동기화하는 라우터로 애플리케이션의 최상위 컴포넌트로 감싸져야 하며, 이를 통해 하위 컴포넌트들이 라우팅 기능을 사용할 수 있게 된다.import { BrowserRouter as Router } from 'react-router-dom';const App = () => ( ..

react에서는 네비게이션 바를 어떻게 만들까?react-router 라이브러리로 모듈화 시키고 간편하게 라우팅 설정을 할 수 있다. react-router 주요 기능동적 라우팅( Dynamic Routing) : 사용자가 특정  URL에 접근할 때 해당 URL에 필요한 컴포넌트를 렌더링라우트 가드(Route Guards) : 사용자 인증 상태 등에 따라 특정 라우트를 제한할 수 있음.레이아웃 관리 : 'Outlet'과 같은 기능을 통해 페이지 레이아웃을 쉽게 관리데이터 로딩 전략 : 로딩과 페칭을 효율적으로 처리하기 위한 'Loader' 기능이 제공코드 스플리팅(Code Splitting) :  'React.lazy'와 'Suspense'를 이용하여 필요한 라우트만 로드하고, 다른 페이지로 이동할 때 ..

React의 props는 한마디로 얘기하면 '속성'이다.실제로 properties의 줄임말! props는 컴포넌트로 전달되는 매개변수로, 컴포넌트의 재사용성을 높이고 데이터를 효과적으로 관리할 수 있도록 도와준다.주로 부모 컴포넌트에서 자식 컴포넌트로 ㅗ데이터를 전달할 때 주로 사용된다.1. props 사용방법  props 전달하기부모 컴포넌트에서 자식 컴포넌트로 props를 전달할 때,HTML 태그 속성을 설정하는 것과 유사한 방식으로 작성한다. props 사용하기자식 컴포넌트에서는 전달받은 props를 이용하여다양한 데이터를 표시하거나 로직에 사용할 수 있다.// 부모 컴포넌트function App() { return ( 사용자 정보 );}// 자식 컴포넌트fun..