sse 연결 과정에서 생긴 오류 이번 포스팅은 sse를 연결하는 과정에서 생긴 오류와 그 해결방법을 포스팅하고자 한다.

이번 포스팅은 이전에 vercel에 오류가 생기던 문제와 같다면 같은 문제지만 해당 주제로 따로 포스팅을 한번더 할까 하여 작성한다. 이번 문제를 설명하기 위해 이번에는 아래와 같이 상황을 좀 가정하고 진행하고 이야기 하겠다개발을 하던중 push 해보니 env 파일과

이번 포스팅은 필자가 협업때 사용한 tailwind css component 라이브러리를 사용하던 도중 생긴 문제와 그 해결방법에 대해 작성하려 한다.이 문제는 필자 외에서 리엑트에서 daysi ui를 사용해본 사람들이라면 겪어보았을 문제일 것이라고 생각한다. 예를 들

이번 포스팅은 협업을 할때 큰 문제중 하나였던 formData전송에 대해 알아보겠다. 우선 formData는 각종 미디어 정보를 전송 할 수 있는 형식이다. 이 formData를 전송하기 위해서는 몇 가지의 주의사항이 있는데 이번 포스팅에서는 필자는 어떤 문제를 겪었는

이번에 협업 프로젝트를 하면서 defaultValue라는 개념을 처음 알게 되었는데 사용할때는 그냥 모르고 한번 사용해보자 하는식으로 사용 했었지만 역시 뭐든지 제대로 알고 사용하는게 좋다. 아무것도 모르고 사용했다가 value의 값에는 조건부 랜더링이 되는데 defa

해당 문제는 협업 프로젝트에서 타입스크립트를 사용하여 타입스크립트가 발생시킨 문제인데 이 문제는 간단한 문제로 파일의 이름이 대소문자만 다르고 같다는 것이였다. 타입스크립트의 tsconfig.ts 파일의 옵션을 아래와 같이 추가해주어도 해결 할 수 있는 문제지만 나는

이번 포스팅은 다른 기술 포스팅이 아니라 협업을 하면서 느낀 소통의 중요성과 초기 기획이 얼마나 중요했는지에 대해 알아보고자 한다.위에서 나온 예도 백엔드와의 소통 부족으로 나온 문제라고 할 수 있는데 다른 예를 좀더 보자면 해당 프로젝트에서는 공유 오피스를 임대주가

이번에는 협업을 하면서 알게된 post 사용시 쿠키값 전송 방법에대해 알아보겠다.필자는 다음과 같이 cookies라는 글자를 눌러 쿠키를 설정하려 했는데 이게 왜인지 몰라도 쿠키가 설정이 되지 않았다.. 그래서 팀원에게 물어보니 다음과 같이 하면 사용 할 수 있다 말해

이번 포스팅은 그동안 포스팅하였던 주제 중 몇 가지와 intersection observer, tailWidnw css 사용하여 실제로 뉴스기사를 주는 API를 이용해 infiniteScroll을 구현하여 실제 뉴스 기사를 받아오는 로직을 만들어 보겠다. 순서는 전체적

이번 포스팅은 지난 포스팅에서 이야기 했듯이 REST Ful API에 대해 알아보겠다 이를 알기 위해 우선 아래와 같은 목차로 진행하겠다. API란 무엇인가 REST란 무엇인가 REST와 REST FUL의 차이 사용이유

http는 클라이언트와 서버가 통신하기 위한 프로토콜이다. http에 대해 설명하기 전 네트워크의 기초가 되는 7레이어에 대해 알아볼 피룡가 있을 것 같다.해당 그림은 ISO(국제표준화기구)에서 제정한 OSI 모델이라고 하는 네트워크에서 통신을 할때 사용이 되는 초창기

sessionStorage는 크롬을 기준으로 개발자 도구 -> 상단의 Application -> Storage에 sessionStorage로 로 들어가면 각 브라우저 탭별로 접근이 가능하다 이 저장소의 특징으로는휘발성 데이터여서 해당탭을 끄는 순간 데이터가 사라진다.각

이번글은 제로베이스를 진행한 2개월간의 변화한 학습계획의 변화에 대해 말하고자한다우선 한달전에는 제로베이스 측에서 제공해주는 to - do - list를 이용하여 좀더 나가거나 집중이 잘 안 돼는 날은 조금 덜 하는 방식으로 한다고 했는데 조금 더 진행하니 확실히 복습

html과 css를 하다보면 레이아웃을 배치하기 위해 float, flex , grid를 본적이 있을 것이다. 이번 포스팅에서는 float은 이미 포스팅하였으니 flex와 grid에 대해 포스팅하려 한다.flex는 1차원적인 가로 혹은 세로로 이루어진 1차원적인 레이아

noreferrer, noopener, nofollow은 a태그와 함께 사용되는 rel속성의 속성값들이다 우선 각각의 사용 목적이 다른데 하나하나 알아보도록 하자우선 noreferrer에 대해 알아보자 우리가 a태그의 target의 속성값을 \_blank로 주었다고 가

이번 포스팅에서는 css animation을 최적화하는 방법에 대해 포스팅 하려 한다. 우선 이번에 소개할 주제는브라우저가 랜더링하는 순서와 방법리플로우(reflow)리페인트(repaint)애니메이션 최적화 방법하드웨어 가속하드웨어 가속을 적용시키는 방법주의 사항위와

이번 포스팅은 폰트의 preload, 웹 폰트만을 사용하여야 하는 상황에서의 웹 폰트 최적화 방법에 대해 포스팅하려 한다. 우선 폰트 preload에 대해서 먼저 알아보고 웹 폰트 적용 방법, 웹 폰트 최적화에 대해 알아보겠다. 폰트 preload하는법 우선 prel

이번에는 크로스브라우징과 모바일 호환성 이슈에 대해 포스팅 할 것이다. 그럼 우전 크로스브라우징이란 무엇인지 부터 알아보자크로스브라우징이란 브라우저마다 웹을 랜더링엔진이 다르기 때문에 여기서는 내가 원하는 대로 잘 동작하는데 다른 곳에서는 내가 원하지 않는 디자인이 섞

이벤트함수

이번 포스팅은 그동안 제로베이스에서 미션을 하면서 느낀 장점 단점 에 대해 포스팅 하려한다 내가 생각하는 제로베이스의 미션의 장점은 아래와 같이 생각한다.직점 디자인 시안을 받아 작업하니 마치 실무에서 작업한는 것 같다.미션을 하면서 조금씩 제한사항을 거는데 그런 제한