본문 바로가기

til38

Method Chaining 08/02Method Chaining 이란method 가 객체를 반환하게 되면, 그 반환 값인 객체를 통해 또 다른 함수를 호출할 수 있다.이런 프로그래밍 패턴을 method chaining 이라고 한다.기본적으로 oop 로 코딩을 하다 보면 알게 모르게 자연스럽게 많이 사용하게 되는데,문장을 마치지 않고 호출을 이어갈 수 있기 때문에, 가독성을 향상시키는 데 도움이 된다.주의할 점은,한 문장에서 여러번의 메소드 호출이 이뤄지므로, 에러가 발생하는 지점을 하나씩 확인 해야 된다는 점.return 값이 메소드마다 다르기 때문에 최종적으로 할당되는 값은 최초 원하던 값이 아닐 수 있다는 점.상속 관계에서 부모의 메소드를 호출하면 부모의 타입으로 변경되므로 명시적 캐스팅을 필요로 한다는 점.=> 이때는 오히려.. 2024. 9. 8.
변수, 문자열 07/30~08/01변수vares6 이전의 변수 형식.전역, 지역에서 전부 사용할 수 있으며, 재선언되고, 업데이트 될 수 있음.호이스팅 이 발생 가능해서, undefined 발생 가능.letvar에서 개선된 변수 형식.지역에서 선언된 let변수는 외부에서 사용시 오류 발생.업데이트 될 수 있지만, 재선언은 불가능.호이스팅 발생 가능하지만, 초기화 되지 않아 Reference Error 발생.const일정한 상수 값을 유지하는 변수.지역에서 선언된 const 변수는 외부에서 오류 발생.업데이트 불가능, 재선언 불가능. 따라서 선언과 동시에 초기화 되어야 한다.단, const 객체는 업데이트 할 수 없지만, 객체의 속성은 업데이트 할 수 있다.호이스팅 되지만, 초기화 되지 않는다. 문자열문자열 혼합stri.. 2024. 8. 27.
배열 활용 method 07/30~31Array.forEach()배열을 순회하며 각 요소를 콜백 함수로 처리하는 함수.arr.forEach(function(element, index?, array?) => { callbacks });for 문 처럼 continue 를 사용하고 싶다면, callback 부분에서 return을 시켜 넘어가면 된다.Array.some()배열을 전부 순회하며, return 값이 하나라도 true 라면 최종적으로 true 가 반환되는 함수.arr.some((element, index?, array?) => { callbacks }); Array.every()배열을 순회하며, return 값이 하나라도 false라면 즉시 중지하며 false 가 반환되는 함수.arr.every((element, index.. 2024. 8. 27.
배열 활용 method 07/30fold배열의 값을 하나하나 순회하여 데이터를 가공해 결과를 내는 것.Array.filter값을 선별하며 배열 순회 가능.arr.filter(callback: (value: T, index?: number): boolean): T[]callback 으로 index를 넣어 index까지만 순회 시키거나, 특정 index에서 이벤트가 발생하도록 할 수도 있다.Array.map배열을 받아서 가공 한 다음, 다른 type 또는 같은 type 의 배열로 만들 수 있음.arr.map(callback: (value: T, index?: number): Q): Q[] Array.reduce기존의 fold 함수를 대체하는 method.각각을 순회하여 연산한 값인 result 와 각 값인 value 로 하나의 값.. 2024. 8. 27.
07/29 # JavaScript문자열 비교1. == , ===양쪽이 같으면 true, 다르면 false를 반환한다.== 는 Equality를 비교하기 때문에, type이 달라도 어느 정도 감안하여 결과를 돌려주고,=== 는 strict 하게 Identity 를 비교하여, type이 다르면 무조건 다르게 비교함.2. > , ASCII 값을 기준으로 문자열의 크기를 비교한다.비교 시 문자열의 길이가 더 길더라도, 동일 위치 문자의 ASCII 값이 작다면 작은 것으로 계산된다.문자열 길이도 짧고, 동일 문자도 아니라면 작다고 계산된다.3. String.IndexOf()문자열에 어떤 문자열이 포함되었는지 확인할 수 있다.존재 한다면, 해당 Index가 반환되고,존재 하지 않으면, -1을 반환한다.4. String.inc.. 2024. 8. 26.
07/24~25 JavaScript구조분해 할당배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 표현식.객체나 배열에 저장된 데이터 전체가 아닌, 일부만도 분해해 할당해 전달할 수 있음.이 때 전달받지 못한 속성은, undefined 로 할당되게 됨. IDEDebug / Release프로그램을 만들 때, 용도에 따라 다르게 사용하는 모드.Release말 그대로 배포를 위한 컴파일 모드.debug 정보가 빠지고, 여러 프로그램을 체크하는 루틴도 빠져 있음.코드 최적화 과정을 수행하여, 바이너리 크기도 작다.컴파일 속도가 느린건 최적화 과정 때문.메모리를 자동 초기화 해 주지 않는다.Debug개발 편의성을 제공하는 모드.실행파일에 디버깅 정보를 삽입하고, 계속 체크하므로 성능 저하.삽입된 디버깅 정보.. 2024. 7. 29.

티스토리툴바