Front/React 4

[React] AJAX

- WEB 화면에서 무언가를 부르거나 데이터를 조회하고 싶은 경우, 페이지 전체를 새로고침 하지 않기 위해 사용. - 자바스크립트를 통해 서버와 브라우저가 비동기 방식으로 데이터를 교환할 수 있는 통신 기능. - HTML 페이지 전체가 아닌 일부분만 갱신할 수 있도록 XMLHttpRequest 객체를 통해 서버에 Request 함. - 페이지의 부분을 동적으로 사용.  💡 동기 vs 비동기비동기 : 웹페이지를 리로드하지 않고, 데이터를 불러옴.             서버에 요청을 한 후 멈추어 있는 것이 아닌 프로그램은 계속 돌아가고 있는 방식. 동기 : 호출한 함수 또는 작업이 반환될 때까지 대기하는 동안 실행 흐름이 차단되는 특징.           한 작업이 지언되면 다른 작업들도 모두 지연되는 ..

Front/React 2024.07.24

[React] 상태 끌어올리기

Main(부모 컴포넌트) > Search(자식 컴포넌트) state : 컴포넌트 사용 중 컴포넌트 내부에서 변할 수 있는 값props : 외부로부터 전달받은 값   1. 상태 변경 함수인 search 에 conditon 변경 함수인 setCondition 을 이용해 값을 변경. ☘️  2. Search 컴포넌트에 상태변경함수 'search'가 'onSearch' props 로 전달되어야 한다.  ☘️ 3. Main 에서 내려온 onSearch props 를 Search 에서 받음. props로 콜백함수를 넘겨줌. -> onSearch 가 콜백 함수.  4. 상태 변경 함수 `search`는 Search 컴포넌트의 `검색` 버튼 클릭 시 실행되어야 함.  5. input 에서 textDestination을..

Front/React 2024.07.23

[React] 에러 Failed to save 'App.js'

📚문제 상황 코드 작성 후 새로 고침을 했으나 VScode 우측 하단에 Failed to save 'App.js' 가 뜸. sudo 를 했으나 해결되지 않음.  💡해결 과정 검색 후 sudo chown -R을 하라는 거까지는 이해함. 하지만 그 뒤에 어떻게 파일 경로를 알 수 있는지 알 수 없었음. ((User 가 무슨 파일이지..ㅋㅋ)) 🔎해결 방법 터미널에서sudo chown -R your_username:your_groupname /User/your_username/ / / / (파일 경로 입력)sudo chown -R your_username:your_groupname 까지 쓴 후에 react node_modules 가 있는 파일 경로를 데리고 와야 함.  username 은 whoamiyo..

Front/React 2024.05.28