본문 바로가기

til38

Array.map() 09/25 무려 6개월치나 쌓여버린 TIL... 하지만 이제는 매일같이 TIL을 기록하고 있지는 않아서정작 양은 비슷비슷할지도..?그래도 많이 쌓여있으니 틈틈이 털어야겠지.. Array.map( )JS 에서 어떤 배열에 있는 모든 요소들의 값을 변경해서 사용하고 싶을 때,루프를 사용하여 배열에 대해 수동으로 반복 처리 해도 되지만, 기본 제공하는 .map() 메서드를 사용하면 된다.Array.map() 은 콜백 함수를 사용해, 각각의 요소에 호출해서 그 값을 변환할 수 있게 해 준다.예를 들어,let arr = [3, 4, 5, 6];// for loop 사용for (let i = 0; i { return e * 3;});위처럼 간단하고 직관적으로 사용할 수 있다.이는 단순한 배열 뿐 아니라, 객체 배.. 2025. 3. 19.
IDC / UPS 02/28  3월에는 실장님 주체로 주 2회정도 네트워크 기반 스터디를 하기로 했다.점심시간 빼서 할 예정인데, 매일하면 좋겠는데... 공부한 내용들을 남겨놓을 예정.일단 오늘은 공부내용은 아니고, 배경지식 겸 스타트 해 보려고 한다. IDCIDC 는 Internet Data Center로, 인터넷과 연결된 데이터를 모아두는 시설.통신 기기인 라우터와 수많은 서버, 그리고 안정적 전원 공급을 위한 UPS 등으로 구성된다.클라우드 데이터 센터는 CDC 라고 하는데, 일반적으로는 그냥 IDC로 혼용 가능.서버를 안정적으로 운용하고, 인터넷과의 연결을 고속화하고,지리적으로 중앙집중화 시킬 필요가 있을 때 설립된다.구성 요소는• 서버• 네트워크 장비 : 라우터, 스위치, 허브, 브리지 등• 저장 장치: HDD,.. 2025. 3. 6.
라우터 02/28  한번에 다 하려고 했는데, 생각보다 사이즈가 커져서 따로 써야 할 것 같다. 라우터 (Router)라우터 또는 네트워크 라우터 라고 부르며,논리적 또는 물리적으로 분리된 망 사이를 지나는 패킷의 위치에 따라최적화된 경로(route) 를 지정하는 기능을 수행하는 장비.상위 통신망과 하위 통신망 사이를 중계해 주는 기계라고 할 수 있다.OSI 7계층 분류에서는 네트워크(L3) 계층에 속하며, L3 스위치라고 하기도 한다.가정이나 SOHO 수준에서 라우터의 기능은 인터넷 공유 기능을 한다고 할 수 있다.(공유기 = 가정용 라우터)게이트웨이 역할도 하지만,여러 가지 프로토콜을 통해 다른 라우터나 네임서버들과 통신하여 동적 라우팅을 지원한다든지,하드 디스크부터 메모리에 X86 CPU나 DSP, 파워 .. 2025. 3. 4.
JS 주석 달기 02/28  뭐 별건 아니고, JS 에서 주석을 다는 방법을 정리해보자. 1. 한줄 주석// 한 줄 주석을 달 때중간부터 // 주석처리하면 거기부터js에서 한 줄 주석을 다는 것은 간단하다.// 가 붙어있으면, 줄 앞이든 중간이든 상관 없이 그곳부터 주석처리된다.나는 vsc에서 ctrl + / 로 단축키 지정하여 매우 자주 사용중. 2. 여러 줄 주석/* 여러 줄 주석을 달 때는 시작 부분과 끝 부분에만 있으면 된다.*/여러 줄을 한번에 주석처리 할 때는,/* 로 열고 */ 로 닫으면 중간 부분들이 전부 주석 처리 되는데, 나는 자주 쓰지는 않는편.그냥 여러줄 선택해서 // 하는게 편하긴 하다. 뭐가 더 좋은 방법인지는 모르겠음. 3. 함수 주석 문서화 (JSDoc)오늘 이 글을 쓰게 된 목적.. 2025. 3. 3.
Object.groupBy() 09/24  Object.groupBy() 정적 메서드는 제공된 콜백 함수가 반환하는 문자열 값에 따라,주어진 순회 가능한 여러 요소를 그룹화 할 수 있다.반환된 객체는 각 그룹에 대해 별도의 속성을 가지며, 이 속성들은 해당 그룹의 요소들을 포함하는 배열을 담고 있다.Object.groupBy(items, callbackFn) Object.groupBy()는 순회 가능한 각 요소에 대해 callbackFn 함수를 한 번씩 호출한다.이 콜백 함수는 관련 요소의 그룹을 나타내는 문자열 또는 심볼을 반환하고, 반환한 값들은 객체의 키로 사용된다.반환된 객체와 원본 순회 가능한 요소는 동일하다. 요소들의 내부 구조를 변경하면 원본 순회 가능 요소와반환된 객체 모두에 변경이 반영된다, name, type, qu.. 2025. 1. 8.
Union / Intersection Type 09/24  유니온 타입(Union Type)이란?유니온 타입이란 Javascript의 OR연산자( || ) 처럼 'A거나 B다' 라는 의미의 타입이다.function logText(text: string | number) { // ...}이런 식으로 사용하면 위 함수의 파라미터 에서 string과 number 타입을 모두 사용할 수 있다.  Union Type 의 장점// any를 사용하는 경우function getAge(age: any) { age.toFixe(); // 에러 발생 return age;}// 유니온 타입을 사용하는 경우function getAge(age: number | string) { if (typeof age === 'number') { age.toFixed(); //.. 2025. 1. 8.

티스토리툴바