목록Web Front-end (55)
할머니의 콤퓨타 도전기
Material-UI React 개발에서 쉽게 사용할 수 있는 UI Framework https://material-ui.com/ Material-UI: A popular React UI framework React components for faster and easier web development. Build your own design system, or start with Material Design. material-ui.com 패키지 다운로드 npm install @material-ui/core // with npm yarn add @material-ui/core // with yarn SVG Icons 설치 npm install @material-ui/icons // with npm yar..
ES6 shorthand property names https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Object_initializer 객체 초기자 - JavaScript | MDN 객체는 new Object(), Object.create() 또는 리터럴 표기법 (initializer 표기법)을 사용하여 초기화될 수 있습니다. 객체 초기자(object initializer)는 0개 이상인 객체 속성명 및 관련값 쌍 목록이 콤마로 분리 developer.mozilla.org { const jiwon1 = { name: 'jiwon', age: '24', }; const name = 'jiwon'; const age = '24'..
HTML(HyperText Markup Language) 브라우저에서 실행가능한 가장 기본적인 파일 마크업 언어로 구조적으로 태그를 이용해 보여짐 상위 태그 상세설명 사용자에게 보여지는 ui 요소 없음 metadata (ex. 타이틀, 부가설명 ..) 사용자에게 보여지는 태그들로 이루어짐 Box vs Item Box Item Block vs Inline b , span tag는 inline. 다음 line으로 넘어가지 않음 div는 block level의 tag This is a sentence. That is .. This is a sentence. That is .. This is a sentence. That is .. label, input inline element Name: HTML eleme..
Promise javascript에서 제공하는 비동기를 간편하게 처리할 수 있도록 도와주는 object 정해진 장시간의 기능을 수행하고나서, 정상적으로 기능이 수행되어졌다면 성공의 메세지와 함께 처리된 결과값을 전달해줌 기능을 수행하다가 문제가 발생하면 에러를 전달 언제 데이터를 받아올 지는 모르겠지만 promsie object를 갖고있고 then이라는 콜백함수만 등록하면 준비되는대로 콜백함수 불러줄게! async & await clear style of using promise promise를 조금 더 간결하고 동기적으로 실행되는 것 처럼 보이게 만들어줌 promise 위에 조금 더 간편한 API 제공 syntatic sugar: 기존에 존재하는 것 위에 또는 감싸서 간편한 API 제공 function..
Promise Promise is a JavaScript object for asynchronous operation. State : pending(promise가 만들어져서 지정한 operation이 수행중일 때) -> fulfilled(operation을 성공적으로 끝냄) or rejected Producer(원하는 기능을 수행해서 해당하는 데이터를 만들어냄) vs Consumer(원하는 데이터를 소비함) Producer when new Promise is created, the executor runs automatically. promise를 만드는 순간 우리가 전달한 executor 콜백함수가 바로 실행 만약 네트워크 요청을 사용자가 요구했을 때만(ex. 버튼을 눌렀을 때) 해야하는 경우라면 아..
JavaScript is synchronous! Execute the code block in order after hoisting. hoisting이 된 이후부터 code가 작성한 순서에 맞춰서 하나씩 동기적으로 실행 정해진 순서에 맞게 코드가 실행되는 것 hoisting var, function declaration 선언들이 자동적으로 제일 위로 올라감 console.log('1'); console.log('2'); console.log('3'); // 1 // 2 // 3 javascript engine은 코드를 제일 위에서부터 밑으로 실행한다. 따라서 가장 먼저 console.log('1');를 만나고 1 출력하고 그 다음 setTimeout은 browser API 이므로 브라우저에게 1초 뒤에 ..