FE rudwn

l프로젝트를 하면서 항상 200만 뜨는게 아니다. 벡엔드와 같이 협업을 하면서 200을 뜨게 만들고 통신이 되게 만들어야 하는데 개발을 하다 보면 다양한 상태 코드를 볼 수 있다.  그래서 가장 많이 본 상태 코드를 소개해드리겠습니다. 404 Not Found요청하신 페이지를 찾을 수 없습니다, 이 오류는 페이지가 삭제되었거나, 주소가 변경되었거나, 잘못된 URL을 입력했을 때 발생할 수 있습니다. 이 오류를 해결 하기 위해서는 url을 다시 확인하고, 철자가 정확한지를 확인해야한다. 403 Forbidden이미지를 내가 벡엔드에 요청을 보내야 하는데 자꾸 403에러가 떴다, 벡엔드 오류인줄 알았지만벡엔드에서는 다 200이 나왔는데 내가 403이 떴으니 내 오류인데 잘못된거를 인지를 못했다그런데 코드를 ..

vite는 프랑스어로 '빠르다'라는 뜻을 가진 단어이다. 프론트엔드 개발 도구입니다. 이름처럼 빌드와 개발 서버 구동 시간이 매우 빠릅니다. Vite는 ES 모듈을 기반으로 하여 브라우저가 지원하는 네이티브 ESM(ECMAScript Module)을 활용합니다.  또한 개발 서버를 이용할 때도 아주 빠릅니다. 기존 webpack과 같은 모듈 번들러를 이용할 대는 모듈 번들링을 끝낸 후 개발 서버를 구동하므로 시간이 오래 걸렸습니다..  이와 같은 문제점을 Vite는 Native ESM이라는 브라우저의 자체적인 모듈 기능을 사용하여 해결했습니다. Vite가 실행하는 개발 서버는 브라우저가 요청하는 모듈을 전송해 주고, 모듈 번들링 기능을 브라우저가 수행하기 때문에 개발 서버의 구동이 아주 빠릅니다.  기존..

과거에는 블로그를 운영하는 개발자들이 오히려 손에 꼽을 정도였지만, 최근 많은 개발자들이 블로그를 운영하며 다양한 주제에 대한 자신의 생각이나 특정 기술에 대한 글을 적어서 공유를 하고 있습니다. 글쓰기도 프로그래밍과 마찬가지로 꾸준한 연구가 필요한 영역입니다. 글 쓰는 사람 같은 경우는 평균적으로 8000~10000 단어 정도의 글을 작성하는데, 이렇게 하나의 주제를 가지고 긴 호흡으로 글을 작성하게 되면 조금만 딴 생각을 해도 금새 주제가 흐트러지기 쉽상이기 때문에 꽤 많은 집중을 요한다. 주변 사람들한테 블로그를 써보라고 권했을 때 많은 분들이 뭘 써야할 지 모르겠다라고 이야기하고는 했는데, 사실 일상 속에서 자기 생각을 글로 표현해볼 기회 자체가 많지 않기 때문에 글을 쓴다는 것에 많은 분들이 어..

SVG란 ?( scalable vector graphis )깨지지 않고, 용량이 적고, 출력이 빠르며, 수정과 애니메이션이 가능2차원 벡터 그래픽을 서술하는 XML 기반의 마크업 언어.그림을 그리는 명령.SVG태그 내부에 담을 수 있는 것은 원, 사각형, 다각형, 라인, path 등이 있음. SVG그래픽 ...  여기서 XML 이란, 데이터를 전달하는 하나의 마크업 언어 이고,벡터 기반의 그래픽 이란 픽셀 기반의 이미지 형태인 png, jpg 파일등과 다르게 점과 점사이가 수학적 계산에 의해 그려진 그림 입니다. 때문에 확대나 축소에도 이미지가 깨지지 않고 용량에 변화가 없습니다.사용하는 이유! 웹사이트 로딩 속도가 빠르다. SVG는 XML코드이기 때문에 파일의 크기가 작다.어떤 크기에서든 재활용이..