[TIL]-21.03.07 bitbucket pull request conflict 해결, safari환경 디버그, 리액트스크롤이벤트 핸들링,다국어 모드 연산자

오늘 배운것

 

bitbucket pull request conflict

 

Bitbucket을 쓰고 있는데 배포로 급히 수정된 코드들과 conflict가 생겨 해결되지 않으면 merge되지 않았다.

원격 origin에서 베이스 저장소를 내 저장소로 다시 풀해온뒤 conflict를 해결했다.

https://velog.io/@ha0kim/GIT-conflict-%EC%8B%9C-%ED%95%B4%EA%B2%B0%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95

[ GIT ] conflict 시 해결하는 방법

 

safari환경 디버그

크롬환경에서는 잘되는데 사파리 환경만 가면 엉망이 되는 느낌은 뭘까..
https://antennagom.com/986

https://jeongsk.medium.com/개발자-메뉴에서-아이폰-사파리를-디버깅하는-방법-safari-technology-preview-b3354e560344

개발자 메뉴에서 아이폰 사파리를 디버깅하는 방법(Safari Technology Preview)

맥OS 사파리 개발자 모드 보는 방법

 

리액트스크롤이벤트 핸들링

https://velog.io/@taeung/React-Custom-Hooks로-Scroll-Event-구현하기

https://wiki.jjagu.com/?p=388 

React ) useScroll / 노마드코더말고 직접 만든 스크롤 훅 - 짜구's WIKI

COINSS: React Custom Hooks로 Scroll Event 구현하기

다국어 모드 핸들링

회사특성상 다국어모드로도 고려해야하는데

언어별 하드코딩이 아니라 언어상태에 따라 객체에서 꺼내어서 사용하고, 그 언어가 없을때 예외처리 또한 해주어야 완벽!

const lang = ‘ko’;
  const abc = {
    ko: ‘한글’,
    en: ‘engligh’,
    jp: ‘japan’,
  };
  let strResult = lang !== ‘en’ ? abc[lang] && abc.en : abc.en && ‘no lang’;

연산자 코드가 아직 눈에 잘 들어오진 않는다..

https://ko.javascript.info/logical-operators

논리 연산자