Janu is Developing

생각보다 sort()를 사용할 일이 많은데 사용할때마다 헷갈려서 다시 정리한다. 딱 대1. sort()는 2가지 모드로 움직인다첫번째는 기본 정렬 모드두번째는 비교함수(콜백) 정렬 모드내가 많이 사용한건 비교함수 정렬이었는데 일단 둘 다 알아보자! 1️⃣ 기본 정렬 - 아무것도 넘기지 않을 때기본적으로 이렇게 생겼다.arr.sort();sort()에 아무 비교 함수(Comparison Function)를 전달하지 않으면 배열의 요소들은 문자열로 변환된 뒤 유니코드 값에 따라 정렬된다.이러한 경우 문자열 배열에선 예상대로 작동할 순 있지만 숫자 배열은 이상하게 배열할 수 있다. (1) 문자열 배열각 문자열을 유니코드 값에 따라 비교하므로 일반적인 사전 순 정렬과 동일하게 작동한다.const fruits =..

컴포넌트를 만들 때 처음에 example.tsx로 했다가 Example.tsx로 변경했다. 다른 컴포넌트에 import 할려고 작성하다가... Already included file name 'C:/Dalmuri/src/Example.tsx' differs from file name 'C:/Dalmuri/src/Example.tsx' only in casing. The file is in the program because: ... etc이런식으로 뜨더라확인해보니 운영체제와 TypeScript가 파일 이름 대소문자를 다르게 인식해서 생기는 충돌 오류라고....Window는 파일 이름의 대소문자를 구분하지 않으므로 example.tsx와 Example.tsx를 구분하지 않는데. 그러나 내가 파일 이름을 바..

콜백함수를 검색해서 찾아보면 "다른 함수의 인수로 전달되어 해당 함수의 내부에서 호출되는 함수"라고 하는데... 이렇게 설명하면 솔직히 알아듣나?그래서 Claude씨에게 물어봤는데,"나중에 실행해 달라고 맡겨놓은 함수"라고 간단히 이해하면 된다고 하더라. button.onclick = function(){ alert("버튼이 클릭됨!")}여기서 alert("버튼이 클릭됨")을 포함한 function이 바로 콜백 함수라고....콜백함수를 많이 볼 수 있는 것 중 하나는, 바로 전형적인 비동기 함수 중 하나인 setTimeout이다.setTimeout(function(){ console.log("3초 지났어")}, 3000)내가 헷갈릴까봐 설명하는건데,,,, setTimeout은setTimeout(()=..

자바스크립트와 타입스크립트 둘 다 사용되는 옵셔널 체이닝...개발을 하면서 엄청 많이 쓰게 되서 알기 싫어도 알 수밖에 없는 지경에 이르렀다... 옵셔널 체이닝만약 값이 없으면(= null 혹은 undefined라면) 그냥 undefined를 반환하라는 안전장치이다. Exception이나 에러가 나타나지 않도록 도와 오류 없이 프로그램을 실행할 수 있다.속성에 접근할 때 오류가 나는 것을 방지하고, 특히 중첩된 객체의 속성에 접근할 때 유용하게 쓰인다.가장 큰 이점은 (1) 코드의 안정성을 높임 (2) 불필요한 조건문을 줄임 이라고 볼 수 있겠다. 참고로 필자는 인텔리제이에서 빨간줄 생겨서 필요없어도 그냥 쓴다(정상적으로 잘 작동되는데 왜 빨간줄이 나는진 나도 모르겠음¯\_(ツ)_/¯) 예시나루토쿤은 영..