꾸준히 성장하는 개발자

기존 프로젝트를 내려받고 기능을 추가하고 배포를 하려는데 에러가 난다 그런데 나만 에러가 난다다른 사람들은 이 프로젝트 배포할 때 다들 괜찮았다는데... 왜 나만 ㅠㅠㅠㅠ  우선 내가 난 에러는  eslint에서 타입에러가 났다Linting and checking validity of types ... ⨯ ESLint: Invalid Options: - Unknown options: useEslintrc, extensions - 'extensions' has been removed.Linting and checking validity of types ..Failed to compile.  그런데 나만 코드에 빨간 줄이 떠있고 다른 팀원분들은 다들 괜찮다는 것 ,,우선 문제가 생긴 코드에서 타입을 수정..

[ngrok] ngrok 설치 및 실행brew install ngrok일하는 중 ngrok을 이용하게 되어 정리 진행 ngrok은 외부 인터넷 망에서 로컬서버에 접속할 수 있게 터널링 해준다  그렇기 때문에 현재 개발하는 중에 다른 팀원들과 소통을 하면dkfma6033.tistory.com 위처럼 설치를 진행하고 이용하려고 하는데에러가 뜬다   너무 다양한 에러가 떠서 수많은 상황들 끝에 진행상황을 올린다 1.  ERR_NGROK_3200이때 확인을 해보았을 때 이 경로로 이어지는 부분이 오프라인이라는 메시지가 함께 나왔다그래서 혹시 몰라서 포트 번호가 다른 곳에서 겹쳐서 쓰고 있지는 않을까 싶어서포트 번호를 바꿔서 다시 실행을 했더니 이 부분은 사라졌다  2.  ERR_NGROK_3004사실 이 에러를..

brew install ngrok일하는 중 ngrok을 이용하게 되어 정리 진행 ngrok은 외부 인터넷 망에서 로컬서버에 접속할 수 있게 터널링 해준다  그렇기 때문에 현재 개발하는 중에 다른 팀원들과 소통을 하면서 공유가 되어야 하는 경우 이용할 수 있다  ngrok 설치 & 실행하기 먼저 어차피 authtoken을 받아서 입력을 해야 하니 먼저 회원가입을 먼저 진행하기  ngrok | API Gateway, Kubernetes Networking + Secure Tunnelsngrok simplifies app delivery by unifying API gateway, Kubernetes Ingress, global load balancing, DDoS protection and more with..

우리가 평소 css로 스크롤바를 숨길 때 사용하는 방법이다. .scroll { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .scroll::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera*/ } 프로젝트를 진행하던중 스크롤 바를 안 보이게 하고 싶은데 이를 tailwind로 하는 방법이 너무 모르겠어서 어떻게 해야 하나 구글링 진행 대부분의 방법으로 Tailwind 플러그인인 tailwind-scrollbar-hide를 사용하는 것을 알려주었다. 방법 1 - Tailwind 플러그인 tailwind-scrollbar-hide yarn add t..

컴포넌트로 생성하여 가져와서 사용하는데 하위요소의 font-size만 바꿔주면 되는데 컴포넌트에 props로 추가하자니 일이 커지고,,,, 이럴 때 유용하게 쓸 수 있는 자식요소에 class를 추가해 주는 방법을 알게 되어 정리한다. className ='w-[200px] [&_input]:w-[140px] ' [&_...] [ ] 안의 &은 자신을 뜻한다. _ 는 띄어쓰기, 그러니까 후손을 나타낸다. [&>..] 이렇게 사용한다면 자식요소를 가리킬 수 있다. 위에 쓴 input 처럼 태그를 사용할 수도 있고 .idInput처럼 .을 찍고 class를 적는 것도 가능하다. 우선순위가 있다보니 태그를 적었을 때 안된다면 class로 사용해 보고 안된다면 !를 사용하여 inportant를 줘서 우선순위를 높..

프로젝트를 진행하는 중 잘 안 되는 부분이 있어 node버전을 낮추려고 터미널을 열고 nvm 명령어를 쳤으나 zsh: command not found: nvm 이 문구가 뜨면서 nvm이 없다고 나온다. 난 분명히 설치를 했는데 ???? iterm을 열고 nvm -v를 입력했을 때는 버전이 나온다. 지금 webstorm을 사용하여 개발하고 있는데 webstorm 문제인가 싶어 열심히 찾아봤다. 하지만 vscode에서도 되지 않았다. 우선 환경변수 설정이 안 되어 있을 수 있어 환경변수부터 설정하러 간다. vi ~/.bash_profile 터미널에 입력 후 vi 에디터에 들어가면 i를 눌러 수정모드로 바꾼 후 맨 아래에 아래 코드를 넣고 esc 누르고 :wq 눌러 저장 후 닫는다 export NVM_DIR=..

git push 하려고 하는데 또 push가 되지 않는다. 구글링 시작 찾아보니 키체인 설정이 필요하다고 한다. 키체인 들어가서 그 안에서 github검색하고 선택하면 이렇게 뜨는데 저 암호보기를 체크 눌러주면 비번을 입력하는 게 나온다 그 위치에 맥 비밀번호를 넣어주면 암호가 보이는데 계정과 비번을 재설정해주면 된다고 한다. 그런데 난 안됨 다시 이제 다른 방법으로 url 재설정해주기 git remote set-url origin {깃헙 경로 주소} 인터넷으로 찾았을때 경로를 재설정해주라고 나와서 이렇게 작성하면 된다고 나온다. 그런데 난 예전에 레포 주소를 바꾸기 위해 위처럼 작성했을 때 계속 안되었어서 그때 해결했던 방법으로 깃헙 경로 주소 사이에 계정아이디@ 를 아예 붙여서 진행했다. git re..

깃헙에 올리지 않고 관리해야 하는 파일이 이미 푸시해버리고 나중에 .gitignore에 추가하고 올라간 파일을 되돌리고 싶을때 한번 겪고 잊지 않기 위해 정리한다. git rm -r --cached . git add . git commit -m '커밋 메시지' git push