![]()
코드리뷰는 누군가 내코드를 보고 리뷰를 해준다는게 긴장되면서도, 내가 어떤 코드습관이 있는지, 어떻게 사고력을 가져야 좋을지 자각할수 있는 좋은 문화인것 같다. 오늘은 특히 정규표현식에 애를 많이 먹었다. 봐도봐도 익숙해지지 않는다. 오늘 한일 스튜디오 페이지 완료(api연동 및 예외처리) Node.js학습 오늘 배운것 Optional chaining 옵셔널 체이닝 ?. 을 사용하면 프로퍼티가 없는 객체를 에러없이 가져올수 있는데 ?.의 '앞'의 평가 대상이 undefined나 null이면 평가를 멈추고 undefined를 반환한다. 프로퍼티에 대한 비동기 처리로 이전프로젝트에서도 값이 할당되기 전에 렌더링되어 에러가 발생하는 상황이 자주발생하여 옵셔널체이닝을 거의 무지성으로 작성했고, 이게 맞나 싶을정..
![]()
말풍선을 어떻게 만들지? scope프로젝트에서는 테스트진행 페이지에 진행도를 나타내는 프로그래스바가 있었고 그 상태게이지 상단에 말풍선모양의 디자인을 구현해야하는 와이어 프레임을 전달 받았다. svg형태로 가져다 쓰면 편하겠지만 css로 만들어 보고싶었다. border-width, ::before, ::after 이 3가지가 핵심 - border-width : top, right,bottom, left 순서로 적용 - ::before는 중심컨텐츠앞 ::after는 뒤에 배치 const ArrowBubble = styled.div` position: relative; width: 100%; height: 25px; padding: 0 5px; background: #f1f9ff; /* -webkit-bor..
