전체 글 (21) 썸네일형 리스트형 React Windowing 서론 이 글은 프론트엔드 개발을 한 지, 1년쯤 된 예비 개발자가 쓴 글입니다. 오류가 많을 수 있고, 오타가 있을 수 있습니다. 발견하시면 댓글로 알려주시면 감사하겠습니다. 서버에서 pagenation을 안해줘요 😢 windowing에 대해서 알게 된 것은, React 최적화를 찾아보던 도중에 처음보는 단어가 있어서 들어간 것이였다. 구글에 검색해 보았다. 많은 데이터를 list로 만들게 되면 초기 렌더링이 너무 오래 걸린다. 사용자 입장에서 매우 불편하다. 이것을 해결하기 위해서 list중에 사용자에게 보이는 부분만 rendering 시키는 기법 이 글을 읽자마자, 생각난건 내가 옛날에 진행했던 프로젝트에서 겪었던 문제다. 예전에 streamer-storage라는 프로젝트를 진행하면서 서버에서 100.. Prograssive Server Side Rendering 서론 이 글은 UX와 최적화에 관심이 많지만, 개발한지 1년밖에 안됀 예비 개발자가 쓴 글이므로, 오류 및 오타가 있을 수 있습니다. 댓글로 알려주시면 감사하겠습니다. CSR Client Side Rendering(클라이언트 사이드 렌더링) html을 클라이언트에서 주고, javascript로 서버에 요청해서 내용을 채우는 방식이다. 출처(https://medium.com/the-thinkmill/progressive-rendering-the-key-to-faster-web-ebfbbece41a4) 다음과 같은 형식으로 이루어 지는데, html 프레임을 가지고 있고 그 안에 컨텐트들은 javascript로 인한 통신 후에 만들어 진다. 출처: (https://medium.com/the-thinkmill/.. 서버 통신 헤더를 이용한 웹 보안 🙏서론🙏 이 글은 웹 개발 1년차 초짜 개발자가 쓴 글로써, 오류가 있을 수 있습니다. 오류가 수정해야 할 부분이 있다면 댓글로 알려주세요! 보안에 필요한 필수 헤더 웹을 개발하다 보면 보안에 신경써야 할 부분들이 많습니다. 이 헤더들을 잘 조절하면 보안 문제의 반정도는 해결할 수 있다고 생각해서 정리하게 되었습니다. Content-Security-Policy 브라우저에서 XSS와 관련된 공격을 막아주는 헤더입니다. 브라우저는 기본적으로 페이지에서 요청하는 모든 코드를 다운로드하여 실행합니다. 하지만 이 헤더를 설정함으로써, 브라우저에게 어떤 조건의 리소스만 실행하라고 줄 수 있습니다. 값은 여러가지를 줄 수 있는데, default-scr, script-src, child-src 등을 줄 수 있습니다. .. 이전 1 2 3 4 ··· 7 다음