현재 변경사항이 있습니다. xxx 브랜치 받고 작업 진행해주세요 내 작업은 아직 미완성이지만 변경 사항을 먼저 확인해야 할 때, 어떤 방법을 쓰면 좋을까?Git Stash아직 커밋하지 않은 작업 내용 (수정된 파일, 스테이징된 파일) 을 임시로 저장소에 숨겨두고, 작업 디렉토리를 마지막 커밋 상태로 되돌리는 Git 명령어git stash : 임시 저장소에 저장-u 옵션을 사용하면 추적되지 않거나 무시된 파일에 적용된 변경사항도 stash 할 수 있다.git stash list : 내역 확인git stash 를 여러 번 실행하여 여러 stash를 만든 다음 리스트를 볼 수 있다.git stash pop : 가장 최근 저장된 stash 불러오기불러온 뒤 list에서는 제거된다.git stash apply ..

회사에서 Thymeleaf를 사용하는데 React에 익숙한 나로썬 html 파일을 편집할 때마다 서버를 재시작하는 과정이 매우 불편했다.게다가 재시작 후 로그인 시 그 정보를 DB에 남기고 이게 화면에 표시되도록 만들었기 때문에 내가 쌓은 데이터만 10페이지가 넘어갈 때 쯤.. 서버 재시작 없이 리로드 할 수 있는 방법이 있다고 해서 적용하게 되었다! 1. cache: false 설정타임리프 같은 템플릿 엔진은 파싱 후 결과를 캐시에 저장하게 된다. 프로덕션에서는 성능 향상에 기여하지만 개발 단계에서는 매우 불편하므로 이를 꺼준다. thymeleaf: cache: false 2. build.gradle에 의존성을 추가한다.spring-boot-devtools는 리로드를 포함한 개발에 편리한 ..

intellij 2025.3.2. 버전을 사용하던 중 어느날 갑자기 에러가 발생했다. 문제 상황은 파일 > 열기를 누르면 윈도우 파일 탐색기가 나오는데 이때 무한 로딩에 걸리고 앱이 강제종료 되는것 1. intellij 재설치2. 캐시 무효화3. pc 재부팅 을 해도 안되길래 ai를 괴롭히다 이런 게시글을 보았다.... https://youtrack.jetbrains.com/projects/JBR/issues/JBR-9941/IDEs-crash-Opening-file-explorer-on-Windows-11-with-OneDrive https://youtrack.jetbrains.com/projects/JBR/issues/JBR-9941/IDEs-crash-Opening-file-explorer-on-W..

기존에는 Create React App 방식으로 프로젝트를 만들었지만 2023년 이후 유지보수가 중단되어 Vite 사용이 권장되고 있다. Vite는 프랑스어로 '빠르다' 를 의미하며 '바이트' 가 아닌 '비트' 로 읽는다. 개발 서버와 빌드 도구 역할을 하며 React, Vue, Svelte 등 다양한 프론트엔드 라이브러리, 프레임워크를 지원한다.Vite는 개발할 때는 ESM 기반으로 파일을 바로 실행시켜서 매우 빠르고 빌드할 때는 Rollup을 사용한다. ES모듈 (ESM) : 최신 JS 표준으로 import와 export 키워드를 사용한다.CommonJS : Node.js 환경에서 주로 사용되며 require()과 module.exports 를 사용한다.commonJS의 경우 모듈 로더가 동기적으로 ..

이번에 취업을 하고 새로운 서비스의 관리자 콘솔을 구축하기 위해 CDD를 채택해서 개발해보려 한다!그럼 CDD는 뭘까? 컴포넌트 주도 개발 (Component-Driven Development) 는 모듈화된 컴포넌트로 사용자 인터페이스를 구축하는 개발 및 디자인 방식이다.여기서 '모듈' 과 '컴포넌트' 라는 단어가 나오는데 얼핏 보면 비슷해보이지만 다른 의미를 가지고 있다. 먼저 컴포넌트와 모듈 두 가지의 개념을 알아보자면 컴포넌트사용자 인터페이스의 가장 작은 단위로 과업에 상관없이 일관성 있게 사용되는 공통 요소 현대의 사용자 인터페이스는 복잡하다. 사람들은 여러 기기에서 개인화된 경험을 기대하고 이는 프론트엔드 개발자와 디자이너가 UI에 더 복잡한 로직을 포함시켜야 한다는 의미이다. 컴포넌트는 상..

취업 준비 겸 개인 프로젝트도 하나 하고 싶어서 포트폴리오 사이트를 만들기로 결정했다. 처음엔 피그마로 디자인도 하면서 예쁜 페이지를 만들고 싶었으나 역시 피그마에서 보는 디자인과 실제 웹에 올려서 보는 디자인이 다른 문제가 발생했다! 기존 나의 계획은 프로젝트를 세로로 하나씩 보여주는 거였는데 웹으로 보니 생각보다 한 눈에 들어오지 않아서 카드 형태의 2열 Grid 레이아웃으로 변경했다. 2열로 만들다 보니 내가 보여주고 싶은 건 많은데 칸이 작아서 글자가 한없이 작아졌다. 칸을 키우자니 한눈에 보이질 않고... 주변 프론트 개발자들에게 조언을 구해 카드에 "뒤집는" 효과를 더해 앞면에서는 프로젝트의 정보를 뒷면에서는 세부 정보를 보여주기로 결정했다. framer motion을 사용해 filp 효과를..

Persistent Strorage전원이 꺼지더라도 데이터를 손상되지 않은 상태로 유지한다.HDDSSD저장소의 가상화에서 두 가지의 주요 추상화는 파일과 디렉토리이다. 파일과 디렉토리파일이름이 붙은 데이터 덩어리, 하드디스크, SSD 같은 저장장치에 저장되는 관련 정보의 묶음이다.inode : 파일은 내부적으로 숫자 ID로 식별된다. inode는 파일의 진짜 정보를 저장한다.한 파일 시스템 내에서 inode 번호는 유일하다.디렉토리파일을 체계적으로 정리하는 폴더, 디렉토리도 파일의 일동이다. 내용은 쌍으로 되어 있다. 계층구조를 지원한다. 디렉토리는 또 다른 디렉토리를 가질 수 있다. (트리 구조)디렉토리 안에 ("foo", "10")이라는 항목이 있으면 foo라는 이름의 파일은 inode 번호 10번..

메모리 종류FLASH : 고밀도, 저전력, 고속, 업데이트 가능, 데이터 보존 가능DRAM : 고속이지만 전원이 꺼지면 데이터 사라짐 (휘발성)ROM : 고정된 내용만 읽기 가능, 값 싸고 신뢰성 높음EPROM/EEPROM : 비휘발성, EPROM은 자외선으로 지우고, EEPROM은 전기적으로 바이트 단위 삭제 가능 플래시 메모리 flash memory cell은 Floating gate transistor를 사용하여 Floating Gate에 전자를 저장한다. 전자는 절연막으로 둘러싸여서 오래 유지된다.데이터는 이 전자의 유무로 표현된다. (없으면 1, 있으면 0) 플래시 메모리는 트랜지스터의 임계 전압을 바꿈으로써 1과 0을 구분한다. 이걸 통해 비휘발성 메모리가 된다. 특징Erase-before-w..