본문 바로가기

분류 전체보기

 (159)
VS Code 비주얼 스튜디오 코드 자주 사용하는 단축키 윈도우 맥 VS Code 자주 사용하는 단축키 줄바꿈 단축키Win : Alt + ↑Mac : Option + ↑ 한 줄 삭제 단축키Win : Ctrl + Shift + KMac : Cmd + Shift + K 자동 줄 정렬 단축키Win : Alt + Shift + FMac : Option + Shift + F 파일명 검색 단축키Win : Ctrl + PMac : Cmd + P 전체 파일에서 글자 검색 단축키Win : Ctrl + Shift + FMac : Cmd + Shift + F rsf (React Stateless Functional Componet)import React from 'react'; function FunctionName() { return ( ); } export defa..
프로그램 설치 없이 윈도우 크롬에서 전체화면 스크롤 캡쳐 하기 프로그램 설치 없이 스크롤 전체화면 캡쳐 방법 프로그램 설치 없이 크롬에서 스크롤 캡쳐방법 1. 개발자 모드 F12를 누른다2. Ctrl + Shift + P 를 누른다.3. Capture full size screenshot 를 검색하여 클릭한다. 현재 화면에 표시되지 않은 스크롤 하단 끝까지 모든 화면이 캡쳐되서 자동 저장된다.
[React] Visual Studio Code로 리액트 개발 시 유용한 자동완성 단축키 React 개발시 유용한 자동완성 단축키 플러그인 reactjs code snippets 비주얼 스튜디오 코드 확장(Extensions) 아이콘을 클릭 후 reactjs code snippets 를 install 후 비주얼 스튜디오 코드를 재실행 한다.  rsf(React Stateless Function Component) : 함수형 컴포넌트를 생성import React from 'react';const MyComponent = () => { return ( My Stateless Function Component );};export default MyComponent; rcc(React Class Component) : 클래스형 React 컴포넌트 생성import React..
React tailwind 설치 에러 'tailwind'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는배치 파일이 아닙니다. React Tailwind 설치 에러 React 에서 Tailwind 유틸리티 우선 css 프레임워크이다Tailwind CSS는 CSS 속성들을 클래스 형태로 제공한다. 개발자가 클래스 이름만으로 빠르게 디자인을 적용할 수 있다. 설치 시 에러 발생React에서 Tailwind 설치 후 npx tailwindcss init 실행 시 오류 발생'tailwind'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는배치 파일이 아닙니다.  버전문제로 인한 에러인듯 하여 4버전에서 3버전으로 재설치npm install -D tailwindcss@3 postcss autoprefixernpx tailwindcss init  가이드https://v3.tailwindcss.com/docs/installat..
React 'You are running `create-react-app` 5.0.1, which is behind the latest release' 설치 에러 React 'You are running `create-react-app` 5.0.1, which is behind the latest release' 에러 create-react-app 5.0.1 버전을 사용중인데 최신 버전이 나왔다고 오류가 발생하는 경우  해결방법 1. 구버전 제거하기create-react-app 의 구버전을 시스템에서 전역적으로 제거npm uninstall -g create-react-app 2. 최신 버전 설치npm install -g create-react-app 3. 새 react 앱 만들기npm create-react-app [my-app] npx는 항상 최신 버전의 create-react-app을 사용하기 때문에, 전역으로 설치하지 않고도 바로 최신 버전을 사용할 수 있다.
React 앱 설치 에러(Installing template dependencies using npm) React 설치 에러 해결    Node 버전 : v22.14.0npm 버전 : 10.9.2 React 설치 시 에러 원인은 리액트19버전이 원인인듯 1. 첫번째 시도는 리액트를 제거 후 재설치하는 방법npm uninstall -g create-react-app 으로 리액트 앱 제거 npm install -g create-react-app 으로 리액트 앱 재설치 npx create-react-app [app name] 으로 리액트 앱 실행 하지만 그래도 실패  2. Yarn 으로 설치Yarn을 설치하고 Yarn을 이용하여 리액트앱을 설치하는 방법npm install -g yarnyarn create react-app [app name]  3. 리액트 버전 변경리액트앱을 설치 후 실패하게 되면 설치 실패한..
Eclipse Git 충돌 시 로컬 변경사항 롤백 방법 Eclipse Git 충돌 시 로컬에서 롤백하는 간단한 방법 1. Git Staging 뷰 열기Window > Show View > Other를 선택Git > Git Staging 을 선택Git Staging 뷰 열기 2. 변경사항 확인Unstaged Changes 영역에서 변경된 파일 목록을 확인 3. 변경 사항 롤백롤백하려는 파일을 선택한 뒤 우클릭 > Replace with HEAD Revision을 클릭* 이 작업은 선택한 파일을 현재 원격 저장소에 있는 마지막 커밋 상태로 되돌린다.
Excel 엑셀 전체 sheet 에서 검색하는 방법 엑셀 전체 시트 검색하는 방법: 쉽고 빠르게 원하는 정보를 찾아보자! 엑셀은 다양한 데이터를 관리하고 분석하는 데 매우 유용한 도구입니다. 여러 시트와 방대한 양의 데이터가 포함된 엑셀 파일에서 특정 정보를 찾아야 할 때가 많습니다. 그런데, 수많은 셀과 시트 중에서 원하는 정보를 찾는 것은 꽤 시간이 걸릴 수 있죠. 이럴 때 유용한 기능이 바로 엑셀 전체 시트 검색입니다. 오늘은 엑셀에서 여러 시트를 포함한 전체 문서에서 빠르게 원하는 정보를 찾을 수 있는 방법에 대해 소개합니다. 1. 엑셀에서 전체 시트 검색하는 방법 엑셀에서는 기본적으로 현재 시트 내에서만 검색할 수 있지만, 찾기 및 바꾸기 기능을 사용하면 전체 시트, 즉 엑셀 파일에 포함된 모든 시트에서 검색을 할 수 있습니다. 간단한 단축키와 ..

티스토리툴바