본문 바로가기

Programming/Javascript

(3)

[React] 기본 개념 공부 React 기본 개념들에 대해 정리합니다. 공부하는 목적은 플랫폼 엔지니어링 오픈소스인 https://backstage.io/ 에서 Custom 플러그인을 개발하기 위해 React 지식이 필요한 것 같아 공부하려 해봅니다. React는 UI를 만들기 위한 Javascript 라이브러리임. Factbook에서 개발했으며 빠르고 효율적인 UI를 만들기 위한 목적으로 만들어졌음 1. Component- React의 핵심 단위- UI를 작고 재사용 가능한 단위로 쪼개서 관리- 함수형 컴포넌트가 많이 사용된다. function Hello(props) { return Hello, {props.name}!} 2. JSX (JavaScript XML)- JavaScript 코드 안에서 HTML 처럼 보이는 코드를 ..

[JavaScript] 비동기, Promise, Async 정리 [1] Keyword : 동기, 비동기, Promise, Async, Await # 출처 (아래 출처를 보고 정리한 내용입니다.) https://elvanov.com/2597 # 동기 - 동시에 여러 작업을 수행할 수 없다. - 흐름을 예측하기 쉽다. # 비동기 - 동시에 여러 작업을 수행할 수 있다. - 흐름을 예측하기 어렵다. (무엇이 먼저 완료될 지 보장 X) > 의존성이 길게 이어져 있는 비동기 작업들을 처리할 때 곤혹에 치를 수 있음 예시 #1 function finishJob(num) { console.log(`${num}번 요원의 정보를 받아왔음`); } setTimeout(finishJob, 2000, 1); setTimeout(finishJob, 1500, 2); setTimeout(fi..

[Javascript] 반복문 정리 반복문에는 다음의 종류가 있다. for for in for of forEach while 문 while do while Object 객체 메서드 Object.keys Object.values Object.entries Array.prototype 메서드 배열.forEach 배열.map 배열.filter // for for (let i = 0; i < 5; i++){ console.log(i * 2); } 0 2 4 6 8 // for in : 객체의 프로퍼티 키 열거 전용 // for (const key in 객체) {반복 수행 코드 ...} // 해당 객체가 상속받는 Prototype 체인 상의 모든 Property 키를 열거한다. (Enumerable이 False인 경우는 제외) const obj =..

이전 1 다음

티스토리툴바