React

처음 REQUEST를 보내고 다시 REQUEST보내지 않음Now, this courseis about React, but it is worth notingthat there are alternatives to React.js.Now we're going to focus

trivival 사소한 embrace 포용하다, 받아들이다, 포함하다 simplify: 간소화하다 prone : ...하기 쉬운 trait: 특성 granual way: 아주 작게? 세세하게 define: 규정하다 configuration: 환경설정 optimizati

리액트의 특이한 점 자바스크립트에 CSS import 가능 html같이 생긴 코드 작성가능 리액트가 위와 같은 코드를 처리해서 브라우저를 구성시켜준다. index.js는 제일 처음 실행되는 파일 ReactDOM 패키지에서 ReactDOM 객체를 export하고

snippet: (작은) 정보 explicitly : 명쾌하게 capability: 능력, 역량 dummy: 모조품의, 가짜의 overall: 전체에 걸쳐, 전반적으로 properties: 특성 lean: 군더더기 없는 return하려는 JSX코드는 오직 하나의 ro

nutshell: 요약하다/ 간결하게 말하다 configure: (컴퓨터의) 환경설정을 하다/ 구성하다 serve as: ~의 역할을 하다 downside: 불리한 면 Card.js: 웹 개발에서 관습적으로 껍질 역활을 하는 컴포넌트 ![](https://image

nest: (큰 단위의 정보 속에 작은 단위의 정보를) 끼워 넣다 App.js는 root컴포넌트다 만 HTML에 직접적으로 렌더링됨 컴포넌트 = 자바스크립트 함수 관습상 파일의 이름을 함수 이름으로 써준다. 모든 단어의 첫글자는 대문자로 써준다. 화면에 그려줄

for that: ~이기 때문에 in·stance: 1.사례, 경우 2.…을 예로 들다 initialize: 초기 내용을 설정하다 클릭해서 title바꾸기 리액트에서 엘리먼트에 이벤트를 설정해줄때에는 on이벤트이름={실행하고싶은함수} js addEventListne

rewind: 되감다 key 엘리먼트 리스트 만들 때 포함해야 하는 특수한 문자열 어트리뷰트 key는 react가 어떤 항목을 변경, 추가 또는 삭제할지 식별하는 것을 돕는다. key는 엘리먼트에 안정적인 고유성을 부여하기 위해 배열 내부의 앨리먼트에 지정해야함. K

side effrct main job: render UI & React to User Input UI를 렌더링하고 user Input으로 데이터를 받아 작동시키고 필요하면 다시 UI를 렌더링함 EX>useState(), Hook, Props 등등.. side effe

debouncing의 필요성 input창을 사용할 때 onchange 이벤트나 스크롤을 내릴 때의 event가 한번에 많이 이벤트들이 일어날 경우 최적화가 필요 Debouncing 연이어 호출되는 함수들 중 처음이나 마지막 함수만 호출하도록 하는 것 clearTim

prone to: ~의 경향이 있는 spot: 발견하다, 알아채다 entity: 독립체 abstract: 추상적인 redundancy: 불피요한 중복 far off: 아득한 저편, 크게 벗어난, 아주 잘못된 state끼리 상호작용이 많을 때 useState()를 사용

overkill: 지나침 useReducer()를 쓸 때는 useState()로 쓸 때 코드가 복잡해 지거나(많은 useState를 호출해야 되고 state가 독립적이나 한꺼번에 update가 필요할 때) 버그가 발생할 때 useState는 기본이 되는 상태 관리

불필요한 re-rendering 피하기functional compoenent를 최적화 해준다인자로 받은 component의 prop의 값을 확인prop의 값이 변화가 있을 때만 컴포넌트가 re-evaluated/re-executed되도록 해준다만약 parent comp

반응형 웹 Fluid layouts 미디어 쿼리 반응형 이미지 알맞은 단위 사용 Desktop first vs mobile first Maintainable and Scaleable code clean & 이해하기 쉬운 Growth & Reusable 파일을 어떻게

1달전 공공데이터api를 실행하려다가 CORS에러가 떠서 일단 후퇴했다. 각잡고 다시 시작하고 이번엔 데이터를 제대로 받아왔다. CORS에러란? cross-origin-resource-sharing = 교차 출처 리소스 공유 URL을 분해하면 다음과 같다. 이때 출