본문 바로가기

전체 글158

강의의 댓글을 보고 해결책 만들기 (if와 else if) 인터랙티브 디벨로퍼님의 유튜브 강의를 보다가 발견 한 댓글. 별 의심 없이 보고 있었다가 댓글을 보고 코드를 다시 봤다 if의 this.point.unshift는 배열의 앞에 새로운 값을 차곡차곡 넣어주고 else if의 this.point.splice는 배열에서 값을 잘라내주는데, 밑의 글을 참고하면 splice(-1)이므로, start값이 음수라 배열의 끝에서부터 요소를 세면서 deleteCount는 따로 존재하지 않기 때문에 (생략) start부터의 모든 요소를 제거한다 하지만 위에서 if를 충족하면 else if 조건문으로 넘어가지 않기 때문에 if의 코드 블록인 unshift만 계속 실행되어 배열 앞의 길이가 계속 추가만 되는 것 (=배열의 길이가 계속 길어짐) 그리고 if문을 충족하였으므로 위.. 2021. 9. 20.
slice와 splice 차이점과 sort를 이용하여 배열의 오름차순 정렬하기 slice는 이미 존재하는 배열을 똑같이 복제하기도 하고, 존재하는 배열에서 원하는 인덱스만큼 따로 추출해서 새로운 배열로 만들어준다 splice와 slice는 언뜻 비슷해 보이지만 이 둘의 가장 큰 차이점은 splice() 메서드는 기존에 존재하는 배열의 요소를 수정 및 삭제 추가를 하면 원본 배열 자체를 수정하게 되는 것이며 slice() 메서드는 수정 및 삭제를 해도 원본 배열이 아닌 복사본을 만들어서 새로운 배열 객체로 반환해준다. 그래서 위에서 기존 배열에서 순서를 바꾸지만 원본 배열 자체에 영향을 주고 싶지 않다면 array 다음에 slice로 복제본을 하나 생성 후, 이 복제본에 sort 메서드를 통해 새롭게 정렬해주면 된다 * a-b는 오름차순 / b-a는 내림차순 숫자는 위처럼 a-b로 .. 2021. 9. 19.
배열에 값 채우기 Array().fill().map 요즘 제로초님의 자바스크립트와 리액트 강의를 번갈아 듣고 있는데, array.fill.map 함수에서 정확히 fill의 쓰임을 본 적이 없어서 찾아보다가 전체적으로 함수의 흐름을 정리해보면 좋겠다는 생각이 들었다. Array(45)를 콘솔 창에 쳐보면 텅텅 빈 45개의 배열이 생성된다. 여기서 배열의 모든 공간에 숫자 1을 넣고 싶다면, Array(45). fill(1)이라고 작성하면 된다. 그럼 위에 콘솔 창에 찍혀있는 것처럼 배열에 1이 45개가 들어간다. fill() 메서드는 arr.fill(value [, start [, end]]) 의 구문으로, value : 배열을 채울 값 start : 시작 인덱스 end : 끝 인덱스 ( end가 3이면, 3은 포함되지 않는다 ) 로 작성이 가능하다. 만약.. 2021. 9. 17.
CRA 리액트 웹팩 버전 안 맞는 에러 : npm start 안될 때 (모든 걸 다 시도했다) create-react-app으로 프로젝트를 생성 후 yarn start를 입력하니 갑자기 에러가 발생했다. There might be a problem with the project dependency tree. It is likely not a bug in Create React App, but something you need to fix locally. The react-scripts package provided by Create React App requires a dependency: "webpack": "4.44.2" Don't try to install it manually: your package manager does it automatically. However, a differen.. 2021. 9. 16.
git 에러 : 'origin' does not appear to be a git repository 해결 어제부터 리액트와 타입 스크립트를 같이 공부해야겠다 싶어서 새로운 레포지토리를 생성했다그리고 첫 push를 하려는 순간origin 이 존재하지 않는다는 에러가 발생했다 fatal: 'origin' does not appear to be a git repositoryfatal: Could not read from remote repository.Please make sure you have the correct access rightsand the repository exists.  레포지토리 생성 후 연결 과정에서 문제가 발생한 것 같다  혹시 몰라서 git remote remove origin으로 혹시나 뭔가 남아있지 않을까 싶어 origin 저장소 연결을 끊으려고 했더니아예 origin 자체가 없어서.. 2021. 9. 15.
react 확장프로그램 : 컴포넌트 코드 자동완성 code snippet 수업 들을 땐 일일이 import나 컴포넌트를 타이핑했는데,code snippet의 단축키를 통해서 편리하게 자동 완성되는 기능을 알게 되었다!VS Code의 Reactjs Code Snippet라는 확장 프로그램이다 리액트의 컴포넌트는 클래스 컴포넌트와 함수 컴포넌트가 존재하는데리액트 개발자들은 함수 컴포넌트 사용을 권장한다고 한다 (함수 컴포넌트 + hooks 사용)  rsc + Tab키 : 함수 컴포넌트 코드 자동완성   rcc + Tab키: 클래스 컴포넌트 코드 자동완성) 2021. 9. 15.
반응형

티스토리툴바