이벤트 루프Q. 실행 결과 예측해보기호출 스텍백그라운드태스크 큐setTimeout은 백그라운드에서 처리되는 비동기 함수이다. 백그라운드 영역에서는 input 순서 없이 처리가 끝나는 대로 결과를 테스크 큐로 옮긴다.태스크 큐는 호출 스택이 비어져있을 때 실행된다.Pro
ViewModel은 뷰를 추상화하기 위해 추상화된 뷰 상태(ViewState)를 유지한다. 예를 들어 뷰모델은 읽기와 쓰기가 가능한 문자열 속성을 통해 텍스트 입력기 컨트롤을 추상화한다. 데이터 목록을 보여주는 컨트롤에 대해서는 각 요소의 뷰 상태가 들어있는 컬렉션이
Middleware미들웨어는 요청이 이루어지는 단계와 단계 사이에서 작업을 하는 것을 말한다. 즉 서버쪽에 request가 와서 response를 내보내주려 하는 그사이에 일어나는 작업들을 말한다. ?? 그래서 그게 뭔데분석해보면 app에서 사용하는 milddlewar
ViewModel 에서 View 에 이벤트를 전달할 때, 값을 전달하는 경우가 아닌 이벤트가 발생했다는 사실만을 전달하고 싶을 때, in ViewSingleLiveEvent라는 MutableLiveData를 상속한 클래스를 만듭니다.이벤트를 발생시키기 위해서 데이터를
React는 사용자 인터페이스를 구축하기 위한 선언적이고 효율적이며 유연한 JavaScript 라이브러리입니다. “컴포넌트”라고 불리는 작고 고립된 코드의 파편을 이용하여 복잡한 UI를 구성하도록 돕습니다.JSX라 하며 JavaScript를 확장한 문법입니다JSX의 메
모든 컴포넌트는 여러 종류의 “생명주기 메서드”를 가지며, 이 메서드를 오버라이딩하여 특정 시점에 코드가 실행되도록 설정할 수 있습니다 React Lifecycle [Mount(마운트)] 컴포넌트 인스턴스가 생성되어 DOM상에 삽입될 때 호출됩니다. constru
Element element 는 불변객체이다 -> 생성 이후에는 자식이나 속성을 변경할 수 없다. React 앱은 ReactDOM.render()를 한 번만 호출한다. element의 자식 요소를 변경하고 반영하고싶다면, 계속해서 ReactDOM.render()을
Redux와 비슷하게 상태관리를 도와주는 아이이다.세미나에 참가해서 본 웹 서비스들의 스택을 보니 redux 가 아닌 recoil이 전부였다.https://recoiljs.org/ko/Atom은 상태(state)의 일부를 나타낸다. Atoms는 어떤 컴포넌트에
sequelize 관계설정 1:N > 1:N 관계 한명의 user가 여러 개의 comment를 작성함 hasMany : users테이블의 로우 하나를 가져올 때 연결된 comments 테이블의 로우들(여러개)을 같이 불러온다 belongsTo : comments
웹 애플리케이션에서 라우팅이라는 개념은 사용자가 요청한 URL에 따라 알맞는 페이지를 보여주는 것을 의미합니다. 웹 애플리케이션을 만들때 프로젝트를 하나의 페이지로 구성할 수도 있고, 여러 페이지를 구성할 수도 있습니다.export default App;사용자의 브라우
먼저 ref가 무엇인지 알아보자공식문서에서는“ref” 객체는 현재 프로퍼티가 변경할 수 있고 어떤 값이든 보유할 수 있는 일반 컨테이너입니다. 이는 class의 인스턴스 프로퍼티와 유사합니다.Ref를 사용해야 할 때 Ref의 바람직한 사용 사례는 다음과 같습니다.포커스
npm & yarn npm Node Package Manager 전세계적으로 가장 많은 이들이 사용하고 있는 자바스크립트 언어를 위한 Node.js의 기본 패키지 매니저다. yarn yarn은 페이스북에서 만든 자바스크립트 패키지 매니저다. 둘의 차이점은 무엇일
CSS-in-CSS CSS 모듈(Module) CSS 모듈은 CSS를 모듈화 하여 사용하는 방식입니다. CSS 클래스를 만들면 자동으로 고유한 클래스네임을 만들어서 scope를 지역적으로 제한합니다. 모듈화된 CSS를 번들러로 불러오면 다음과 같이 사용자가 정의했던 클
Next.js가 제공하는 것페이지들은 각자의 파일명에 기반하여 라우팅된다pages/index.js는 / 로 라우팅 됩니다.pages/posts/first-post.js는 /posts/first-post로 라우팅 됩니다.만약 다른 페이지로 넘어가고 싶을 때는?Next.j