Author: dudghks9303

팀프로젝트 오늘 할 것 firebasestore에서 모임에 속한 인원들의 약속이 잡힌 날들을 달력에 표시하기 현재 작성되어 있는 부분 new date로 만든 임시 배열에서 각각의 인덱스를 년/월/일 로 구분해서 맞는 날은 true, 하나라도 틀린 경우 false로 배열을 만든 뒤 각각의 인덱스마다 표시되는 달력 갯수만큼의 배열이 만들어지고 그 배열들을 하나로 합친 뒤 표시되도록 나타냈음 async,await 사용 시 주의점… Read more

typescript 클래스 readonly : 접근만 가능. 즉, 수정이 불가능하다. 예시 class A{readonly name:string;}이고 const B=new A();라고 정해줄 때 B.name=’def’를 쓰면 name부분에 빨간색 물결줄이 생기면서 문제 창에 읽기 전용 속성이므로 ‘name’에 할당 할 수 없습니다. 라고 나온다 Accessor : get과 set을 이용해서 get으로 지정한 값을 가져오고 set으로 get으로 가져온 값을 사용한다. 대신 get와 set을 쓸 때 지정한 변수명을… Read more

팀프로젝트 달력에서 남은것 – 날짜값을 들고오는 방법 개인의 경우 개인 데이터를 들고오면 된다 모임의 경우 해당 모임에 속한 인원들을 1차로 걸러내고 거기서 날짜값들을 하나로 합쳐야 한다 – 구상을 생각해봐야함 모임A-모임A에 속한 인원들-해당 인원들의 날짜값들을 들고와서 push로 한 배열에 넣어주기 강사님에게 물어본 결과 내가 생각한 2가지 방법이 다였다. 날짜값 변환 없이 그대로 다 들고오기 날짜값을 특정… Read more

연산자를 이용한 타입 정의 타입을 정할 때 ||(or연산자)를 쓸 수 있다.-Union Type Intersection Type-여러 타입을 모두 만족하는 하나의 타입 : & 하나만 쓴다 예 interface Person{name:string;age:number;} interface Develpoer{name:string;skill:number;} type Capt=Person&Developer 를 하면 Capt의 타입은 {name:string;age:number;skill:string}이다 만약 |를 쓴다면 여러개 중 같은 것만 들고온다 Read more

interface 이름{변수이름:형태; 변수이름?:형태} ?의 경우 있을지 없을지 확실하지 않을 때 넣어두면 객체에 쓸 때 없어도 무관해진다. 단, 만들어놓은 인터페이스의 객체의 내용들 외에는 추가를 하지 못한다 함수에서 또한 인터페이스로 작성해서 쓸 수 있다 interface 이름=(변수이름:형태):형태=>{내용} let 다른이름:인터페이스이름; 다른이름=function(변수이름){내용} 주의할 부분은 다른이름으로 쓴 함수 또한 interface로 지정한 방식이 쓰이기 때문에 return 형태도 신경써야 한다 인터페이스 확장 interface 새로운이름… Read more

비동기로 약속 날짜를 가져와서 배열로 만들어서 하는 방법은 firebase가 확실이 될 때 작업하기로 함 제일 이상한 부분인 이벤트가 1번만 실행되고 그다음은 되지 않는다. 그런데 개인작업파일은 여러번 눌려도 작동을 한다. 짠 모양도 똑같은데 어디서 문제가 생기는 것인가? 차이점은 다음과 같다 개인작업파일의 경우 콘솔창에 에러가 발생한다. 팀프로젝트는 에러가 발생하지 않는다 Warning: Failed prop type: You have provided… Read more

typescript 설치 : npm i -g typescript [이때 -g는 글로벌(컴퓨터의 전체)에 설치한다는 의미] 공식 홈페이지 : https://www.typescriptlang.org/ playground 탭에서 직접 설치하기 이전에 어떻게 실행되는지 확인 할 수 있다 powershell에서는 특정 기능이 막혀 있어서 추가설치를 하거나 cmd로 확인해야 한다(Command Prompt) 해당 폴더까지 접근한 뒤 tsc ts파일명 을 하면 js로 바꾸어진다. 그다음에 node js파일명 을 하면 콘솔창에… Read more

typescript : javascript에서 조건을 좀 더 강화한 형태 변수 지정 : let 이름:변수형태 = 값; 특히, 배열의 경우 let 이름:변수형태[]인 경우 해당 배열의 인덱스 값들이 모두 앞에 지정한 변수형태여야 한다. Read more

한 달력에서 모두 공통적인 부분이 없는 것도 있어서 JS를 2종류로 나누어야 할 듯 함 메인캘린더,마이캘린더-약속이 있는 날 : 해당 약속 내용 모달 상대방이 보는 마이캘린더,모임캘린더-약속이 있는 날 : 모달창 없음 약속이 없는 날 : 약속을 잡는 모달 모임캘린더의 경우 해당 모임의 인원들 중 약속이 잡힌 날들을 합친 뒤 달력에 표시해서 없는 날에만 모달창을 띄우도록 해야한다.… Read more

커스텀 hook 만들기 : https://react.dev/learn/reusing-logic-with-custom-hooks 커스텀 hook 이름 규칙 React 컴포넌트 이름의 맨 앞 글자는 무조건 대문자로 한다 hook 이름에는 use를 무조건 붙인다 Read more