[TIL]내 머릿속의 코드/조각 지식6 [변수,함수] 네이밍 멘토링을 받을때 지적을 많이 받았다 ㅜㅜ 그래서 예전에 비해서는 좋아 졌다고 이야기를 해주셨지만.뭔가 찜찜함이 있어서 오늘 확실하게 하고, 이 글을 정리하게 되면 나만의 변수 컨벤션을 만들어 볼 생각이다! 회사마다 컨벤션이 있다는 이야기를 들어서 그때 들어가서 해도 늦지 않을꺼라 생각했지만.이번에 포트폴리오 준비 과정에서 변수명도 잘 짓고 싶고, 마지막 프로젝트에 다른 프로젝트에서 겪으며 배운 모든 것을 쏟아 보고 싶어서, 이렇게 정리를 해봐야 겠다는 결심을 한것도 있다 내가 작성한 글을 무조건 이렇게 해야한다는 건 아닙니다. 이렇게 많이들 사용한다라는 정보를 가지고 온 것이라 적절히 참고로 사용하면 좋을 꺼 같습니다. ◼ 변수명의 길이는 어느정도?변수명의 길이는 정해진 규칙이 없지만, 가독성과 이.. 2024. 6. 21. [TS][ERROR] Cannot find module 'undici-types' || Unknown file extension ".ts" 나의 설정 상태 노드버전 Tsconfig.json / package.json - ts-node를 전역으로 설치된 상황입니다.npm i ts-node -g ts-node src/chapter1.ts 실행을 했는데 오류가 난다 ㅠㅠㅠ[문제1] $ tsc // 명령어를 입력했는데 에러가 난다. [해결]"moduleResolution": "Node" 추가하면 실행시 에러가 나지 않는다.$ tsc // 실행시 에러 안남 [문제1]$ ts-node src/chapter1.ts 실행시 에러가 났다 ㅠ[ Unexpected token 'export' ] 는 Javascript 모듈에 대한 지원이 없는데 부를려고 해서 오류가 난다고 합니다. [실패1]package.json 에 "type":"module"을 추.. 2024. 4. 30. [npm] npx, npm, --save, --save-dev ? ◼ npm: Node Package Manager Node JavaScript 플랫폼의 패키지 관리자입니다. 노드가 모듈을 찾을 수 있도록 모듈을 제자리에 배치하고 종속성 충돌을 지능적으로 관리합니다. 다운로드 받거나 재 다운로드를 하거나, 모듈의 버전을 기록해야만 다른 개발자간의 협업도 가능할텐데, nodejs에서는 package.json이라는 버전 관리 파일 하나를 기준으로 관리합니다. ◼ npx: Node Package Execute 로컬 또는 원격 npm 패키지에서 명령 실행하고 관리하는 도구인데, 특히 전역으로 설치하지 않고 바로 실행할 수 있게 해줍니다. 일회성으로만 사용되는 패키지를 실행할 때 유용합니다즉, 모듈을 로컬에 저장하지 않고, 매번 최신 버전의 파일만.. 2024. 4. 23. [클립보드] navigator.clipboard ?? 웹표준 클립보드? 리액트의 공유하기 기능을 만들다가 발견하였다. navigator.clipboard ?? react에서 사용하는 메소드인가?생각했지만 아니다. 어떤일을 하는 객체?? [navigator] navigator 객체를 통해 다양한 정보를 얻을 수 있습니다. 예를 들어, 현재 사용 중인 브라우저의 이름, 버전, 사용 언어, 플랫폼 등의 정보를 확인할 수 있습니다. 또한, 이 객체를 사용하여 사용자의 위치 정보, 디바이스의 센서 상태, 네트워크 연결 상태 등을 확인할 수 있습니다. [clipboard] navigator 의 프로퍼티로 클립보드에 복사를 하거나 클립보드에서 텍스트를 읽는 등의 작업을 수행합니다 정리하면, navigator.clipboard는 웹 표준의 일부이며, React 또는 다른 JavaScrip.. 2024. 4. 18. [kakao 공유하기][Vite] react 카카오 공유하기 연결(분리하기) 카카오톡 공유작업은 처음 작업해 보는거라 연결하는 방법을 블로그에서 찾다 보니 엄청 정리가 잘된 블로그를 발견했다! https://gallery-k.tistory.com/421 [React] 리액트에 카카오 공유버튼 추가하기(kakao api) 카카오톡 api 는 엄청 자세하고 친절한 편입니다. 잘 읽어보면 충분히 혼자서도 가능합니다. + 카카오톡 공유 기능은 자신의 웹 페이지가 배포되어있는 상태여아 작동합니다!!!! 카카오톡 공유 기 gallery-k.tistory.com 코드 kakao.init이 안 읽히는것이니, 값이 변하는거 같으니 감시를 하면 되지 않을까 싶어 dependency에 kakao를 넣고, 분리를 하니 아주 잘된다!! // shareBox.jsx function shareBox () .. 2024. 4. 18. [VITE] VITE 에서 .env 변수 에러 Vite 빌드도구를 이용해서 react 프로젝트를 하고있다. 프로젝트 내용중에 공유하기가 있어서 작업하다 에러잡기가 생각보다 오래 걸려서 ㅠㅠㅠ 이것저것 찾아 보다 너무 간단하여 허탈하였지만.... 생각보다 오려 걸려 다음에 이걸 보고 기억하기 위해서 적어본다. 문제 kakao key값을 은닉하기 위헤 Vite에서 .env를 사용하려는데 인식이 안되는 것 부터 오류가 났다. .env 파일 만들기 [예시 key] 우선 루트 디렉토리에 .env 파일을 만든다. // 예를 들어 사용할 key 값 REACT_APP_KEY = abcd1234 변수 접두사를 'VITE_'시작하기 VITE_KAKAO_KET = a1234 // 사용하는 코드 ==> import.meta.env로 사용하기 Kakao.init(impor.. 2024. 4. 17. 이전 1 다음