레디스(Redis)는 메모리 기반의 데이터 저장소이다. 키-밸류(key-value) 데이터 구조에 기반한 다양한 형태의 자료 구조를 제공하며, 데이터들을 저장할 수 있는 저장소이다. 최신 버전의 레디스는 PUB/SUB 형태의 기능을 제공하여 메세지를 전달할 수 있다. 즉, 데이터 저장 뿐만 아니라 다양한 목적으로 사용할 수 있다.레디스는 메모리에 데이터를 저장하기 때문에 저장 공간에 제약이 있어, 주로 보조 데이터 저장소로 사용한다. 이를 극복하기 위해 레디스 클러스터 기능을 제공하고 있어 저장 공간을 확장할 수 있다. 또한 저장된 데이터를 영구적으로 디스크에 저장할 수 있는 백업 기능을 제공하므로 애플리케이션의 주 저장소로도 사용할 수 있다. 또한 메모리에 데이터를 저장하기 때문에 빠른 처리 속도가 장..

아래 티스토리 스킨을 적용하여 사용하고 있다. 하지만 이미지가 본문 폭을 벗어나는 부분이 꽤 불편해서 커스텀하기로 함 hELLO 티스토리 스킨을 소개합니다.hELLO 는 2020년 3월 첫 공개 이후 지금에 이르기까지 티스토리에서 많은 블로거분들께 사랑받은 스킨이 되었습니다. 그 결과 가장 영향력 있는 개발자 커뮤니티인 깃허브에서 약 천 개에 달하는pronist.tistory.com 아래 코드를 스킨 편집 - CSS에 삽입하면 된다.@media all { #content .contents_style figure.imageblock.alignCenter, #content .contents_style figure.imageblock.alignLeft, #content .contents_style fig..

IntelliJ 개발 환경 구축 시 함께 설치하면 유용한 플러그인 목록을 기록한다. Atom Material Icons패키지, 디렉토리, 파일 아이콘을 Atom IDE 스타일로 변경해주는 플러그인으로, 가독성을 향상시켜 준다. Atom Material Icons - IntelliJ IDEs Plugin | MarketplaceAtom Material File Icons Custom File and IDE Icons for improved visual grepping This plugin is a port of the Atom File Icons and the icons of the Material Theme UI...plugins.jetbrains.com  Easy Code Screenshots단축키(C..

카카오톡 사람과 세상을 향한 모든 연결의 시작, 카카오톡#메신저 #오픈채팅 #카카오톡 #플랫폼www.kakaocorp.com  브라우저네이버 웨일 네이버 웨일 브라우저일상을 여는 새로운 시작 네이버 웨일whale.naver.com구글 크롬 Chrome 웹브라우저더욱 스마트해진 Google로 더 간편하고 안전하고 빠르게.www.google.com  기타Everything 다운로드 - voidtools www.voidtools.comNotion Mac 및 Windows용 Notion 데스크톱 앱 | NotionEnjoy an infinitely flexible and adaptable workplace that optimizes around your personal and team needs. Downloa..

파일 업로드 구현 시 보안상의 이유로 파일 검증 로직이 포함되어야 한다. 검증은 파일명, 파일 크기, 확장자, 위변조에 대해 수행되어야 하며 위변조의 경우 MIME 타입과 시그니처를 확인하면 된다. 파일 위변조 검증 방식1) MIME 타입 검증MIME 타입(Multipurpose Internet Mail Extensions)은 파일의 형식을 나타내는 표준 방식으로, Content-Type 헤더에서 확인할 수 있고 브라우저나 서버에서 파일이 어떻게 처리될지를 결정하는 데 사용된다.파일 확장자 기반 검증 (위험)example.jpg 같은 확장자를 보고 image/jpeg인지 확인하는 방식 → 쉽게 변경 가능하여 보안성이 낮음OS 또는 언어별 내장 MIME 타입 검출 기능 사용 → 신뢰할 수 있으나 MIME ..

[Vue] 파일 업로드 구현 - 반응형 API 시스템에서 File 객체 불러오는 방법반응형 APIVue는 반응형 API 시스템을 이용한다. 아래와 같은 기능들이 있는데, 자세한 내용은 따로 포스팅을 쓸 예정.reactive() : 반응형 객체를 만들 때 사용 - 객체만 가능ref() : 단일 값을 반응형으idox.tistory.com 이전 포스팅에 업로드한 바와 같이, Vue에서는 반응성 객체 내에서 file_, blob_ 정보를 유지하기 위해 Base64 인코딩 방식을 사용해야 한다. 하지만 서버에 Base64 형태로 데이터를 전송하게 되면 용량이 33% 증가한다는 점을 비롯한 단점이 존재하여 MultiPart 형태의 File 객체로 다시 변환하여 전송하는 과정이 필요하다. BLOB이란?BLOB(Bin..

반응형 APIVue는 반응형 API 시스템을 이용한다. 아래와 같은 기능들이 있는데, 자세한 내용은 따로 포스팅을 쓸 예정.reactive() : 반응형 객체를 만들 때 사용 - 객체만 가능ref() : 단일 값을 반응형으로 만들 때 사용 - 숫자, 문자열, 배열 등 모든 타입에서 사용 가능 / .value로 접근 및 변경computed() : 계산된 값을 자동으로 업데이트watch() : 특정 반응형 값의 변화를 감지하여 추가적인 작업을 수행할 때 사용watchEffect() : 종속성을 자동으로 추적하여 실행되는 반응형 감시자toRef(), toRefs() : reactive() 객체의 특정 속성을 ref()로 변환할 때 사용customRef() : 직접 반응형 상태의 동작을 제어할 때 사용Vue.j..

WSL이란?Windows Subsystem for Linux의 약자로, Windows 운영 체제에서 Linux 환경을 실행할 수 있게 한다.WSL1 : Windows 커널과 Linux 커널 간에 가교 역할을 하는 하이퍼바이저 기술을 사용한다. 이 버전은 Linux 바이너리를 Windows에서 직접 실행하도록 지원하지만 파일 시스템 성능이 덜 우수하다는 단점이 있다.WSL2 : Linux 커널을 Windows 시스템 위에 가상 머신 형태로 실행하는 방식이다. 이로 인해 파일 시스템 성능과 호환성이 향상되었으며, Docker와 같은 컨테이너 기술을 더 효율적으로 지원한다. Windows10, 버전 1903, 빌드 18362 이상에서만 사용 가능하다.무료로 사용 가능하며, Microsoft Store에서 Li..