PWA (5) 썸네일형 리스트형 화살표 함수 (#5) 화살표 함수(arrow function)는 ES6 문법에서 함수를 표한하는 새로운 방식이다. ( 모던 자바스크립트 프로그래밍에서 많이 사용하는 방식) function, return 등의 키워드는 생략하고 화살표(=>)를 사용해 매우 직관적이고 간결하게 표기 가능. -전통적인 함수 선언 방식- const fnPlusNumbers = function (pNum1, pNum2) { return pNum1 + pNum2 ; } - 화살표 함수로 구현- const fnPlusNumbers = (pNum1, pNum2) => { return pNum1 + pNum2; } - 화살표 함수로 return 키워드 생략 가능- const fnPlusNumbers = (num1, num2) => num1 + num2; 화살.. 변수선언 (#4) 그동안 자바스크립트에서 변수를 선언할때 var키워드를 사용 했다면 ES6 부터는 var 대신 let과 const키워드를 사용합니다. -var키워드와 함수 스코프- var키워드는 함수 스코프(function scope)만 지원하고 블록스코프(block scope)는 지원하지 않습니다. 함수 스코프 유효범위 : 함수 내부 블록 스코프 유효범위 : 블록({}) 내부 #var 함수 스코프 예시 fnMyfunction(); function fnMyfunction() { var apple =5; console.log(apple); // var apple에서 선언한 5 출력 } console.log(apple);//error var 키워드로 선언한 apple 변수를 함수 외부에서 사용해 오류가 발생. var 키워드는.. 재활용할 수 있는 블록 함수(PWA 공부#3) 자바스크립트 ES6에서부터는 변수가 유지될 수 있는 범위인 스코프(scope)가 더욱 엄격해졌고, 함수를 객체처럼 변수에 저장해서 사용할수있는 함수 표현식도 가능해졌다. - 기존 함수 선언 방식: 선언식 - 함수는 크게 선언식(delaration)과 표현식(expression)으로 사용 가능하다. ES6+ 자바스크립트에서는 함수 표현식도 많이 사용한다. -함수 선언식 예시- 함수명(매개변수1, 매개변수2){ 수행명령부 } function fnSayHello{ alert("안녕하세요") //alert을 호출하여 웹 페이지상의 버튼이 구현될때 팝업 알림창 이벤트 핸들러 실행. } - 새로운 함수 선언 방식: 표현식 - 함수 표현식은 함수명 없이 선언한 후에 객체 변숭에 저장하는 방식. -함수 표현식 예시- .. PWA의 6가지 핵심기술 (PWA공부 #2) 서비스워커(service worker) - 웹 브라우저 안에 있지만 웹페이지와는 분리되어있는 항상 실행되는 백그라운드 프로그램 -브라우저와 서버사이에서 상태값의 변화를 감시하고 푸시 알림으로 사용자에게 특정메세지와 댓글 알림을 보냄 웹앱 매니패스트(manifest) -앱 소개 정보와 기본설정을 담은 JSON파일 -스플래시 스크린, 화면방향, 홈 화면 아이콘, 브라우저에서 사용할 아이콘 정보 저장, 배경색 정보 저장 -PWA는 반드시 manifes.json이라는 파일 이름으로 웹앱 매니패스트를 포함해야함 HTTPS(hyper trasnfer protocol oversecure socket layer) -PWA를 이용하여 배포할시에는 반드시 HTTPS를 사용해야함 푸시알림 -네이티브 앱이 아닌 PWA에서도 .. 웹앱 프로그레시브 공부 #1 여러가지 기술을 찾다가 웹앱 프로그레시브 공부를 진행하게되었다 구글에서 새로 만든 신기술이라 생각하면 되겠고 스타벅스 어플 관해서 제작한 대표적인 하이브리드 앱개발 언어라고 생각하면 될것같다. 공부한 책은 Do it 프로그레시브 웹앱으로 진행하게되었다. -네이티브앱(native app)- 네이티브앱은 스마트폰 운영체제에서만 작동하는 앱을 말합니다. 운영체제에 맞는 별도의 프로그래밍 언어와 sdk라는 개발도구를 이용하여 앱제작이 가능하다. ios같은경우 오브젝트-C(object-c). 스위프트(swift)언어를 이용해 Xcode에서 제작 후 배포 가능하다. 안드로이드 같은경우 자바(java) 또는 코틀린(kotiln)언어를 이용해 제작 후 구글 플레이스토어에 배포 가능하다. -네이티브 앱의 장단점- 장점 .. 이전 1 다음