11.29 (21)

yeen00123·2021년 12월 1일
0

Today-I-Learned

목록 보기
21/31

이번주 커리큘럼

글로벌 스테이트 -> 로그인 권한분기 -> 폼 라이브러리

오늘의 커리큘럼

props data prev -> 정규표현식 -> 글로벌 스테이트 -> context API

props, el, index, state 등등 우리가 쓰는 것들은 그저 매개변수일 뿐이다.
asdf, aaa, bbb 등 어떤 것을 쓰던지 상관은 없지만
그럼에도 관례가 다 있으니 쓰던데도 쓰도록 하자.

언더페칭
api 결과물이 여러개 필요하다.
rest-api는 하나하나 따로 불러와줘야하는데
graphql-api는 한번에 가져와서 뿌려줄 수 있다.

오버페칭

createBoard(writer: $asdf){
    _id
    writer
    title
    contents
}

4개를 준다고 했을 때 rest-api는 다 받아야 하는데
graphql은 원하는 것만 골라서 받을 수 있다.

정규표현식
\w 문자
\w+ 문자 한 개 또는 그 이상
. 모든 것
. 그냥 쩜
\d 숫자
\d{3} 숫자 3개
\d{3,4} 숫자 3개 또는 4개
패턴이 맞는 부분이 있으면 true가 나와버린다
^ 시작
$ 끝

/\w+@\w+\.\w+/.test("aaa@aaa.com")
// true
/\w@\w+\.\w+/.test("aaa@aaa.com")
// true(a@aaa.com 으로 인식)
/^\w@\w+\.\w+/.test("aaa@aaa.com")
// false

정규식 뒤에 .test()를 붙여서 확인해 볼 수도 있겠다.

글로벌 스테이트
여러 컴포넌트에서 공통된 스테이트를 쓰고 싶을 때
프롭스를 하나하나 거쳐서 가는 것이 아닌
맨 위에서 한번에 관통해서 받아가는 것이다.
context-api와 함께 사용할 수 있겠다.

0개의 댓글