React

컴포넌트 중심의 사용자 인터페이스 -> 리액트를 이용하는 것리액트는 사용자 인터페이스를 구축하는 자바스크립트 라이브러리이며 좀 더 간단히 사용자 인터페이스를 구축할 수 있기 때문에 사용컴포넌트 = 리액트의 전부\-> 모든 사용자 인터페이스들은 결국 컴포넌트로 구성되기

결국 사용자 인터페이스는 HTML, CSS, JavaScript에 관한 것으로 리액트로 작업할 때 컴포넌트를 구축다만 대부분의 리액트는 HTML과 자바스크립트를 결합는 것에 관한 것으로 리액트의 초점은 아니다.(물론 추가하긴 함)요약하자면 리액트에서는 컴포넌트와 이 컴

index.js가장 먼저 실행되어질 js파일1번줄에서 react-dom/client에서 ReactDOM을 가져오고 있다. 즉, react-dom이라는 제 3자 라이브러리로부터 ReactDOM 객체를 가져오는 것이전에 로컬에 설치한 의존성(Dependencies) 중 하

앞서 설명한 리액트에서 선언적 방식으로 목표를 줄 수 있는데 <h2> 태그와 함 께 텍스트가 들어간 div를 만들어서 화면에 보이도록 하고 싶다.일반적인 javascript로 만든다면이런식으로 요소를 만든 후 textContent를 이용해 내용을 집어 넣고 app

컴포넌트 연습을 하기 위해 src 폴더 안에 components 폴더를 만들어 컴포넌트를 관리하려고 한다.하지만 App.js도 컴포넌트라며 왜 components 폴더로 이동하지 않는가 궁금할 수 있다.이는 App.js가 특별한 컴포넌트가 될 것이기 때문인데 코드에 관

이런식으로 코드를 바꿨는데 오류가 뜨고 진행되지 않는다 이유는?유효하지가 않는데 리액트 컴포넌트에는 컴포넌트 안에 변환하는 html파일 즉 JSX코드 안에 중요한 규칙이 하나 있기 때문이다.반환하는 문장마다 또는 JSX코드 조각마다 반드시 한 개의 루트 요소를 갖음여러

먼저 전체 구축 프로세스가 CSS파일을 인식하도록 선언!\-> 그래야 css code가 검토되고 완성된 응용프로그램에 삽입이런식으로 css파일을 임포트 시켰다.이제 css파일을 적용하기 위해 JSX를 바꿔야 하는데 직접 html에서 하는 것처럼 class를 입력하지 않

현재 연습하며 작성한 JSX는 모든 데이터들의 코드가 고정되어 있는데 이는 원하는 값이 아니다.일부 데이터야 코드가 고정될 수도 있지만 상단의 캡쳐본에 있는 date나 title, amount같은 목록은 보통 동적인 것이 되기 때문.그렇기 때문에 어딘가에서 데이터를 받

오늘은 꽤 괜찮았다. 밀린 업무도 처리했고 가게도 쉬는 날이라 좀 쉬엄쉬엄 재밋게 잘 한거 같다.그래서 알고리즘 문제도 좀 풀었고 JS문법 정리도 했다매번 헤메던 객체 쪽을 배웠는데 이렇게 계속해서 보다보니 확실히 점점 더 알고 있는 지식이 깊어지는 기분이다.vue.j

좀 더 자세하게 만들고 커스텀 훅으로 발전시켜 보기 위해 참고자료 2 - velog 를 더 참고해 보았다. 무한스크롤 더 자세히 살펴보기 Intersection Observer API를 사용해 화면에 띄어준 콘텐츠 중에 맨 마지막 요소를 관측해 콜백함수를 실행하는