일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
- interface
- app.post
- 상속
- map
- 이진탐색
- 타입스크립트
- TS
- reactnative
- Spring
- mainapplication.kt
- array
- forwardref type
- 리액트네이티브아이콘
- materialicons
- Filter
- set
- generic
- extends
- err_connection_refused
- reactnative error
- react
- 슬라이딩윈도우
- Next.js
- app:compiledebugkotlin
- async
- npm에러
- 안드로이드빌드에러
- javascript
- 배열중복요소제거
- 스크롤이벤트
- Today
- Total
목록분류 전체보기 (157)
rhanziy
async 키워드를 사용하면 반환받는 값은 Promise가 된다. fulfil Promise가 반환되기 때문에 반환된 값을 사용하기 위해선 .then() 블럭을 사용해야 한다. Async/await 는 우리의 코드를 마치 동기식 코드처럼 보이게 한다. 그리고 어떤 면에서는 정말로 동기적으로 행동합니다. 함수 블럭에 여러 개의 await 키워드를 사용하면 Promise가 fulfilled되기 전 까지 다음 await 을 차단해버린다!! >> Promise.all API 사용! 전달인자로 Promise를 받는데, [배열]로 받는다 // async & await // clear style of using promise // 1.async // function fetchUser(){ // return new P..
Promise는 세 개중 하나의 상태를 갖는다. pending(대기): Promise가 생성되어 작업을 진행 중인 상태 fulfilled(이행): Promise가 작업을 성공적으로 완료한 상태 rejected(거절됨): Promise가 작업을 완료하였지만 실패한 상태 완료 상태인 fulfilled와 rejected를 합쳐 settled라고도 한다고 함. 이러한 상태 정보는 [[PromiseState]]에 명시된다. // 비동기를 간편하게 처리할 수 있도록 도와주는 object // promise is a JavaScript object for asynchronous operation. // state: pending -> fulfilled or rejected // Producer vs Consumer ..
'use strict'; { // 배열 값을 join하여 출력, join(seperator)는 optional // 배열의 모든 요소를 연결해 하나의 문자열로 만든다. const fruits = ['apple','banana','orange']; const result = fruits.join(' and '); console.log(result); } { // make an array out of a string 문자열을 배열로 변환 // seperator 필수! 어떤걸 기준으로 쪼갤지 // limit은 optional > 출력 개수 const fruits = '🍕,🍔,🍟,🌭'; const result = fruits.split(','); console.log(result); } { // make thi..
const toBuy = ["potato", "tomato", "pizza"]; // list는 [] console.log(toBuy); console.log(toBuy.length); toBuy[3] = "olive"; // 배열의 개수를 알때, index는 0,1,2. . . 순서다. console.log(toBuy); toBuy.push("cheeze"); // 배열의 마지막에 값을 넣을때! console.log(toBuy); 'use strict'; // Array 🎉🎉 // 1. Declaration const arr1 = new Array(); const arr2 = [1, 2]; // 2. Index position const fruits = [ '🍎', '🍌' ]; console.log(f..
const player = { // object는 {} name : "rani", age: 98, }; player.name = "rhanziy" // 속성 값 변경 console.log(player); player.cool = true; // 속성 값 추가 console.log(player); // Objects // one of JavaScript's data types // a collection of related data and/or functionality // Nearly all objects in JavaScript are instance of Object // object = { key : value }; // 1. Literals and properties const obj1 = { }..
1. meta viewport 설정 2. 4개의 반응형 분기점 - 낮은 해상도의 PC, 태블릿 가로 : ~1024px - 태블릿 가로 : 768px ~ 1023px - 모바일 가로, 태블릿 : 480px ~ 767px - 모바일 : ~480px 3. 3개의 반응형 분기점 - PC : 1024px ~ - 태블릿 가로, 세로 : 768px ~ 1023px - 모바일 가로, 세로 : ~768px 4. Media Query 사용법 @media screen and (min-width:1024px) { /* Desktop */ } @media screen and (min-width:768px) and (max-width: 1023px) { /* Tablet */ } @media screen and (max-widt..
학원다닐때 열심히 이해하려고 노력했던 부분! 노트에 메모한 것들 다시 한번 복습할겸 작성한다. 뭐든 이해를 해야 습득하는편..... 변수선언? 저장된 공간에 참조해서 데이터를 사용한다. 자료형 + 변수명 자료형? 데이터 형 + 공간의 크기 지정 기본자료형 : 정수형, 실수형, 문자형, 불리언형 > 연산자 사용가능~! 객체형 : 첫글자는 대문자로 ex) String 객체생성 new 연산자로 메모리안에 객체의 주소값 생성 객체의 주소값을 저장할 때는 레퍼런스 변수를 선언한다. 객체의 메서드를 호출할때는 레퍼런스변수.메서드명( ); 클래스 영역 안에 입력한 것을 객체의 필드 = 객체의 속성 = 객체의 데이터 = 전역변수라고 한다. 클래스를 정의하는 순서 1. 객체모델링 2. 코드 가이드 작성 3. 클래스 정의..
'use strict'; // object-oriented programming // class: template // object: instance of a class // 1.Class declations class person { // Constructor constructor(name, age){ // field this.name = name; this.age = age; } //methods speak( ){ console.log(`${this.name}: hello!`); } } const rhanyi = new person('rhanyi', 29); console.log(rhanyi.name); console.log(rhanyi.age); rhanyi.speak( ); // 2. Getter..