전체 글

[Git] 폴더명/파일명 대소문자 인식(소스트리)

1. 명령어 아래와 같이 명령어를 입력하면 소스트리에서 인식 한다. git config core.ignorecase false 2. 명령어로 이름 변경 git mv [기존파일명] [바꿀파일명] 으로 명령어를 입력하여 파일명을 바꿀 수 있다. git mv hello.js Hello.js

[React] React Router v6 useNavigate()로 파라미터(state) 보내고 받는 방법: useLocation()

1. useNavigate() 로 파라미터 보내는방법 현재 페이지에서 다른 페이지로 이동할 때 값을 보내기 위해 아래와 같이 사용한다. const navigate = useNavigate(); const param = {'key1' : 'value1', 'key2': 'value2'}; navigate('/main', {state: param}); navigate('/page', {state: {'dog' : '멍뭉'}}); 예시처럼 navigate('/경로', {state: {키 : 값}}) 형태로 넣어준다. 2. 파라미터 받는 방법 : useLocation() 페이지로 보낸 param 값을 받으려면 이동한 페이지에서 아래와 같이 사용한다. (위의 1번 예시와 이어짐.) const location = ..

[ETC]Mac에서 Select box 호환 오류 해결

윈도우에서는 정상 동작했는데 맥북에서 셀렉트 박스의 값이 제대로 안 넘어가는 현상이 발생했다. 크롬 뿐만 아니라 사파리, 웨일 등에서도 동일 현상이 발생 하였다. 다른 기능들에서 select box는 onChange로 이벤트를 넘겼으나 해당 오류가 발생한 부분은 onClick 으로 작성했다. 아래와 같이 onClick → onChange 로 변경 하면 Mac OS 환경에서도 정상 동작 한다. // 변경 전 setTestCd(e.target.value)}> ... // 변경 후 setTestCd(e.target.value)}> ... 이거 말고도 input에서 텍스트 입력 후 엔터를 눌렀을 때 두 번씩 댓글이 등록되는 현상이 있었는데 다음 번에 정리 해야겠다. 참고 https://stackoverflow...

[Node.js/MongoDB] 몽고디비 연결안됨 에러: UnhandledPromiseRejectionWarning: MongoError

AWS 인스턴스를 중지했다 실행하는 바람에 node 및 mongo db를 다시 실행시켜줘야 하면서 고생을 좀 했다. node.js 도 mongoDB도 아직 배우지 않아 아무것도 모르고 해당 프로젝트에 대해 인수인계를 받지 못했으나 그래도 해결은 해야 하기 때문에 여러 가지 삽질을 했다. 일단 내가 해야한다 생각했던 것은 아래 두 가지다. 노드 실행하기 몽고 디비 실행하기 결과적으로 Node 프로젝트의 app.js를 보니 여기에 몽고 디비가 설정되어있어 노드만 실행시키면 되는 것 같았다. aws에서 소스가 올라간 경로를 못 찾아 파일명을 검색했다. 어떤 경로에 있는지 몰라 전체 경로(/)로 검색했다. fine / -name [찾을 파일명] app.js 파일을 찾아 노드를 실행시켰다. npm start 글로..

[VSCode] Extension

앞으로 사용하면서 유용한 플러그인들은 여기에 추가 예정이다. DotEnv 환경변수 설정파일인 .env 파일에 구문강조 해줌 VSCode에서 그냥 .env 파일 보면 그냥 단색의 글씨로 볼 때 헷갈리는데 적용하니 유용하다. https://marketplace.visualstudio.com/items?itemName=mikestead.dotenv DotENV - Visual Studio Marketplace Extension for Visual Studio Code - Support for dotenv file syntax marketplace.visualstudio.com Error Lens 코드 에러가 있을 때 잡아준다. https://marketplace.visualstudio.com/items?ite..

티스토리 웹 폰트 적용하기(hELLO 스킨)

요즘 많이 적용한다고 하는 스포카 한 산스 네오(Spoqa Han Sans Neo)를 티스토리 폰트로 적용 해보았다. https://spoqa.github.io/spoqa-han-sans/ Spoqa Han Sans Neo Spoqa unveil the new Spoqa Han Sans Neo, which has evolved in many ways. | 여러모로 개선을 거쳐 진화한 스포카 한 산스 네오를 공개합니다. | これまでいろいろ改善して進化した新しいスポカーハンサンスネオ spoqa.github.io 위 링크에 들어가 웹 폰트 적용하기를 클릭하면 자세하게 설명되어있다. 나는 태그 안에 link 코드를 넣었다. 웹폰트 적용하기 (잘못된 예) 검색해보니 fontawesome과 관련된 내용과 font-fa..