22년 1월 15일_19, 웹앱 프로그래시브 책 정리, 하고싶은 분야 select

토요일[19금연극...watch]

 

1. 프로그래시브 웹 앱의 모든 것 책 필기 share 

2. 하는 이유와 하고싶은 것

 

1. 이 책은 약 10개월 전쯤 프로그래머 쪽으로 가기위해 구매하였던 책이였는데.. 기본지식이 부족하여 (혹은 끈기) 끝까지 주행을 못했던 책이다. 좀 더 시간이 흘러 지식을 쌓으면 다시 시작하고 싶은 책_1년 전 공부한 곳 까지 정리후 넘어가는걸로!

 

º iOS :  objecctive -c (c언어의 객체지향버전) or Swift(->내가하려는 웹프로그래밍{이렇게 기재되어있었음..O.O}

º And : java or Kotlin 이 둘은 pwa; manifest, Service works, responsiveDesign, BackgroudSync, push Notifications, Media api, Geolocation API

 

Manifest ; homescreen icon 생성기능 제공 

Service Worker ; browser에 설치 - script code . network request를 가로채는 proxy로 작동 -> offline Acces기능 제공

(+ proxy란 컴퓨터 네트워크에서 다른 서버상의 자원을 찾는 클라이언트로 부터 요청을 받아 중계하는 서버

-포워드 : 클라이언트가 알려주기 전 목적지 서버주소를 알려주X

- 리버스 : 프록시 서버가 사설 네트워크 상의 서버 바로 앞단의 프론트 엔드 에 위치 리버스 서버의 주소를 목적지 서버로 하여 데이터 요청 food ballacing 보안. 사용

-  오픈 : 모든 인터넷 사용자가 액세스(익명공개 프록시 ; 사용자가 웹 브라우징or 다른 인터넷 서비스를 사용하는 동안 자신의ip주소를 숨길 수 있도록 함

Responsive Design (반응형 디자인) : web page 속도 및 기능, 사용자 편의성 증대 Devices에서 반응형 layout을 제공

Backgroud cyne : 인터넷이 끊 - > user Requst를 저장했다가 연결 시 요청을 전송하는 기능

Push  Notifications : APP Down -> 수신O

Media API : Device Camera / Micro phone에 접근 *

Gelolcation API : user Location 정보에 접근 가능 *

* 은 운영체제와 응용 프로그램 사이 통신에 사용

 

SPA(single page Application) _web app의 종류

=> React, Angular, Vue

React가 (CRA ; create-react-app0도구 사용 pwa내장된 app 생성 mani fest file을 볼 수 있으며 sf는 감춰

Angular : pwa 작업을 도와주는 package사용

Vue : template(견본)을 제공 vue init명령어로project를 만들고 나서 npm(node packge Manger;자바스크립트 프로그래밍언어를 위하 패키지 관리자)install명령을 실행

 

-----이 후는 아는 내용이 나와서 좀 중략하겠습니다 ----

 

HTTP _ TCP /IP : 네트워크의 핵심 protocol인터넷에서 전송되는 정봔 파일들의 일정한 크기의 패킷(자른데이터의 전송단위)들로 나뉘어 네트워크 상 수많은 노드(데이터 전송의 종저 혹은 재분배점 혹은 네트워크에서 연결포인트)들의 조합으로 생성되는 경로들을 거쳐 분산적으로 전송되고 수신지에 도착한 패킥들이 우너래의 정보나 파일로 재조립되도록 하는 기능

HTTP Method : 서버에서 어떤 작동을 구현하고 요청 서비스를 수행할 수 있도록 만들어진 단일 요구 메시지

 Get : resource Requst / Post : resource Creation / Put : All modification / Patch : part modification / Delete

 

NPM(node package Manager)

node.js package설치, version관리 호환성 관리 등의 기능을 제공하는 commandline utility

 

javascript (비동기 처리에서 사용되는 객체_특정 code의 실행이 완료될 때까지 기다리지 않고 다음 code를 먼저 수행하는 특성)

status ; fulfilled(성공), rejected(실패), settled(성공 또는 실패된 상태), pending(호출되지 않은 상태)

 

cache(캐시)_주 기억장치와 중앙처리장치사이에있는 데이터를 저장해두는 임시 저장소 : 

주 기억 장치에 읽어드린 명령이나 프로그램들로 채워지는 버퍼형태의 고속 기억장치

 

2. 하고싶은 것과 하는 이유

º 하고싶은 것

내가 만든 새로운 개념 및 도구를 만드는 것, 

º 하고자 하는 이유 (남들의 눈이 아닌 진짜 내가 원하는 것은 무엇일까?)

관념을 갖고 삶을 대하고 그렇지 않고 차이는 천지차이라고 생각함, 그리하여 나는 목표를 설정하여 그에 대해 열심히 하고, 그에 대한 뿌듯함을 느끼고자하는데, 이는 남이 아닌 내 생각에 비롯되어 하는 massage다.

 

tomorrow wish list

 

. 리액트 최소 3강 수강

. 불안 없애거나 다스리기

. 유튜브 시청 줄이기