TOOL (71) 썸네일형 리스트형 [Github] Github Pages 이용하여 홈페이지 배포 ++ 단순하게 해당 레파지토리 깃허브 페이지에서 Github Page를 띄울 수 있다. 1. 해당 repository 페이지의 settings 탭으로 이동 > Branch 영역에 최초엔 None으로 셀렉 되어있는 것을 원하는 브랜치 명으로 바꾸고 측면 Save 버튼을 눌러 저장한다. 2. 그후 상단에 "GitHub Pages source saved."라는 문구가 뜨고, 3. 몇 분정도 기다리다가 새로고침을 하면 아래처럼 View site 버튼이 활성화 된다. 클릭해보면 Github Page가 퍼블리싱 된 것을 확인할 수 있다. [VScode] react styled component 색상 구별 React.js 로 개발을 하다보면 스타일을 입힐때 styled component 사용시 에디터 안에서 색상 구별이 되지 않아 불편함이 있다.이 떄 VScode Plugin "vscode-styled-components" 하나로 해결된다. 색상 뿐만 아니라 자동완성 기능까지 함께 추가된다! [VScode] Next.js에서 Tailwind 사용시 주황색 에러 밑줄 제거 하기 next.js 프레임워크나 react.js 라이브러리를 사용하여 작업할 때 tailwind와 함께 사용을 선택했다면 아래 tailwind를 연결시 주황색 구불구불 밑줄을 발견한다. 그럴땐 VScode 플러그인 중에 PostCSS Language Support 를 설치하면 바로 주황 밑줄이 안 보일것이다. 심각한 오류는 아니나 작업 내내 보일 주황밑줄이라면 코드를 작성하면서 계속 거슬릴 것 같아서 이런 요소들은 시간을 내서 제거해 주는것이 한결 마음 편하게 작업할 수 있다. 여담으로 Next.js 를 지금 살펴보고 있는데 React.js를 베이스를 한 프레임워크라 그런지 익숙하면서도 재밌다.리액트 하나만으로는 CSR이라 보안에 상당히 취약한 것을 포트폴리오 작업 내내 피부를 느꼈었는데 SSG, SSR, .. [VSCode] minimap에서 현재 위치 알리는 주석 만들기 VSCode 플러그인 중 주석을 기깔나게 만들어주는 Convert To ASCII Art 를 소개한다. 예시로는 그럼 미니 맵에서 이렇게 보인다. https://marketplace.visualstudio.com/items?itemName=BitBelt.converttoasciiart Convert To ASCII Art - Visual Studio MarketplaceExtension for Visual Studio Code - Utility extension to convert text to ASCII art.marketplace.visualstudio.com 설정1. VSCode ctrl + alt + P > settings(json) 선택2. "convertToAsciiArt.favoriteF.. [Notion] 데이터베이스 조건 수식 구문 사용하기2 오늘 작업은 오늘 할일 이라고 표시하고 싶을 땐 아래 조건 수식을 이용해서 값이 0일때 표시를 하면 된다! dateBetween(prop("작업일"), dateSubtract(dateSubtract(now(), hour(now()), "hours"), minute(now()), "minutes"), "days") [Notion] 데이터베이스 조건 수식 구문 사용하기 노션에서 데이터베이스를 사용하면 효율적으로 상태관리가 가능하다. 내가 한 업무 이력을 관리하기 위해서 노션을 사용하고 있는데 기록 차원에서 수식 구문 사용했던걸 남긴다. 작업일이 아직 미정인 것과, 작업일이 지난 것에 대한 상태 체크를 하고 싶을때 수식 1. "/" 입력하면 database가 있는데 선택 2. 프로젝트 이름, 경로, 작업일, 상태 등등 테이블을 채운다. 3. 하나의 칼럼 속성을 수식 으로 변경하여 작업일 칼럼을 이용한 상태 체크를 한다. 4. 결과 작업일이 비어있을 땐 : 작업일 미정 작업일이 아직 도래되지 않았을 땐 : 빈 체크박스 🟩 작업일이 끝났을 땐 : 체크 표시 ✅ ***** 문제점 : 오늘 날짜의 작업도 함께 체크 표시 된다. 그 이유는 자정이 되면 오늘 날짜로 변하기 때문! [github] git 설치 후 위치 찾기 github를 설치해 두고 설치해둔 위치가 궁금해져서 그에 관련한 cmd 명령어를 찾았다. 간단하게 where! 말그대로 그게 어디에 있는지 컴퓨터에 물어보는 것이다. where git 그럼 아래처럼 명령어를 뱉을 것이다! C 드라이브에 저장했었군! [VSCode] 스니펫 설정 코멘트나 고정된 멘트를 사용할 때 스니펫에 저장해두면 편리하다. 왼쪽 하단 톱니바퀴 > User Snippets > comments.code-snippets 선택 후 하단 처럼 입력. { // Place your global snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and // description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope // is left empty or omitted, the snippet gets applied to all.. 이전 1 2 3 4 ··· 9 다음
