본문 바로가기

분류 전체보기

npm update git pull 또는 git clone을 한 뒤에는 npm update를 해야합니다. 더보기
모듈 종속성에러 및 ERR_PACKAGE_PATH_NOT_EXPORTED 오류 해결 1. .env파일 환경 변수를 파일에 저장할 수 있습니다. 우선 관련 라이브러릴 프로젝트에 설치합니다. $ npm i dotenv 2. .env로 환경변수 관리 프로젝트에 .env 파일을 만들어 환경변수를 관리합니다. 모듈간 종속성 에러를 우회하기 위해 종속성 버전 검사를 생략하는 설정을 추가하였습니다. //.env SKIP_PREFLIGHT_CHECK=true 3. npm 모듈을 업데이트 합니다. 웬만한 모듈 에러를 다음 두개의 커맨드로 처리 가능합니다. $ npm update $ npm audit fix --force 더보기
We found potential security vulnerabilities in your dependencies. 깃허브에 푸시 이후에 dependabot alerts 가 뜬다. We found potential security vulnerabilities in your dependencies. 보안이 취약하므로 package.json의 패키지를 최신 버젼으로 업데이트 해주면 된다. npm audit // 보안 취약점 확인 npm audit fix // 업데이트 npm audit fix --force // 위 커맨드로 안될 때 [깃허브] 보안 취약점 알림 해결방법 (Dependabot alerts) 요즘 공부용으로 진행 중인 리액트 프로젝트를 push한 뒤 갑자기 Dependabot alerts이 메일로 와서 깜짝 놀랐다. We found potential security vulnerabilities in your .. 더보기
github remote: Repository not found 오류 해결 git 에서 프로젝트에 팀원들을 초대하고 git clone 으로 공유가 되지 않았다. 1. Admin 권한 부여 setting - access - collaborator and teams - Manage access 로 들어가서 권한을 Admin으로 설정한다. [github] remote repository 공유가 안될 때 (remote: Repository not found) 팀 프로젝트를 하는 중, 나와 함께 서버를 맡은 팀원과 깃헙 리파지토리를 공유해서 작업을 하기 위해서 git remote add pair [팀원의 github repository 링크] 위 명령어를 통해서 remote repository를 공유하고 o-yeon.tistory.com 2. private -> public settin.. 더보기
prettier, eslint 우선 react설치 후 creater-react-app로 리액트 앱 실행까지 완료된 후에 이후 설정들을 해주시면 됩니다. prettier와 eslint 둘 다 일종의 코드 포맷터라고 생각하시면 됩니다. 개인의 코드를 일정하게 유지+보수할 뿐만 아니라 협업시에도 서로 간의 코드를 통일성있게 작성할 수 있도록 합니다 1. prettier 깔끔하고 일관되게 코드를 작성하게 해주는 vscode extension입니다. 협업시에도 prettier.json file을 통해 서로간의 코드스타일을 유지할 수 있습니다. 1-1. prettier 설치 및 사용법 [개발환경] vscode prettier 설치 및 사용법 [개발환경] vscode prettier 설치 및 사용법 #VSCode #Prettier #Extensi.. 더보기
멀티 소팅(multi sorting) 1. js sort 함수 Array.sort(compareFunction(a,b) => { ... }) return의 결과가 음수이면 a b-a) // [5, 3, 2, 2, 1] 2. multi sorting or 우선순위 정렬 정렬 옵션이 여러개인 경우 1차 정렬 이후 2차 정렬 x= [[1,2],[1,3],[2,2],[2,1],[5,5],[5,2],[3,3],[3,1]] x.sort(function(a,b){ if(a[0]b[0]) return 1 if(a[1]b[1]) return 1 }) https://spoit.tistory.com/32 우선순위 정렬 (javascript) 문법, 어휘, 표현, 듣기, 발음으로 이루어져 있는 영어시험을 보았고 결과를 점수별로 정렬하고 싶습니다. 하지만 동점인 .. 더보기
2022 Kakao Tech Internship 코딩테스트 후기 1. 여태 공부한 내용 21년 겨울방학에는 파이썬으로 알고리즘 공부를 처음 시작했다. 인프런에서 무료강좌를 듣고 바로 프로그래머스에서 문제를 풀었고 Level1의 경우 전부 풀었고 Level2를 풀다가 막히는 문제가 생기면서 슬슬 그만 했던 거 같다. 이번에 여름인턴을 준비를 하면서 자바스크립트로 다시 공부를 시작했고 이제는 파이썬보다 자바스크립트가 좀 더 편한거 같다. 프로그래머스에서 스킬체크 뱃지를 따면서 주어진 시간 안에 푸는 연습을 했다. Level3는 따고 싶지만 아직 실력이 먼 거 같다. 2. 후기 처음 보는 코딩테스트였고 5시간이라는 긴 시간에 조금 당황했다. 하지만 작년도 문제들을 보고 3문제만 깔끔하게 풀자는 목표를 가지고 들어갔다. 1번의 경우 복잡하지 않은 구현 문제라 20~30분 정.. 더보기
Class 만들기 클래스를 정의하여 사용할 수 있다. constuctor 함수는 클래스 생성과 함께 호출되는 함수이다. class People { constructor(name){ this.count = 0 this.name = name } } let people = [] for(let i=0; i 더보기

티스토리툴바