Enjoy Programming

드디어 시간을 내어 flutter를 공부하기로 한다. 근데 flutter는 javascript가 아닌 dart라는 구글이 만든 언어로 개발을 해야한다. https://dart.dev/ Dart programming language Dart is a client-optimized language for fast apps on any platform dart.dev 특징을 살펴보면 다트는 두개의 컴파일러를 가지고 있다 (두개?!) 먼저 dart web - dart로 쓴 언어를 자바스크립트로 변환해주는 컴파일러와 dart native - 각 cpu아키테처에 맞게 기기에 맞춰서 변환해주는 컴파일러 이렇게 두개이다. dart native는 just-in-time and ahead-of-time 방식의 compil..

최근 업무중에 한 곳의 서비스에서 다른 서비스의 backend api를 호출할 일이 생겼다. rest api라면 endpoint를 설정해서 해주면 되고 apollo를 쓰지 않았다면 graphql request나 별도의 패키지에 endpoint를 설정해줬으면 되었겠지만... apollo client를 사용하는 서비스라서 client하나에 새로운 endpoint를 설정해줘야 했다. 현재 서비스 내부에서는 wslink && httpLink를 생성해서 사용하고 있는데 검색 좀 해보니 http link를 또 생성해서 context로 구별 하라고 하더라.. 이렇게 신규 링크를 생성해주고 이렇게 apollo client 객체 생성할때 링크에 apollo 에서 제공하는 split함수와 함께 operation에서 con..

tailwind를 사용하던 중 오랜만에 slide animation을 구현할 일이 생겼다. 신규 beta launching 한 사이트 navigation에 text sliding 이다. 우선 거두 절미 tailwind에 custom animation은 tailwind config에서 이런식으로 설정 해주면 된다.. 근데.. 마우스를 올리면 해당 animation을 paused 시키고 싶었다. 찾아보니 css property 중에 animation-play-state 라는 것이 존재 했다. https://developer.mozilla.org/en-US/docs/Web/CSS/animation-play-state animation-play-state - CSS: Cascading Style Sheets |..

잘못 병합된 branch 되돌리기 코드 현재 회사 사이트 한개의 중심 기능을 리뉴얼 하다보니 dev에는 항상 작업 반영 release는 운영 수정사항만 관리 하고 있었다. 언제 잘못되었는지 분기가 되는 main에 dev가 반영 되어 있었다. release hotfix 건 수정 후 배포하고 역으로 다시 merge 하다가 main이랑 상태 동기화를 이뤄버려서 release에 최신 dev 코드가 반영 되어버렸다.. 하.. 순간 먹먹 해졌다.. 아무튼 이 삽질 저 삽질 하다가 해결했는데 매우 간단한 문제였다... 그냥 release를 받아놓고 revert 시키면 되는 거였는데 vscode git graph에서 되돌릴려고 하니 rebase 만 뜨길래 자꾸 rebase로 삽질을.... 그냥 이러면 쉽게 해결 할 문..

지금 다니는 회사는 물류데이터 기반 해당 데이터들을 시각화해서 보여주고 있다. 처음 시작시에는 필자는 APEX charts를 선택해서 사용했었고 recharts 와 vis 를 사용해보기도 했다.. 근데 뭔가 다 부족 했다. 커스터마이징의 한계가 있었고 결국 D3로 가려고 준비중이다. 하 근데 요새 너무 바쁘다 ㅠㅠ 라카이브는 운영 돌아가고 신입분이랑 둘이서 리뉴얼 기능 업데이트 이슈 해결하고 있고.... 커스트피아는 아직 혼자 개발중이다.. 거기에 D3까지 공부해서 적용을 해야 한다.. 아무튼 열심히 해보자 D3는 뭔가 군침이 생기는 라이브러리다 자 다음 포스팅부터 제대로 포스팅하고 지금은 잠시 기록용 d3.select -> selector string에 해당하는 첫번째 element 선택 없으면 emp..

해결 xattr -d com.apple.quarantine chromedriver