본문 바로가기

개발자11

[CSS] Safari에서 scroll 안됨 1. 문제 상황이 문제가 발생하기 이전, CSS에 overscroll-behavior-y: none를 적용하여 모바일에서 아래로 다운 스크롤했을 때 자동 새로고침되지 않도록 하였다.그런데 이 CSS를 적용하니 safari에서 마우스 휠 스크롤이 동작하지 않았다. 직접 scroll 바를 잡고 움직이는 것은 가능하였다.(다른 브라우저에서는 문제 없이 동작) 2. 문제점"overscroll-behavior-y" CSS property를 html에 직접적으로 설정하니 문제가 발생했다. 3. 해결 방법body 혹은 특정 class/id에 설정을 해주면 모바일에서 아래로 다운 스크롤했을 때 자동 새로고침되지 않으면서 safari에서도 마우스 휠을 통한 scroll이 가능하다. 2024. 11. 1.
[React] PM2를 활용한 EC2에 React 무중단 배포 Github Action과 AWS Codedeploy를 활용한 React 어플리케이션의 CICD 파이프라인을 구축하고 있었다. 현재 구상중인 어플리케이션의 구조상에서 Front는 React로만 구성되었다.  EC2에 접속하여 yarn start / npm start와 같이 React를 실행해주면, EC2와 연결되어 있는 상태에서는 EC2 public domain 및 port를 사용하여 접속할 수 있지만 연결(접속)을 끊으면 어플리케이션이 중단된다.그에 따라 개발자는 EC2의 under level에서 react가 돌아갈 수 있게끔해야 한다.  또한, 단순 패키지 매니저들을 사용하여 어플리케이션을 실행하면 다운타임이 반드시 발생한다. 운영 서비스에서 다운 타임이 발생하는 문제는 치명적임으로 이를 고려하여 C.. 2024. 10. 13.
사내 AI 활용 대회 후기 - 1 (Prompt에 대하여) 최근 사내에서 AI를 활용하는 대회가 개최되었다. 회사 게시판에 공지가 나왔을 때에는 프로젝트 상황도 바쁘고, 개발중이던 사이드 프로젝트도 있어서 불참하려고 했지만.. 다시 파트장님을 통해 내려온 전원 참석 공지를 보고 참여 신청하게 되었다.타 부서에서는 잘 모르겠지만 우리 부서에서는 대대적으로 이 대회를 홍보하고 참석을 장려하면서 참가자들에게 여러가지를 제공해주었다.대회 준비 조를 짜서 준비 과정을 제작해주며(대부분 알고리즘 문제 푸는 형식이지만..), AI 도구 비용을 결제해주는 등 몹시 이 대회에 신경쓰는 모습을 보여주었다.회사의 강력한 관심속에 어쩌다보니 열심히 대회에 임하게 되었고 결국 결승까지 올라갈 수 있게 되었다. 대회는 예선 -> 본선 -> 결승 순으로 진행되며 대략 1달 반에 걸쳐서 진.. 2024. 9. 21.