Category: 수업내용

여러가지 문제점이 생기고 있다 비동기함수이다 보니 실행 후 가져오는 대기시간이 걸려서 정작 useState나 콘솔에 값을 띄울때는 값이 안들어온 경우가 있다 더 나아가 친구 id 값이 생성되었다 없어질때마다 문서id값도 생성되고 없어져야 하는데 그 부분에도 문제가 생겼다 작은 오류들도 발견함 : concat을 쓸 경우 useState에 빈 배열을 넣어줘야 한다.(안넣어주면 에러가 발생함) 친구id를 배열id로 변환 때 배열을 초기화… Read more

간단한 과제-typescript 관련 내용 정리 팀프로젝트 어제 주석으로 따로 메모장에 남긴 부분 – firebase의 friends-자신의 id-friendList에서 친구의 id와 문서들 중 fid 값이 같은 문서의 id값을 배열에 저장하는 함수 오늘 만든 부분 – checkbox의 value가 true가 될 때 배열에 추가, value가 false가 될 때 배열에서 삭제되는 부분 다시 적어보는 친구 부분 삭제의 순서 친구 목록 중… Read more

팀프로젝트 오늘 할 것 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