(2023.05.13) 나는 길게 늘어진 코드를 읽기 힘들어한다. 한눈에 잘 들어오지 않기 때문이다. js 작성시 짧게 코드를 쓸 수 있는 방법이 많이 있다. 물론 클린코드가 짧은코드를 의미하는 것은 아니다. 하지만 클린코드 영역 안에 짧은코드도 있다. 1. && 연산자 활용 // 기존 if (조건) { 함수(); } // 개선 조건 && 함수(); // 기존 if (조건) { 함수(); } else { 함수2(); } // 개선(아래 예시에서 함수() 안에 truly한 return값이 있어야 함) (조건 && 함수()) || 함수2(); 2. some, every 활용 // 기존 let myPet = false; for (let i = 0; i < data.length; i++) { if (data[i..

(2023.05.12) 앞으로 티스토리에 개발 관련 알게 된 내용, 나의 생각들을 기록해두려한다. 일반적인 스터디 자료는 아니고 그냥 주저리 주저리 구어체 형식으로 쓰면서 작은 것이라도 메모해두는 것이다. 사실 나는 각 잡고 공부하는 것보다 유투브나 책을 쑥 훑어보면서 개발지식을 습득하는 편이다. 생활속에서 배우는 이런 것들이 하나하나 모이면 꽤 크다는 걸 어느 순간 느꼈다. 그리고 개발에 관련된 나의 생각들을 적는 것도 중요한 것 같다. 나를 위한 다이어리, 편하게 매일 매일 해나가자. 1. 제어가 되는 컴포넌트 / 제어가 안되는 컴포넌트 리액트 책을 보면서 알게 된 개념. 외국인이 쓴 책을 번역한거라 '제어가 되는/안되는' 이렇게 표현된 것 같다. 사실 국내 문서에는 잘 보기 힘든 표현인데 내용은 별..

타입스크립트는 유용한 유틸리티 타입이 많다. 공부하고 숙지해두자. 아는만큼 개발에 쓰일 것이다. /** 1. keyof : interface의 key값들을 유니언 형태로 뽑아냄 */ interface User { id: number; name: string; age: number; gender: 'm' | 'f'; } type UserKey = keyof User; // UserKey : 'id | name | age | gender'; const uk: UserKey = 'gender'; /** 2. Partial : property를 optional로 만듬 */ let admin: Partial = { id: 1, name: 'Bob', } /** 3. Required : 모든 property를 필수..

git push를 했는데 이런 오류가 났다. hint: Updates were rejected because the remote contains work that you dohint: not have locally. This is usually caused by another repository pushinghint: to the same ref. You may want to first integrate the remote changeshint: (e.g., 'git pull ...') before pushing again. 원인은 원격레포를 만들고 두개의 로컬에서 접근, 사용했던 것이다. a 로컬에서 푸쉬하려고 하는데 b로컬에서 커밋, 푸쉬했던 내용이 (a로컬에) 없었다. 그래서 오류가 났다. 해결법은..

a || b a ?? b 둘다 a와 b를 비교하여 하나를 반환하는 연산자이다. 차이점을 보자. || 는 0, "", false, undefined, null 과 같은 falsy 값을 검사하는 연산자이다. 즉, 첫번째 참인(truthy) 값을 반환한다. +) 자바스크립트에서 null도 falsy 값이다. 그리고 모두 falsy 값이면 마지막 값을 반환한다. ?? 는 null, undefined 와 같은 nullish 값을 검사하는 연산자이다. 즉, 첫번째 정의된(defined) 값을 반환한다. let a = "" || '야호'; console.log(a); // 야호 let b = null || 1; console.log(b); // 1 let c = undefined || null || 0; consol..

?. 이 문법은 객체의 값에 접근할 때 사용한다. 간단하다. ?. 왼쪽이 null, undefined이면 ?. 오른쪽을 실행하지 않고 undefined를 리턴한다. 반대로 ?. 왼쪽이 null, undefined가 아니면 ?. 오른쪽을 실행한다. let human = { age: 30, address: "korea", name: { lastName: "park", } } console.log(human.job); // undefined console.log(human.job.salary); // error: Cannot read properties of undefined console.log(human.job?.salary); //undefined console.log(human.name?.lastNam..