KBW's cosmos

/* 이 글은 카일 심슨의 You Don't Know JS를 읽으며 배운 것들을 개인적으로 정리하고 기록하기 위한 글입니다. */ 자바스크립트의 강제변환이 유용한 기능인지, 언어 설계상 결함인지는 처음부터 큰 논란거리였다. 여기서는 강제변환의 좋고 나쁨을 충분히 이해하고 자신의 프로그램에 적절한지 스스로 현명하게 판단할 수 있는 역량을 갖추어 보겠다. 어떤 값을 다른 타입의 값으로 바꾸는 과정이 명시적이면 '타입 캐스팅(Type Casting)', 값이 사용되는 규칙에 따라 암시적이면 '강제변환(Coercion)'이라고 한다. 자바스크립트에서는 대부분 모든 유형의 타입변환을 강제변환으로 뭉뚱그려 일컫는 경향이 있어 '암시적 강제변환(Explicit Coercion)'과 '명시적 강제변환(Implicit ..

/* 이 글은 카일 심슨의 You Don't Know JS를 읽으며 배운 것들을 개인적으로 정리하고 기록하기 위한 글입니다. */ 다음은 가장 많이 쓰는 네이티브들이다. String() Number() Boolean() Array() Object() Function() RegExp() Date() Error() Symbol() - ES6에서 추가됨 네이티브는 사실 내장 함수다. 네이티브는 생성자처럼 사용할 수 있지만 실제로 생성되는 결과물은 예상과 다르게 자신이 감싼 원시 값의 타입이 아닌 object의 하위 타입에 가깝다. var a = new String("abc"); typeof a;// "object" 예를 들어 new String("abc")은 "abc"를 감싸는 문자열 래퍼를 생성하며 원시 값..

/* 이 글은 카일 심슨의 You Don't Know JS를 읽으며 배운 것들을 개인적으로 정리하고 기록하기 위한 글입니다. */ 들어가기 전에.. 포인터(Pointer) : Null 허용, 참조 대상에 대해 주소값을 할당 레퍼런스(Reference) : Null 허용 X, 참조 대상을 그대로 할당 즉, 포인터와 레퍼런스는 어떠한 대상을 가리킨다는 점에서는 같지만 포인터는 주소값, 레퍼런스는 값 그 자체를 할당한다는 점에서 다르다. (레퍼런스는 마치 일반변수처럼 접근이 가능하다.) 자바스크립트에서의 레퍼런스는 다른 언어의 레퍼런스/포인터와는 전혀 다른 개념으로, 또 다른 변수/레퍼런스가 아닌 오직 자신의 값만을 가리킨다. 다른 언어에서 값은 사용하는 구문에 따라 값 복사 또는 레퍼런스 복사의 형태로 할당..

/* 이 글은 카일 심슨의 You Don't Know JS를 읽으며 배운 것들을 개인적으로 정리하고 기록하기 위한 글입니다. */ 자바스크립트의 숫자 타입은 number 뿐이다. 정수, 부동 소숫점 숫자를 아우른다. 즉 자바스크립트에서 42.0은 '정수' 42와 같다. 숫자는 10진수가 디폴트이다. 아주 크거나 작은 숫자는 지수형(Exponent Form)으로 표시한다. (toExponential() 메서드로 표현할 수 있다.) var a = 5E10; a;// 50000000000 a.toExponential();// "5e+10" 문자열로 반환 (참고 : e는 10^n을 의미한다. E10은 10^10이다.) 숫자 값은 Number 객체 래퍼로 박싱할 수 있기 때문에 Number.prototype 메서..

/* 이 글은 카일 심슨의 You Don't Know JS를 읽으며 배운 것들을 개인적으로 정리하고 기록하기 위한 글입니다. */ 자바스크립트의 배열은 어떤 타입의 값이라도 담을 수 있는 그릇이다. 배열 크기는 미리 정하지 않고 선언할 수 있다. 배열을 사용할 때는 빈 슬롯이 있는 '구멍 난(sparse)' 배열을 조심해야 한다. var a = []; a[0] = 1; // 'a[1]' 슬롯을 건너뛰었다! a[2] = [3]; a[1];// undefined a.length;// 3 위와 같은 경우 실행은 되지만 문제가 생길 수 있다. a[1] 슬롯 값은 undefined가 될 것 같지만 명시적으로 a[1] = undefined 한 것과 똑같지는 않다. 또 앞전에서 배열은 객체의 하위타입이라고 했다. 따..

/* 이 글은 카일 심슨의 You Don't Know JS를 읽으며 배운 것들을 개인적으로 정리하고 기록하기 위한 글입니다. */ 자바스크립트에는 다음과 같은 7가지의 내장 타입이 있다. null undefined boolean number string object symbol (ES6부터 추가되었다.) 여기서 object를 제외한 타입들을 원시타입(Primitives)라고 한다. 값의 타입은 typeof 연산자로 알 수 있다. 그런데 놀라운 점은 typeof 반환 값은 항상 7가지 내장 타입과 1:1로 정확히 매칭되지는 않는다는 것이다. undefined, boolean, number, string, object는 자신의 명칭과 동일한 문자열을 반환한다. (symbol은 여기서 다루지 않겠다.) 자신의..

위와 같은 오류이다. 필자는 파이어베이스 호스팅한 주소로 들어갔을 때 메인 페이지를 제외한 나머지 페이지에서 새로고침을 하면 위 오류 문구가 나왔다. 먼저 firebase.json파일에 "public"의 값을 확인해 보았다. 정확히 "build"라고 적혀있었고 build폴더에 index.html 파일도 있었다. 때문에 다른 이유라고 생각했다. 여러 방법을 사용해보았는데 아래 방법으로 해결하였다. firebase.json 파일에 아래 코드를 추가하면 된다. "rewrites": [ { "source": "**", "destination": "/index.html" } ] 위 방법으로 문제를 해결했다. 출처 : https://stackoverflow.com/questions/28247450/firebase-..

소프트웨어 마에스트로 13기 1차, 2차 코딩 테스트 합격 후기 ▼ https://kbwplace.tistory.com/139 [소프트웨어 마에스트로] 2022 SW 마에스트로 13기 1차, 2차 코딩 테스트 합격 후기 (소마 코딩 테스 위 공식 일정표와 같이 서류 제출 후 약 2주 뒤에 1차 코딩테스트를 보고 정확히 2주 뒤에 2차 코딩테스트를 봤다. /*** 글 맨 아래 13기 문제 유형 총 정리 표가 있습니다. ***/ 소프트웨어 마에스트 kbwplace.tistory.com /*** 해당 글은 소프트웨어 마에스트로 심층 면접에 대한 면접장 분위기와 진행 방식을 공유하는 글입니다. 면접 질문에 대한 자세한 내용은 면접일정이 끝나고 합격자가 발표되면 작성하도록 하겠습니다. ***/ 2차 코딩 테스트에..

/*** 필자의 주관적인 견해가 담긴 글입니다. 각자 공부법이 다르고 기수마다 편차가 있을 수 있으니 참고용으로 사용해주세요 ***/ 소프트웨어 마에스트로 13기 1차, 2차 코딩 테스트 합격 후기/팁 ▼ https://kbwplace.tistory.com/139 [소프트웨어 마에스트로] 13기 1차, 2차 코딩 테스트 합격 후기 (소마 코딩 테스트 문제 유형) 위 공식 일정표와 같이 서류 제출 후 약 2주 뒤에 1차 코딩테스트를 보고 정확히 2주 뒤에 2차 코딩테스트를 봤다. /*** 글 맨 아래 13기 문제 유형 총 정리 표가 있습니다. ***/ 1. 1차 코딩 테스트 위 kbwplace.tistory.com 각 키워드로 나눠 핵심적인 것들 위주로 흐름을 설명하겠다. 1. 알고리즘 공부 코딩 테스트를..

위 공식 일정표와 같이 서류 제출 후 약 2주 뒤에 1차 코딩테스트를 보고 정확히 2주 뒤에 2차 코딩테스트를 봤다. /*** 글 맨 아래 13기 문제 유형 총 정리 표가 있습니다. ***/ 소프트웨어 마에스트로 코딩 테스트 합격하는 법, 공부 방법 ▼ https://kbwplace.tistory.com/140 [소프트웨어 마에스트로] 소마 코딩 테스트 합격하는 법, 합격 팁 (소마 코딩 테스트 준비 방법) /*** 필자의 주관적인 견해가 담긴 글입니다. 각자 공부법이 다르고 기수마다 편차가 있을 수 있으니 참고용으로 사용해주세요 ***/ 소프트웨어 마에스트로 13기 1차, 2차 코딩 테스트 합격 후기/팁 kbwplace.tistory.com 1. 1차 코딩 테스트 위와 같이 서류합격 메일을 받으면 1차..