본문 바로가기

전체 글71

프론트엔드 개발자라도 보안을 신경 써주자 https://securityheaders.com/ Analyse your HTTP response headersQuickly and easily assess the security of your HTTP response headerssecurityheaders.comhttps://github.com/helmetjs/helmet 2024. 6. 10.
<script> defer가 뭣인데 https://ko.javascript.info/script-async-defer defer, async 스크립트 ko.javascript.info defer 속성은 외부 스크립트에만 유효합니다.에 src가 없으면 defer 속성은 무시됩니다. 2024. 6. 4.
원티드 프론트엔드 프리온보딩 과제 CSR(Client-side Rendering)이란 무엇이며, 그것의 장단점에 대하여 설명해주세요. 말 그대로 클라이언트 단에서 렌더링을 한다는 것.전체 페이지의 렌더링을 서버가 아닌 클라이언트(브라우저)에서 처리함. CSR의 작동 방식 클라이언트가 서버에 페이지 요청 서버는 초기 HTML 문서와 JS, CSS를 응답으로 보내줌 클라이언트는 받은 HTML 문서를 해석하고, JavaScript를 실행하여 동적으로 페이지를 생성합니다. 클라이언트는 서버에 필요한 데이터를 요청하고, 데이터를 받은 후에 페이지를 완전히 렌더링합니다. CSR의 장점: 사용자 경험(UX): CSR은 페이지가 로드되는 초기 시점에 필요한 최소한의 HTML과 CSS만 전송하기 때문에 초기 로딩 시간이 짧아집니다. 사용자는 빠른 페이지.. 2023. 6. 29.
터미널 Code 단축 키 등록 아래 명령어를 통해 zshrc 쉘 접근 $ vim ~/.zshrc 뭐라뭐라 친 다음에 저장 후 터미널에서 아래 명령어 실행 source ~/.zshrc 현재 폴더에서 vscode로 열고 싶으면 아래처럼! $ code . 2023. 5. 10.