잡다한 (14) 썸네일형 리스트형 Cookie, Cache, Session Cookie -사이트를 방문하고 이용 할 때, 브라우저에 저장 되는 내용 Cache -사용자 로그인, 장바구니 등 지워지거나 조작되거나 가로채더라도 큰 일은 없을 그런 수준이 저장 Session -사용자가 다른 누군가에게 노출되어서는 안되는 서비스 제공자가 직접 관리해야 할 정보 저장 리액트(React), 앵귤러(Angular), 뷰(Vue) 차이 SPA (Single Page Application) 리액트(React) -페이스북에서 만듦 -Virtual Dom url : https://reactjs.org/ 앵귤러(Angular) -구글에서 만듦 -TypeScript -양방향 바인딩 -채팅앱같은 실시간 프로젝트 url : https://angular.io/ 뷰(Vue) -양방향 바인딩 -Virtual Dom -작고 가벼운 프로젝트 url : https://vuejs.org/ [Chrome] 1. [F12] - Ctrl + Shift + p - coverage 검색 현재 페이지에서 내가 쓰고 있는 부분을 퍼센테이지로 확인 가능 파란색이 쓰고있는것, 빨간색이 현재 페이지에서 안쓰고 있는 것 2. [F12] - Ctrl + Shift + p - snippets 긴 코드 console창에 입력 하고있을때 사용 실행 출처 : https://www.youtube.com/watch?v=toXJLUa7i0Y&list=WL&index=3 [Ajax] Ajax란 Ajax 서버에 새로고침 없이 요청을 할 수 있게 도와줌 -jQuery 설치해서 $.ajax() 사용 -axios 설치해서 axios.get() 사용 -쌩자바스크립트 fetch() 사용 GET 주소창에 URL 때려박는 요청 특정페이지/자료 읽기 POST 로그인 할때, 아이디 비밀번호 같은 서버로 중요 정보 전달 PUT 원래 GET/POST 요청 할 때마다 항상 새로고침되는데 Ajax 는 새로고침 없이 요청 [jQery] addclass / removeclass addclass $("#box").addClass("box_active"); $(this).addClass("box_active"); 클래스를 추가한다. removeclass $("#box").removeClass("box_active"); $(this).removeClass("box_active"); 클래스를 제거한다. [jQuery] on 이벤트 (touchstart, touchend) touchstart $("#box").on('touchstart', function(e) { console.log("touchstart"); }); 터치 시작 할때 이벤트 touchend $("#box").on('touchend', function(e) { console.log("touchend"); }); 터치 끝날 때 이벤트 bind 와 on 이벤트의 차이는 없지만 on을 권장한다고 한다. [ajax, API] 카카오 개발자 API로 책 검색하기 2 1. title과 thumbnail 값 가져온다. $.ajax({ method: "GET", url: "https://dapi.kakao.com/v3/search/book?target=title", data: { query: "미움받을 용기" }, headers: { Authorization: "KakaoAK {REST API}" } }) .done(function (msg) { console.log(msg.documents[0].title); console.log(msg.documents[0].thumbnail); }); 2. 구글에 "jquery add html" 검색. 공식 사이트 api.jquery.com/append/ .append() | jQuery API Documentation Descri.. [ajax, API] 카카오 개발자 API로 책 검색하기 1 1. vscode 에 index.html 만들어 준다. 2. ! 입력한다 3. lang="ko" 로 변경하고, title 태그 사이도 이름 바꾼다. 3. body 태그 안에 h1 태그 넣고 사이트라고 작성한다 4. index.html 에 오른쪽마우스 클릭 - Reveal in File Explorer 선택 5. index 실행 6. 표시된다. 7. 구글에 "jQuery CDN" 검색 code.jquery.com/ jQuery CDN The integrity and crossorigin attributes are used for Subresource Integrity (SRI) checking. This allows browsers to ensure that resources hosted on third-.. [Eclipse] Mac에서 이클립스 콘솔 글자 크기 변경 상단에 [Eclipse] - [Preferences] - [General] - [Appearance] - [Colors and Fonts] - [Basic] - [Text Font] Edit 선택하여 Size 변경 아이폰과 안드로이드 앱 간단하게 만들기 3 apk를 만들어 볼것이다. 1. app.json 에 들어간다. 2. name 은 어플 이름이다. 3. 'expo app icon'을 검색하면 docs.expo.io/guides/app-icons/ 공식 사이트이다. 1024x1024 사이즈가 가장 좋고, 나머지는 알아서 expo에서 만들어 준다고 한다. splash image 는 1242x2436 사이즈. 4. icon.png 와 splash.png 이미지를 삭제하고 등록할 아이콘을 가져온다. 5. 구글에 'expo build app' 검색하면 docs.expo.io/distribution/building-standalone-apps/ 앱이나 구글스토어에 출시 할 수 있는 앱을 만드는 방법에 대한 가이드가 있다. 구름IDE 터미널에 설치한다 npm ins.. 이전 1 2 다음
