전체 글 (203) 썸네일형 리스트형 [Vue.js] #6 카드 컴포넌트 & 카드 리스트 만들기 1. 프로젝트 내에 components/Card.vue 파일 생성 # components/Card.vue {{ name }} {{ description }} 2. 프로젝트 내에 components/CardList.vue 파일 생성 # components/CardList.vue 3. 최상위 컴포넌트 App.vue 수정 # App.vue 4. 원하는 이미지 파일 넣기(loki.png, thor.png) /public 폴더 밑에 이미지 파일 추가 5. 최종 파일트리 6. dev 서버 돌리기 npm run dev [실행 결과] [Vue.js] #5 vite로 Vue 프로젝트 (진짜) 시작하기 https://vitejs-kr.github.io/guide/ 시작하기 | Vite 시작하기 들어가기 전에 Vite(프랑스어로 "빠르다(Quick)"를 의미하며, 발음은 "veet"와 비슷한 /vit/ 입니다.)은 빠르고 간결한 모던 웹 프로젝트 개발 경험에 초점을 맞춰 탄생한 빌드 도구이며, 두 vitejs-kr.github.io vite로 시작하기 (Vue 에서 권장) $ npm create vite npx: 6개의 패키지를 3.697초만에 설치했습니다. √ Project name: ... Vue-Study √ Package name: ... vue-study √ Select a framework: » vue √ Select a variant: » vue Scaffolding project in C:.. 보안 script-injection / csrf-token & Form 장고/ 등 라이브러리나 프레임워크 장점 csrf 공격 사용자의 의도와는 다르게 공격자가 의도한 행위를 특정 웹사이트에 요청하게 만드는것 ex) 블로그에 광고성 글이 자동으로 올라가짐 이 공격은 사용자의 계정(권한)을 도용하여 마음대로 행위를 하는 것 csrf 공격 방법 사용자가 페이스북에 로그인한 상태로 웹서핑을 하다가, 해커가 만든 웹사이트에 접속했다. 근데 그 웹사이트에는 브라우저의 쿠키정보나 로컬스토리지 정보를 읽어오는 스크립트가 있었던 것! 해커는 이 인증정보들을 사용하여 사용자의 권한을 도용할 수 있다. csrf 방어방법 csrf 공격은 데이터 변경이 가능한 post, patch, delete 메소드에만 적용을 해두면 된다. 1) Referrer 검증 : 백엔드에서 헤더의 Referrer를 확인.. 이전 1 ··· 42 43 44 45 46 47 48 ··· 68 다음
