기록/환경세팅 15

[기록/환경세팅] 윈도우 종료 옵션 기본값 변경하기

윈도우가 업데이트 되면서 종료 옵션의 기본값이 '사용자 전환'으로 변경되었다면,레지스트리 편집기에서 종료 옵션의 기본값을 설정할 수 있습니다.1. 윈도우 + R 키를 눌러서 regedit 명령을 실행시키면 레지스트리 편집기를 열 수 있습니다. 2. 아래 주소로 이동합니다.컴퓨터\HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Explorer\Advanced 3. 새로운 레지스트리를 만듭니다.흰 바탕에서 '우클릭 > 새로 만들기(N) > DWORD(32비트) 값(D)'를 선택 후, 아래 이름으로 레지스트리 이름을 변경합니다.Start_PowerButtonAction 4. 아래 값을 참고해서 레지스트리 값을 변경합니다.2: 시스템 종료4: 다시 시작..

기록/환경세팅 2024.09.10

[기록/환경세팅] 원드라이브 캡처 이미지 일괄삭제하기

더보기🗨️ 문제상황한 달 전부터 회사PC와 개인 노트북 간의 연동을 위해 원드라이브를 사용중입니다. 벌써 드라이브 용량을 절반 이상 사용했다는 알림창이 뜨더라구요.[바로가기: 원드라이브 > 저장소 관리] 원드라이브 홈으로 이동해서 모든 항목을 다 확인해 봤습니다. 원인은, '사진'이었습니다.2006년 이후로 PC에서 캡처한 모든 이미지가 자동 저장되고 있는 상황이었습니다. '사진' 메뉴에서는 일괄 삭제 기능을 제공하지 않고 있습니다.아래의 방법처럼 원드라이브를 PC의 파일 탐색기로 접근해서 이미지를 일괄 삭제할 수 있었습니다.1. 파일 탐색기로 원드라이브 '사진' 폴더로 이동방법은 2가지 있습니다. 방법1)window Key + Shift + S를 눌러서 아무거나 캡처한 뒤, 아래 사진을 참고해서 이동..

기록/환경세팅 2024.06.18

[기록/환경세팅] 리액트 프로젝트에 AntD 설치 및 사용법

AntD는 컴포넌트 라이브러리 패키지입니다. 컴포넌트 라이브러리란, 컴포넌트를 재사용할 수 있도록 라이브러리로 제공하는 것입니다.더보기✅ AntD 사용한 리액트 프로젝트(이하, 리액트 앱, 앱) 개요(개요 번호와 본문 번호는 관계 없습니다.) 1. CRA 사용해서 typescript 템플릿 기반의 리액트 앱 생성자세한 설명은 [바로가기]를 눌러 주세요. 2. VS Code에서 workspace 열기워크스페이스를 열면 Workspace Trust를 물어봅니다. Yes 눌러주세요. 자세한 설명은 [바로가기]를 눌러주세요.워크스페이스 여는 방법 : File > Open Workspace from File... 3.components 폴더 생성컴포넌트 폴더에는 AntD의 예제 코드..

기록/환경세팅 2024.04.22

[기록/환경세팅] VS Code에 Git 연동 및 사용법

들어가기 앞서.. Git을 이용하면 버전 관리 및 협업을 손쉽게 할 수 있습니다. 또한, 간단한 호스팅 기능도 제공하니 포트폴리오를 위해 사용법을 익혀보는 것을 추천드립니다.Git은 VS Code에서 우측 사이드바의 Source Control에서 이용할 수 있습니다.목차1. Git 프로그램 설치 파일 다운로드2. Git 프로그램 설치 파일 실행아래 포스팅에서 설명을 잘 해주고 있습니다. 윈도우에서 Git Bash 설치하기1. 설치 파일 다운로드 Windows에서 Git을 사용하기 위한 GitBash를 설치한다. (2.30 버전) Git Bash 설치 파일을 받기 위해 공식 홈페이지(https://git-scm.com/)에서 다운로드 한다. 다운로드 완료 후 설치 파일xangmin.tistory.com더보..

기록/환경세팅 2024.04.22

[기록/환경세팅] VS Code 기본 화면 세팅

들어가기 앞서.. 명령어 팔레트(Ctrl + Shif + P)를 통한 간단한 화면 세팅을 설명하는 포스팅입니다. 명령어 팔레트를 열어서 명령어를 입력하면 됩니다. 목차 ■ Toggle Menu Bar (메뉴바 보여주기/없애기) ■ Toggle Side Bar Position (사이드바 위치 변경) ■ Toggle Side Bar Visibility (사이드바 보여주기/없애기) 단축키 : Ctrl + B ■ Toggle Activity Bar Visibility (액티브바 보여주기/없애기) 단축키 : Ctrl + Shift + A ■ Toggle Status Bar Visibility (상태바 보여주기/없애기) 메뉴바의 View에서 선택할 수도 있습니다. ■ Zoom Out/In 줌아웃 단축키 : Ctrl..

기록/환경세팅 2024.04.22

[기록/환경세팅] 리액트 프로젝트에 Tailwind CSS 라이브러리 추가하기

Tailwind CSS는 CSS 라이브러리입니다.더보기🗨️ CSS 라이브러리가 뭔가요?HTML 스타일에 대해서 CSS로 하나 하나 적는 거에 대해 고충을 느껴 보신 분이라면, '누가 CSS 좀 대신 작성해 주면 안 될까?'라는 생각을 한 번쯤은 해보셨을 겁니다. TailwindCSS가 '누가 대신 작성한 CSS'를 모아놓은 소스 코드입니다.첫 번째 사진과 같은 스타일을 적용하기 위해 CSS를 직접 적는다면 두 번째 사진처럼 html로 구조를 만들고, css로 style을 작성해 주어야 합니다. 하지만 CSS 라이브러리를 이용한다면, html로 구조를 만들고 css는 class명 안에 이미 정의된 이름으로 작성할 수 있습니다. 자세한 설명은 공식 문서에서 확인할 수 있습니다. Utility-First F..

기록/환경세팅 2024.04.18

[기록/환경세팅] VS Code 터미널 열기/연결 터미널 변경하기

매번 cmd, 터미널과 같은 CLI를 열어서 명령어(Command, 커맨드)를 실행하는 건 꽤나 귀찮은 일입니다. VS Code는 개발자의 편의를 위해 내장 CLI를 제공합니다. 보통 CLI를 터미널이라고 많이들 부르니, 이번 포스팅에서는 CLI를 터미널이라고 하겠습니다. ■ VS Code 내장 터미널 열기 🗨️ 터미널이 안 열려요. 혹시 노랑 박스처럼 워크 스페이스가 2개 이상 열려있지 않나요? VS Code의 터미널은 기본적으로, 열려있는 작업영역(Workspace)의 경로에서 시작됩니다. 워크 스페이스가 여러 개 일 경우에, VS Code가 어떤 경로에서 터미널을 열어야될 지 모르기 때문에 터미널을 선택해 주셔야 합니다. ■ VS Code 터미널 종료 터미널 우측에 오픈된 터미널이 나옵니다. 터미널..

기록/환경세팅 2024.04.18

[기록/환경세팅] Do you trust the authors of the files in this folder? (VS Code Workspace Trust)

오랜만에 VS Code를 사용하려고 하니 못 보던 창이 뜨더군요.. 찾아보니까 굳이 보안을 생각하지 않아도 되는 프로젝트는 Yes 누르는 게 좋을 것 같습니다. VS Code 1.58 릴리스부터 프로젝트를 열려고 하면 아래 사진과 같은 Workspace Trust(작업영역 신뢰 설정)창이 뜹니다. 워크스페이스(workspace)에 대해 신뢰 기능을 사용하면 명시적인 승인 없이 VS Code가 해당 프로젝트의 코드를 탐색/편집/실행 여부를 결정하며 확장 프로그램 접근 또한 결정할 수 있습니다. ✅ Yes, I trust the authors VS Code는 Open Project에 대해서 enable trust(신뢰 가능한) 프로젝트라고 판단합니다. 기존과 같이 모든 기능을 제한없이 사용할 수 있습니다. ..

기록/환경세팅 2024.04.18

[기록/환경세팅] Node.js 설치 (npm 설치)

React를 사용하기 앞서 React가 로컬에서 실행할 수 있는 환경을 제공해주는 Node.js를 설치하는 과정입니다. 마지막에 문제를 겪으면서 해결하는 추가 포스팅도 있습니다. 1. Node.js 설치💬 Node.js가 뭔가요?Node.js는 자바스크립트가 브라우저가 아닌 곳에서도 실행될 수 있는 환경을 제공해 주는 "런타임 환경"입니다. 자바스크립트 기반의 백엔드를 개발하기 위해서 꼭 필요한 환경 중 하나입니다. 하지만, JS 런타임 환경 외에도 다양한 기능들을 가지고 있어서, 프론트엔드 개발을 할 때, 이 기능을 이용하기 위해 Node.js를 설치하기도 합니다. 구글에 'Node.js' 검색해서 홈페이지 접속하셔서 Download Node.js(LTS) 버튼 눌러주세요.물건을 구매하면 고장나거나 ..

기록/환경세팅 2024.04.11

[기록/환경세팅] VS Code 설치

프론트엔드 IDE로 유명한 Visual Studio Code를 설치하는 과정입니다.■ Visual Studio Code 설치공식 홈페이지에서 운영체제에 맞는 Stable 버전을 다운로드 받으셔서 설치 진행하시면 됩니다. [공식홈페이지 바로가기]💬 Stable과 Insiders가 뭐가 다르나요?Stable : 안정화 버전Insiders : 테스트 버전Insiders 버전은 정식 출시 이전의 테스트 버전으로, 최신 기능을 먼저 사용할 수 있지만 불안정하고 버그 발생 확률 높습니다. Stable 버전은 안정화를 거쳐 버그가 최소화된 버전이니 최신 기능을 이용해 봐야 되는 게 아니라면 Stable을 추천드립니다.Next 계속 누르시면 됩니다.설치 전, 옵션을 선택하는 화면입니다. 저와 똑같이 설정할 필요는 없..

기록/환경세팅 2024.04.11