본문 바로가기

coding/log8

[개발일지] Class함수 이용한 슬랙 개발 플로우 class slack service 제작 : import axios from 'axios'; import ProfileSchema from ''; class SlackService { private url: string = 'slack hooks services url'; constructor(private profileSchema: ProfileSchema) {} private async send(payload: any) { await axios.post(this.url, payload); } public async message() { const payload = { attachments: [{color: '#82D8EB'}] } } public async error({ solanaTag, custo.. 2022. 5. 12.
[CSS log] 텍스트 그라데이션이 사파리 브라우저에서 작동 안할 때 background: linear-gradient(94.15deg, #ff0005 -5.83%, #f80089 45.18%, #091b84 95.14%); background: -ms-linear-gradient(94.15deg, #ff0005 -5.83%, #f80089 45.18%, #091b84 95.14%); background: -moz-linear-gradient(94.15deg, #ff0005 -5.83%, #f80089 45.18%, #091b84 95.14%); background: -webkit-linear-gradient(94.15deg, #ff0005 -5.83%, #f80089 45.18%, #091b84 95.14%); -webkit-background-clip: text; -w.. 2022. 4. 15.
개발_일지 / 무한 스크롤 / Infinite Scroll / Intersection Observer API 들어가기 무한 스크롤의 일반적으로 알려진 해결방법(=스크롤 이벤트)은 신뢰성이 부족하고 브라우저나 사이트에 부하를 주기때문에 좋지 못한 사용자 경험을 낳는다. Intersection Observer API는 감시하고자 하는 요소가 다른 요소(viewport)에 들어가거나 나갈때 또는 요청한 부분만큼 두 요소의 교차부분이 변경될 때 마다 실행될 콜백 함수를 호출한다. 즉, 사이트는 요소의 교차를 지켜보기 위해 메인 스레드를 사용할 필요가 없어지고 브라우저는 원하는 대로 교차 영역 관리를 최적화 할 수 있다. 개발하기 IntersectionOberver VS IntersectionObserverEntry IntersectionObserverEntry의 인스턴스가 IntersectionOberver 콜백에 전.. 2022. 2. 14.
500 Server Error 발생하는 이유와 백엔드팀 협업 하기 들어가기 프론트 개발 하다가 네트워크 탭에서 500 Server Error가 발생하는 것을 볼 수 있어요. 간단하게 이해하면 서버 에러가 발생했다는 것을 의미합니다. 서버 500 에러에 대해 자세히 알아보고, 해당 에러가 났을 경우 백엔드와 어떻게 협업해야하는지 살펴볼게요! 500 Server Error가 무엇이죠? 500 에러의 경우 서버의 동작에서 발생하는 에러 중 더 정확한 에러 코드가 아닌 경우를 나타냅니다. 즉, 예외적인 또는 예측하지 못한 에러의 경우 500 에러로 출력된다고 생각할 수 있어요. 500 에러 메시지를 출력하는 경우 서버 통신의 Timeout 시간 지연 오류 서버 트래픽 과부하 서버 언어의 구문 에러 (스크립트 문법 오류) 백엔드 개발자와의 협업 저같은 경우는 재현스탭과 해당 네.. 2022. 1. 14.

티스토리툴바