오래오래 코딩

1. CSR (Client Side Rendering)HTML, CSS, JS 파일을 브라우저가 받아서, 브라우저에서 JavaScript가 실행되며 화면을 구성함.특징:초기 로딩이 느림 (JS 다운로드 → 실행 → 렌더링까지 시간 소요)첫 화면은 같은 빈 HTML만 존재이후 페이지 전환은 빠름 (SPA 구조: 새로고침을 하지 않고, 화면만 교체해주는 방식) 장점:사용자 경험(UX) 향상 (페이지 전환이 빠름)프론트엔드 개발에 유연.2. SSR (Server Side Rendering)설명: 사용자의 요청이 들어오면, 서버에서 HTML을 완성해서 보내줌.대표 프레임워크: Next.js, Nuxt.js, Ruby on Rails 등특징:초기 로딩 빠름 (브라우저가 HTML 그대로 받아서 바로 렌더링)크롤러..

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

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을..

React 의 규칙return ( 를 감싼 뒤에 를 해 주어야 함. )

📚문제 상황 코드 작성 후 새로 고침을 했으나 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..