Til

[TIL] 2022년 01월 21일 TIL - Eslint - Typescript

이번 시간에 배운 과정은 협업시 편리하게 사용할 수 있는 Eslint 에대해 배웠다. 타입스크립트를 엄격하게 관리하는 도구 - strict API로 받는 데이터 타입은 ? - graphql -codepen 협업하는데 규칙은 있어야지! - eslint / prettier 규칙을 지키지 않는 사람은 Push할 권리도 없다! - husky API 응답데이터를 GRAPHQL-CODEPEN 이라 한다. 이것은 직접 입력 없이 명령어 한번에 정의해준다. 기존의 fetchBoard를 gql을 사용해서 불러오는 방식에서 fetchBoard가 담긴 types.ts 파일에 정의해 Import해서 불러올 수 있다. types.ts에서는 graph-ql의 fetchBoard에 types가 정의되어있어 Pick함수로 Query..

[TIL] 01월 20일 Typescript 적응기

이번 오전 교육에서는 Typescript의 기초에 대해 배웠다. 자세한 목차 이걸 쓰면 더 안전하다고? => Typescript 기존의 Javascript를 typescript로 바꾸자 Typescript는 기존의 Javascript에서 한단계 UP된 언어이다. 타입 스크립트란? 자바스크립트의 타입을 강제시키는 언어이다. let aaa = "안녕하세요" aaa = 123; 예를 들어 aaa라는 상자에 문자열을 넣다가 다시 숫자 타입으로 넣을 수 있는 방식이 기존의 자바스크립트의 방식이었다. let aaa:string = "안녕하세요" aaa = 123 // 문자만 들어가는 string type이라 숫자는 불가능 typescript에서는 문자열로 선언을 string값으로 넣어주면 숫자는 들어갈 수 없다. ..

[TIL] 2022년 01월 18일

이번시간에 배운 내용은 React 7강 반복문을 대체할 여러가지 문법에 대해 배웠다. React 7강 나이제 for문 안써 => map함수/filter함수 최신 데이터를 가져와줘!! => refetch 목록에서 삭제가 안되는데... => key/index map vs filter map const classmates = ["철수", "영희", "훈이"] classmates.map((el) => (el + "어린이")) map함수를 사용해 classmates라는 값에 배열형태에 값이 선언되었을때는 map함수를 사용해 element를 사용해 index 뒷부분에 문자을 삽입할 수 있는 map 함수이다. const classmates = [ { name: "철수" }, { name: "영희" }, { name:..

[TIL] 2022년 01월 17일

오늘 배운 TIL은 React 실무를 대비해서 파일 나누기를 배웠다. 목차 - 커리큘럼 실무적인 폴더구조 -> Container / Presenter 컴포넌트 분리 및 전달 => Props 목록 형태에 데이터를 보여주자 => map 함수 / filter 함수 컴포넌트의 재사용성을 높이는 방법 => Axios / Apollo-Client 안전한 코드를 작성하는 법 => Typescript 규칙을 정해서 협업 하는 방식 => Prettier / ESLint / Huskey -> 룰을 정해서 깃허브에 올리는 방식선언 Day 6 - 목표 실무적인 폴더 구조 컴포넌트 분리 데이터 전달 => props setState는 이런 원리다? => setState 동작원리 Optional-Chaning vs nulish-c..