반응형 Web Front 개발공부57 Vue.js 소개 및 개요 Hello World 만들어보기 01 Vue.js 소개 및 개요 Hello World 만들어보기 Vue.js를 처음 접하게 된 지 어느덧 6년이 지났습니다. 저는 Vue.js를 이용해서 프로젝트를 참여해본 경험은 없습니다. 하지만 주위 회사 동료분들은 꽤나 많이들 사용하시더라고요. 어느 곳을 가나 자바스크립트는 기본 소양이므로 SPA ( Single Page Application ) 관련 기술을 하나 정도는 충분히 공부해두면 훗날 도움이 될듯합니다. Vue.js는 프론트엔드 기술 중 하나입니다. SPA 기술들 중 하나입니다. J-Query를 아직도 많이 사용하고 있지만 React.js, Angular.js, Vue.js 프런트 엔드 삼대장 중 하나인 Vue.js를 공부해 봅니다. 프론트 엔드 삼대장 Angular.js 구글에서 만든 타입스크.. 2022. 12. 24. JavaScript Fetch API사용 예제 JavaScript Fetch API사용 예제 자바스크립트 자체 통신 API Fetch를 이용. 간단 예제를 포스팅해본다. Fetch API는 Promise로 서버에 요청을 할 수 있는 표준이 되어가고 있다. 간단한 예제 초 간단 예제를 작성해본다. 이전에 포스팅한 Json 무료 가상 Rest JSONPlaceholder API를 백엔드라고 가정하고 통신을 해본다. 2022.12.06 - [슬기로운 자바 개발자 생활/etc] - Json 무료 가상 Rest API 서버 - JSONPlaceholder Json 무료 가상 Rest API 서버 - JSONPlaceholder HTTP 통신을 해서 JSON 데이터를 받아야 할 경우 (Backend API가 필요할 때) J-query나 리액트, Vue 같은 자.. 2022. 12. 20. 웹브라우저 저장소 스토리지storage 간단 예제 웹브라우저 저장소 스토리지storage 간단 예제 HTML5가 되면서 storage 기능이 추가 됐다. 간단하게 localStorage 예제를 만들어 사용해본다. 1. 간단한 예제 및 실행 로컬스토리지 예 브라우저를 실행 한 후, F12를 눌러서 Console 탭으로 이동해 로그를 보면 코딩했던 예상대로 확인을 해볼 수 있다. 2. 웹브라우저 저장소 웹 스토리지 쿠키 웹 스토리지는 html5 부터 사용가능한 Key-Value 형식의 저장소이며, 로컬 스토리지와 세션 스토리지로 나뉜다. 쿠키는 서버와 클라이언트 간의 데이터 교환을 위해 만들어진 Key-Value 형식의 저장소 3. 로컬 스토리지와 세션 스토리지의 차이 그리고 쿠키 둘의 차이는 데이터의 유지와 범위로 약간의 기능이 나뉜다. 두 차이를 이해한.. 2022. 12. 20. 이전 1 ··· 7 8 9 10 다음 반응형
