오블완4 vscode 자동완성 안될 때 컴포넌트 이름을 바꿔보자.나같은 경우에는 컴포넌트 이름이 Sidebar.js였는데 SideMenuBar.js로 바꾸니까 자동완성이 잘 되었다.아마 컴포넌트 이름이 자동완성되는 어떤한것과 연관이 있는게 아닐까,,,좀 더 명확한 이름으로 바꾸면 됨. 2024. 11. 21. 프로젝트 시작 마음가짐 및 기대 가계부 웹 애플리케이션을 만들 예정.가계부로 한 이유는 여태까지 가계부 작성없이 살아왔다.자금 흐름도 알아야하고 어디에 돈을 많이 쓰는지 어렴풋이 아는것보다 확실히 알고 싶고 줄이고 싶기 때문이다.그리고 그래프로 흐름을 쉽게 간파할 수 있다는게 매력이지 않을까. 이번 프로젝트에는 '나' 중심의 가계부와 '공동' 자산의 가계부를 같이 사용할 수 있게 할 것이다.예를들어 가족공동생활비의 자금흐름이나 곗돈의 자금흐름등을 가계부에 같이 적을 수 있다. 되게 당연한 기능이다.나는 내가 실제로 사용하고싶은걸 만드는거니까! 당연한거는 들어가야지! 전체 기능1. 이 달의 목표 문구와 목표 금액 설정.2. 목표 금액에 따른 퍼센테이지를 설정하여 각 퍼센테이지마다 문구가 나타남.3. 카테고리 추가 가능 나 중심 자산, 공.. 2024. 11. 20. vscode 라인 삭제, 줄 삭제 단축키(ctrl+shift+k) 안 될 때 단축키는 손이 기억하고 있어서 자연스럽게 ctrl+shift+k 단축키를 사용해서 코드 라인 한 줄을 삭제하려는데 자꾸 노션이 켜진다.. 그것도 노션과 함께 환경설정이 켜진다. 보니까 '명령어 검색 사용'이 활성화 되어있어서 그런거였다.활성화가 되면서 '활성화 검색 단축 사용키'에 ' ctrl+shift+k' 명령어가 자동 설정 되어있어서 그런거였다. 바로 비활성화 돌리니까 vscode에서 ' ctrl+shift+k'단축키 사용이 잘 된다! + 아니면 작업표시줄 우측을 보면 노션에서 우클릭 -> 시작 설정 -> 빠른 검색 활성화가 체크표시가 되어있다면 클릭해서 체크를 풀어주자! 2024. 11. 13. 역시 모든 고난의 시작은 환경설정 세팅이다. 부제: emotion의 css prop을 사용하기 위한 craco설치 늘 하던것처럼 create-react-app(이하 cra)로 react프로젝트를 만들었다.css라이브러리로 mui와 emotion을 사용할 예정이다(세부 조정은 emotion css prop을 사용).mui와 emotion설치까지는 순조로웠다.emotion의 css prop이 작동을 하는지 확인하기 위해 'Hello Emotion!' 이라는 문구의 폰트컬러를 red로 설정했지만 적용되지 않아서 알아보기 시작했다.(해결한 방법은 하단에 있습니다.) 1. @jsxImportSource 주석코드 최상단에 아래 주석을 입력한다./** @jsxImportSource @emotion/react */이 주석은 babel이 jsx를 변환할 때 Re.. 2024. 11. 11. 이전 1 다음
