본문 바로가기

L'etude36

git에서 폴더명 대소문자 인식을 못할 때 https://long-factory-3d5.notion.site/git-d88a71b0040d4215839b6650e53dce46 문제 대문자였던 폴더명을 소문자로 변경 했더니 git에서 이를 인식하지 못했다. 그래서 git에서 대문자인 폴더 경로를 따라서 파일을 확인하려다 하다보니 빌드가 되지 않았다. 원인 리액트 작업중에 파일명을 파크칼 케이스로 지정하다가 폴더명도 파스칼 케이스로 잘못 지정했다. 해결 여러가지 시도해 볼 수 있는 해결 방법이 있었다. git에서 대소문자를 구분할 수 있도록 해준다. git config core.ignorecase false 이 명령어를 사용하여 git에서 대소문자를 구분할 수 있도록 config 설정을 해준다. vscode에서 직접 폴더명을 변경해주거나, git m.. 2022. 11. 13.
React : useMemo() useMemo를 사용하게되면 변경된 부분에 대해서만 새로 업데이트를 해준다. 그래서 프로젝트에 적용을 해보았다. 구현하고자 하는 것 루틴을 완료하면 체크버튼을 눌러서 루틴이 완료했다는 것을 보여준다. 해결 const countCompletedRoutines = useMemo(() => { const countRoutines = routines.filter(routine => routine.completed === true); return countRoutines.length; }, [routines]); 이렇게 useMemo를 사용해서 새로운 함수를 만들어주었다. routine이 completed된 것들의 길이를 구하는 건데 루틴 completed가 false에서 true로 바뀌는 경우, 이 변경된 부분.. 2022. 6. 27.
localStorage https://developer.mozilla.org/ko/docs/Web/API/Window/localStorage Window.localStorage - Web API | MDN localStorage 읽기 전용 속성을 사용하면 Document 출처의 Storage 객체에 접근할 수 있습니다. 저장한 데이터는 브라우저 세션 간에 공유됩니다. developer.mozilla.org 문제 루틴을 생성 하고 페이지를 나간다거나 새로고침을 하면 모든게 초기화가 되어있었고 이 문제는 수정이나 삭제에 대해서도 일어났다. 루틴을 생성, 수정, 삭제 하는 모든 부분에 있어서 이 로컬 스토리지 사용이 필요하다는 것을 알았다. 사용 get으로 데이터를 브라우저에 저장하고 이를 set으로 가져와서 다시 화면에 그려준다... 2022. 6. 20.
Javascript : 프로토타입 Javascript는 프로토타입 기반의 언어로 객체를 상속하기 위하여 프로토타입이라는 방식을 사용한다. https://developer.mozilla.org/ko/docs/Learn/JavaScript/Objects/Object_prototypes Object prototypes - Web 개발 학습하기 | MDN Javascript에서는 객체를 상속하기 위하여 프로토타입이라는 방식을 사용합니다. 본 문서에서는 프로토타입 체인이 동작하는 방식을 설명하고 이미 존재하는 생성자에 메소드를 추가하기 위해 developer.mozilla.org 생성자는 클래스의 개체 인스턴스를 만들고 초기화하는 특수 함수이다. 객체들이 어디서 부터 파생되었는지 알아낼 때 사용된다. JavaScript에서는 new 키워드를 사용.. 2022. 6. 7.