Yoon.s

주의사항 - 에러 map is not a function 이라는 타입에러가 날 수 있다. 처음에 무엇이 문제인지 몰랐을 때는 map근처에 있는 것만 엄청 찾아봤다... 하지만, 문제는 map은 배열에서만 사용 가능 알고보니 내가 words를 설정할 때 배열이 아닌 객체로 설정한 것 ! state = { words: [], } 이라고 지정해주면 에러 깔끔하게 해결~~ :)

프로그래머스 문제 '문자열 내림차순으로 배치하기'를 풀다가 알게된 함수들을 정리하겠습니다. 이 함수들만 알았어도 빠르게 풀 수 있었던 문제 ㅠㅠ split() String 객체를 지정한 구분자를 이용하여 여러 개의 문자열로 나눈다. split 괄호 안에 들어가는 것은 구분자 (1)예제는 구분자 '공백' (2)예제는 구분자 '공백없음' -> 한글자씩 떼내겠다는 것 const str = 'The quick brown fox jumps over the lazy dog.'; const words = str.split(' ');//(1) console.log(words[3]); // expected output: "fox" const chars = str.split('');//(2) console.log(char..

오류1 위 오류는 렌더링 시 아무것도 반환되지 않습니다. 일반적으로 해당 js파일에 return문이 존재하지 않기 때문에 발생 !! 오류2 위 오류는 map이 undefined 된다는 것입니다. 일반적으로 map에서 사용할 배열에 문제가 있다는 것으로 지정한 배열이 items=[]; 로 잘 적어줬는지, 오타가 나지 않았는지 꼭 확인하세요!! 오류(#주의)3 위와 같이 함수형으로 js파일을 만들때, 함수/ 변수를 불러올 때는 항상 { }으로 묶어서 괄호 안에 넣어줘야 함. 안 그러면 분명 undefined 될 것이다.

일단 리액트 이용하여 프로젝트 생성!! 이때, 리액트 프로젝트의 경우, mobx에서 사용하는 decorator문법(@를 사용한 문법의 형태)을 지원하지 않아 설치해야 함. (초기 설치 시, npm 사용하였기에 npm으로 설치) npx create-react-app 프로젝트이름 cd 프로젝트 이름 npm run eject # 아래 에러 발생 시, Remove untracked files, stash or commit any changes, and try again..... git add . git commit -m "commit before eject" commit 해준 다음 npm run eject 실행할 것 !! 그래도 안된다면, 아예 새로운 디렉터리를 만들어서 그 곳에서 실행해볼 것 ! Mobx 설치..

'가운데 글자 가져오기' 문제를 풀다가 substr()를 알게 되면서 정리해보고 다른 유사한 함수들과 어떠한 차이가 있는 지 알기 위해서 작성해보았습니다. substr() str.substr(start, [length]) 문자열에서 특정 위치(start)에서 시작하여 특정 문자 수(length) 만큼의 문자들을 반환하는 함수 start의 시작번호는 0 const str = 'Mozilla'; console.log(str.substr(1, 2)); // expected output: "oz" console.log(str.substr(2)); // expected output: "zilla" str.substr(1, 2)는 1번자리부터 2글자 : oz str.substr(2)는 2번자리부터 끝까지 : zil..

프로그래머스 문제를 풀다가 배열에서 새로운 배열로 값을 이동시키고 싶은데 동일한 개수에 동일한 순서로 넣을때는 map을 사용하면 쉽게 새로운 배열에 값을 저장할 수 있지만, 조건에 맞는 값만 새로운 배열에 저장하려면 다른 함수를 사용해야 한다는 것을 깨달았다. 또한, map함수의 경우 조건을 주게되면 true/false 값을 리턴함 arr=[4, 2, 1] 이라면, arr.map(x=>x>2) //[true, false, false] 그래서 내가 생각했던 함수는 array.push였다. 하지만 filter() 라는 더 좋은 함수가 있었다. filter() : 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환 const words = ['spray', 'limit', 'elite', '..

reduce() 배열의 각 요소에 대해 주어진 reducer 함수를 실행하고, 하나의 결과값을 반환함 arr.reduce(callback[, initialValue]) callback : 배열의 각 요소에 대해 실행할 함수 *accumulator : 콜백의 반환값을 누적함 (initialValue가 존재하면 그것이 accumulator) *currentValue : 처리할 현재 요소 currentIndex : 현재 요소의 인덱스 (option) - initialValue 있으면 0, 아니면 1 array : reduce()를 호출한 배열 (option) initialValue : callback의 최초 호출에서 첫 번째 인수에 제공하는 값. 초기값을 제공하지 않으면 배열의 첫 번째 요소를 사용 - 반환값..

없어도 되지만 알고있으면 편리한!! Visual code에서 쓰면 좋을 듯한 세팅과 확장 프로그램을 알려드리겠습니다!! 1. 저장할 때 자동으로 코드 정리 : format on save -> 단축키(F1)를 입력하는 것보다 더 편한 방식은 저장할 때 자동으로 정리하게 만드는 것! File -> Preferences -> Settings -> 'format on save' 입력 2. React 단축키 사용 가능 : Reactjs code snippets -> React 관련 템플릿을 단축키로 작성하여 사용할 수 있는 확장 프로그램 rcc: 클래스 형태의 컴포넌트 템플릿 생성 rsc: 함수형 컴포넌트 템플릿 생성 3. 괄호의 짝에 맞게 무지개색 표시 : Rainbow Brackets -> 각종 괄호 (괄호,..