[21.05.12] 모각코 수요 스터디(온라인) about wednesday_salon

[wacilpong]

참서어억

할일

• 자바스크립트 deep dive 읽기
• 리액트로 만든 투두앱 일렉트론 붙여서 맥용 앱으로 export해보기

[bluelion2]

참석

할일

• Nextjs + capacitorJs로 투두 앱 만들기

[ds2lvg]

참석

할일

• 토스 세미나 영상 보기

[ds2lvg]

한일

프론트엔드 웹 서비스에서 우아하게 비동기 처리하기

• react의 suspense 기능을 쓰자

• if문 nullable 처리 보다 옵셔널 체이닝이 좋은 이유는 함수의 역할을 한눈에 파악할 수 있기 때문

function fnGood(x){
	return x?.foo?.bar?.baz;
}
	

• 콜백보다 async/await 구조가 좋은 이유는 성공하는 경우만 다루고 실패하는 구조는 catch로 분리해서 처리가 가능해서임
  • (실패하는 경우에 대한 처리를 외부에 위임 가능)
• 좋은 코드의 특징 : 성공, 실패의 경우를 분리해 처리할 수 있어서 비즈니스 로직을 한눈에 파악 가능
• 대수적 효과(Algebraic Effects): 함수는 필요한 코드 조각을 선언적으로 사용
  • 실제 관련된 처리는 컴포넌트를 감싸는 부모 함수에 위임(useMemo 비동기 값 읽어오기)

Micro-frontend React, 점진적으로 도입하기

• 토스가고싶다...

토스팀을 위한 슬랙봇 설계

• 토스가고싶다...2