728x90 반응형 웹35 [JavaScript] 기초 - 데이터 처리3 객체란 ? 객체 (Object)객체는 속성을 가진 독립적인 개체(entity)자바스크립트는 객체기반의 프로그래밍 언어 -> 원시값을 제외한 대부분의 값이 객체임속성이 여러 개일 경우 콤마(,) 로 구분하고, (속성 : 값) 을 한 쌍으로 나열const 객체명 = { "속성1" : 값1, "속성2" : 값2,} 속성 (property)속성은 키와 값 사이의 연결관계 -> key - value객체의 속성은 자바스크립트의 변수와 유사한데, 객체에 속해 있음속성에는 값 뿐만아니라 함수도 할당 가능 -> 객체에 속해있는 함수를 method 라고 함속성 접근 방법1 - 마침표 표기법objectName.propertyName속성 접근 방법2 - 대괄호 표기법objectName["propertyName"].. 2024. 8. 1. [React+JS/리액트] PWA 셋팅해서 앱으로 발행하기 (모바일앱인척하기) 구글이 밀고있는 PWA 것이 있다. Progressive Web App 이라는 것으로 웹 사이트를 안드로이드나 iOS 모바일 앱처럼 사용할 수 있도록 만드는 웹개발 기술이다. 모바일 앱처럼 만든 앱은 모바일 앱처럼 스마트폰 홈화면서 설치할 수 있다. 웹사이트를 PWA 화 시키는게 뭐가 좋을까? 1. 스마트폰, 태블릿 바탕화면에 웹사이트 설치가 가능 앱처럼 설치된 웹을 누르면 상단의 url 바가 제거된 크롬 브라우저가 뜬다. 일반 사용자는 이것이 웹인지 앱인지 구별하지 못한다. 2. 오프라인에서도 동작할 수 있음 service-worker.js 라는 파일과 브라우저의 Cache storage 덕분에 그렇다. (자바스크립트로 게임을 만들때 유용할 것 같다) 3. 설치 유도 비용이 매우 적음 앱 설치를 유도하.. 2024. 7. 30. [JavaScript] 기초- 데이터처리2 flow control (제어흐름, 흐름제어) 명령형 프로그램의 개별 명령문, 명령 또는 함수 호출이 실행되거나 평가되는 순서로, 5가지의 제어흐름이 있다. goto: 다른 구문에서 시작 -> 개발 설계에 오류를 발생시킬 수 있어 권장하지 않음!choice: 일부 조건이 충족되는 경우에만 일련의 명령문 실행 -> If-else, switchloop: 어떤 조건이 충족될 때까지 일련의 명령문을 0회 이상 실행 -> Collection loop, General loopcontinue: 현재 실행 구문에서 떨어진 한 구문의 집합을 실행 -> Loop continuationbreak: 프로그램 실행을 중단 -> Loop early exit, 함수 실행 정지 표현식과 문 표현식 (expression)어떤 값으로 .. 2024. 7. 30. [JavaScript] 기초 - 데이터 처리1 연산자 - 단항연산자, 산술 연산자 단항 연산자void: 표현식을 평가할 때 값을 반환하지 않도록 지정typeof: 평가 전의 피연산자 타입을 나타내는 문자열을 반환delete: 객체의 속성을 삭제const a = { name: 'apple' }console.log(void); // undefinedconsole.log(typeof a); // objectdelete a.name; // 객체의 속성 삭제console.log(a); // {} 산술 연산자단항 산술 연산자이항 산술 연산자 - 단항 산술 연산자: 1개의 피 연산자를 산술 연산하여 숫자값을 반환전위 증가/감소 연산자 -> ++a / --a후위 증가/감소 연산자 -> a++ / a--+-let a = 1;let b = 1;// 전위 증가/감소 .. 2024. 7. 29. 이전 1 2 3 4 5 6 7 ··· 9 다음 728x90 반응형
