profile
도전하고 발전하는 프론트엔드 개발자
post-thumbnail

SSE vs WebSocket

SSE Server Sent Events 란? > 서버의 데이터를 실시간으로 클라이언트로 전송하는 기술이다.

2023년 3월 30일
·
0개의 댓글
·
post-thumbnail

babel이 있는데 polyfill이 왜 필요할까?

polyfill은 인터넷 익스플로워 같은 이전 브라우저에서 동작할 수 있게 하는데 필요한 코드이다.Babel이 있는데 왜 polyfill이 필요할까?Babel은 자바스크립트 컨파일러이다. 빠르게 변화하는 프론트엔드 시장에서 최신 ES문법을 이전 브라우저가 사용하게 하기

2023년 3월 30일
·
0개의 댓글
·
post-thumbnail

long polling 기법

HTTP 통신은 단반향 통신이다.따라서 서버가 원하는 시기에 데이터를 받을 수 없다.그래서 마치 통신하는 것과 같이 나온 통신 방법이 polling 기법이다.주기적인 request를 통해 응답 간격이 일정하다.지속적으로 한번에 데이터를 보내는 것. 대용량 데이터 처리

2023년 3월 30일
·
0개의 댓글
·
post-thumbnail

Number() 와 parseInt() 차이점

최근 코딩테스트 스터디를 멋사 사람들과 시작했습니다. 많은 메서드들을 접하고 사용하다 보니 Number와 parseInt의 차이점을 알게 되어 이렇게 글을 남깁니다. 차이가 보이시나요? 여기서 Number라는 메서드는 변수 속에 숫자가 아닌 문자열이 들어 있을 경

2022년 12월 24일
·
0개의 댓글
·

Vue 팝업 중첩 문제

디테일 링크를 클릭했을 때 팝업이 위에서 아래로 순서대로 뜨는 문제가 있었습니다. 예로 Wagered Detail 링크를 클릭 후 Bonus Detail 링크를 클릭하면 Wagered 디테일 팝업이 앞에 나와 Bonus Detail 팝업이 보이지 않는 문제가 있었습니다

2022년 11월 26일
·
0개의 댓글
·
post-thumbnail

Transition TransitionGroup vue3.js

채팅창 중 이모티콘 창이 fadein과 fadeout이 걸려 있었는데 부자연스럽게 닫히고 열리는 이슈가 있었습니다. 이 문제점은 이모티콘창에 v-if문이 걸려 있어 해당 state가 false가 되었을 때 해당 템플릿 태그가 사라지면서 발생하는 문제점이었습니다.temp

2022년 11월 19일
·
0개의 댓글
·
post-thumbnail

정규식 lookbehind 문법 IPhone 호환

11월 11일 크롬이나 안드로이드에서는 정상적으로 작동하지만 Safari 및 FireFox 웹에서 회사 사이트가 작동하지 않고 있다는 것을 발견했습니다. 결론부터 말하자면 문제점의 원인은 정규식 lookbehind 문법을 사용했다는 것입니다.회사 사이트 현금 거래 In

2022년 11월 19일
·
0개의 댓글
·