20230525(금)_ 자바스크립트 예제풀기, 프로그램 에러 해결

금일 달성 항목

1) 혼자 공부하는 자바스크립트_ for of 반복문 (177Page) 까지 진행

2) 자바스크립트 예제 팀원과 같이 풀기

---

문제 해결 과정 1 - 자바스크립트 예제

[문제]

// 아래 함수는 배열을 입력받아서 배열 요소들 중 truthy한 요소들만 필터링하여 반환합니다.
// Truthy 란 boolean type을 기대하는 문맥에서 true 로 평가되는 값을 의미합니다.
// for문과 if문을 이용하여 작성해 보세요.

function getTruthyArray(arr) {
	const truthyArr = [];
	// 이 부분을 완성해 보세요.
	
	return truthyArr;
}

const result = getTruthyArray( [ -1, 0, "", {}, [], null, undefined, NaN ] );
console.log(result); // 출력 결과: [-1, {}, []]

 

[시도 및 해결]

팀원들과 같이 문제를 차근차근 해결했습니다. 저희 팀원 중 전공자이신 엄청난 분이 계시는데 너무 쉽고 친절하게 가르쳐주셔서 이해가 너무 쉬웠습니다.

function getTruthyArray(arr) {
	const truthyArr = [];
    
    let count = 0;
    for( i = 0 ; i < arr.length ; i++){
        if (Boolean(arr[i]) === Boolean(true)){
            truthyArr[count] = arr[i]
            count ++;
        }
    }
	
    return truthyArr;
}

 

해결 순서

1) Boolean에서 Truthy값은 -1, {}, [] 입니다. 0, 빈 문자열(""), null, undefined, NaN은 false로 변환되고  그 외의 값은 true로 변환되기 때문입니다.

console.log(Boolean(0));   // false
console.log(Boolean(""));   // false
console.log(Boolean(null));   // false
console.log(Boolean(undefined));   // false
console.log(Boolean(NaN));   // false
console.log(Boolean("false"));   // true
console.log(Boolean({}));   // true

 

2) for 문을 통해 Boolean ture인지 반복적으로 하나씩 체크해서 true가 나오는 것만 추출해내었습니다.

 

3) 그러나 이렇게만 하면 false에 empty가 노출되어 원하는 값인 [-1, {}, []]을 순수하게 받을 수 없으므로 let count = 0; 으로 변수를 초가화 하고 추가하여  truthyArr에 반영 Boolean을 체크하면서 원하는 값만 추출되게 되었습니다.

 

[알게 된 점]

하나씩 정답을 다가가기위해 정답을 먼저 보고 배운걸 총동원해서 해결 방안을 고려해야하는 것을 깨달았습니다.

 

---

문제 해결 과정 2  - 터미널에서 Visual Studio Code  실행

[문제]

코딩가르쳐주는 누나 언니의 유튜브를 보다가 터미널에서 vscode 를 멋지게 실행하고 싶어서 따라했는데 안되었습니다.

자꾸만 아래와 같은 오류가 나타났습니다. Visual Studio Code 깔려있는데 왜 안될까...

zsh: command not found: code

[시도]

1) Visual Studio Code 내에 Palette에서 "shell command" 입력  후 "Install 'code' command in PATH"를 클릭해서 다운로드 받았습니다. -> 실패 

 

2) Install 'code' command in PATH 삭제 후 다시 깔았습니다. -> 실패

 

3) 맥 환경설정에 들어가서 접근권한을 개발자모드로 바꾸고 허용하였습니다. -> 실패

 

4) 사이트 뒤져 이것저것 깔아보았습니다. -> 실패

 

 

[해결]

1) 도저히 모르겠어서 튜터님께 상황을 설명드렸더니, Visual Studio Code가 Stable / Insiders 두 가지 중 하나를 선택해서 깔 수 있는데 제 버전이 Insiders라고 했습니다. 

https://devmango.tistory.com/98

Visual Studio Code 설치 Stable, Insiders 차이

더 안정적인 Stable로 다시 다운로드 받았습니다.

 

 

2) 그럼에도 되지 않아서 아래 사이트를 참고해서 해결했습니다.

아래 코드를 터미널에 입력하고 다시 "Install 'code' command in PATH" 재설치 하였습니다!

export PATH=%PATH:/bin:/usr/local/bin:/usr/bin

https://taenami.tistory.com/142

zsh: command not found: code



[알게 된 점]

굳이 해결하지 않아도 앱실행을 통해 Visual Studio Code를 사용할 수 있었지만, 그럼에도 끈기로 찾아내서 해결하니 기분이 너무 좋았습니다. 편하게 사용할 수도 있고 개발자로 한 발더 나아간 듯한 느낌이 듭니다.

 

 

---

문제 해결 과정 3  - 깃허브 백준 업로드 에러

 

[문제]

깃허브 백준을 가입해서 사용해보려고 했는데 업로드에러가 나는 현상이 나타났습니다.

 

[시도 및 해결]

1) 깃허브 백준을 다시 삭제 후 제 깃허브에 다시 올려보았습니다.

 

2) 크롬 익스텐션에 Moesif Origin & CORS Changer 설치하였습니다.

 

https://velog.io/@ohoh7391/%EA%B9%83%ED%97%88%EB%B8%8C-%EB%B0%B1%EC%A4%80-%EC%97%85%EB%A1%9C%EB%93%9C%EC%97%90%EB%9F%AC

깃허브 백준 업로드에러 / CORS에러

 

[알게 된 점]

몇일간 코스에러로 단련된 멘탈로 빠르게 해결하였습니다. 앞으로 많은 오류가 나와도 겁나지 않을 것 같습니다.