[TIL] 2022-10-25

민석·2022년 10월 25일
0

TIL

목록 보기
41/87

Fact (사실)

코드숨 스프린트
웹 api 디자인 6장 스터디 ,7장읽기

Feeling (느낌)

코드숨 스프린트

오늘 오전에 프로젝트 기초 셋팅을 마치고 티켓을 배분했습니다
저는 typescript에서 jest를 setting해본적이 없어 이 티켓을 선택했습니다
먼저 공식문서를 통해 셋팅을 진행했습니다
babel관련된 모듈 설치하고 typescript관련된 모듈을 설치한후
babel.config , jest.config.js , jest.setup 파일을 생성해서 셋팅했습니다
구글링을 하는 과정에서 기본적으로 셋팅되어있는 예제들이 많았는데
어떤 역할을 하는지 모르고 사용하는건 맞지않다 생각이 들어서 찾아봤습니다

babel에선 기본적으로 현재node를 대상으로해서 구성한뒤 jest는 babel로 react, typescript를 지원하기때문에 설정을 해주었습니다

jest.config에선 하는역할만 정리하자면 이렇습니다

  • setupFilesAfterEnv: 테스트파일이 실행되기 전 환경을 설정했습니다
  • testEnvironment: 기본적으로 node로 설정되어있는 환경을 브라우저 지원을 위해 jsdom으로 설정했습니다
  • transform: Jest는 프로젝트 코드를 javascript로 실행하므로 node에서 지원하지 않는 babel, typescript를 사용하기위해 설정했습니다

처음해보는 과정이라 이리저리 어려움도있었고 무엇보다 공식문서를 통해서 기능이하는 일을 찾았는데 번역으로 봐서 좀 이해안되는 문장들이 많은게 고비였네요..

웹 api 디자인 7장 스터디, 8장읽기

스터디

서로 준비해둔 문제를 내며 20분정도 진행하다가 거의 한시간정도 정리하는 글을 썼습니다
7장 정리된 글은 여기있습니다

8장 읽기

이번 8장에서는 보안관련된 내용들을 주로 다루더라구요 api 만들때 민감한 데이터에대한건 어떻게 처리하면 좋을지 등 보안에 관련된 내용들이라 아직은 좀 어려웠습니다
내일 스터디를 하며 좀더 개념을 다질수있도록 해야겠네요

Finding (교훈)

jest setting시 먼저 경험이있던 동료분의 도움을 받았었는데
먼저 에러발생시 에러 내용들을 추적하면서 영어로 자료를찾으며 해결하는 모습이 멋있더라구요
공식문서도 번역기 돌려서 보자니 자연스럽지 않게 이어지는경우가 많아서 영어로 읽을수있다면
좋겠다는 생각이들어서 앞으로 여유가있다면 영어로읽어보고 모르는 단어들은 검색하면서 읽을수있도록 해보려합니다

profile
안녕하세요 프론트엔드 개발자 양민석입니다.

0개의 댓글