슬기로운 인턴 생활13 [이마고 웍스] 신사엔 맛있는 게 너무 많다편

업데이트 된 디자인 시스템 작업을 진행했다.🍒

checkBox와 RadioButton에 hoverd 속성이 없는 디자인을 추가해야한다.
그래서 boolean으로 타입을 지정했다.

hovered의 기본 값을 true로 설정하고 props으로 받았다.

그리고 삼항연산자로 hovered가 false일 때 크기를 변경해주었다.

 

스토리북에 추가하고 전에 만들었던 grey900 Button과 함께 v1.1.3으로 배포했다.🍊

⚡️ Redux(리덕스)란?

Redux(리덕스)란 JavaScript(자바스트립트) 상태관리 라이브러리이다!

Redux의 기본 개념 : 세 가지 원칙

1. Single source of truth

• 동일한 데이터는 항상 같은 곳에서 가지고 온다.
• 즉, 스토어라는 하나뿐인 데이터 공간이 있다는 의미이다.
  

2. State is read-only

• 리액트에서는 setState 메소드를 활용해야만 상태 변경이 가능하다.
• 리덕스에서도 액션이라는 객체를 통해서만 상태를 변경할 수 있다.
  
  

3. Changes are made with pure functions

• 변경은 순수함수로만 가능하다.
• 리듀서와 연관되는 개념이다.
• Store(스토어) – Action(액션) – Reducer(리듀서)

❗️Redux의 장점

• 상태를 예측 가능하게 만든다. (순수함수를 사용하기 때문)
• 유지보수 (복잡한 상태 관리와 비교)
• 디버깅에 유리 (action과 state log 기록 시) → redux dev tool (크롬 확장)
• 테스트를 붙이기 용의 (순수함수를 사용하기 때문)

❗️Redux에서 개념을 구현하는 두 가지 방법

👉 mapStateToProps()

👉 Redux hooks (비교적 최근에 나온 기술)

• useSelector
• useDispatch

Dialogue 작업을 진행할 때 useSelector를 사용했다.

어떤 dialogue를 보여줄 지 결정하기 위해 필요한 user 정보를 가져오기 위함이다.



















신사역 근처 맛있어 보이는 음식점을 저장해두었다.
ㅋㅋ

온기정 웨이팅이 너무 길어서 근처 버거집에 간 날🍔

스피커가 굉장히 빵빵했다.




----------------------------------------- 주문하는 중 --------------------------------------

고기 패티가 엄청 맛있다.
혁민님은 감자튀김🍟이 맛있다고 했다.

현도님이랑 나는 쉐이크를 주문했는데 굉장히 미지근하고 헤비한 느낌이었다.




온기정 ---- 유니온 버거에서 회사로 돌아가는 골목이 너무 예쁘다.

카페도 쇼룸도 다 정말 예쁘다.









진웅님이 추천 오끼참치🍣

카츠동? 먹었는데 어ㅓ엉엄청 짰다.
ㅋㅋ

근데 또 가고싶은 맛집이다.
다음엔 회덮밥 도전

엄청 얼얼했던 마라탕

명한님은 1단ㄱㅖ 드셨다고...?

요즘 너무 잘먹고 다녀서 살이 초큼 쪘다.

다음 달부터 집 근처 필라테스를 다닐까 생각 중이다/

마지막으로 유뷰트 프리미엄 쓴다고 자랑하는 윤쥬님.........💙