CASSIE'S BLOG

추후 업뎃

https://react.dev/learn/conditional-rendering#conditional-ternary-operator-- Conditional Rendering – React The library for web and native user interfaces react.dev

https://slog.website/post/8 무한 스크롤을 구현할 때 axios는 일반적으로 서버에서 데이터를 가져오는 데 사용되지만, 무조건적으로 사용해야 하는 것은 아닙니다. 다른 HTTP 클라이언트나 fetch API 등을 사용할 수도 있습니다. 중요한 것은 서버에서 데이터를 비동기적으로 로드하고 DOM에 추가하는 방법을 구현하는 것입니다.

템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴입니다. 템플릿 리터럴은 표현식/문자열 삽입, 여러 줄 문자열, 문자열 형식화, 문자열 태깅 등 다양한 기능을 제공합니다. 표현식: 표현식은 값을 평가하고 결과를 반환하는 코드 조각입니다. 템플릿 리터럴에서 표현식을 사용하면 값을 문자열에 삽입할 수 있습니다. 예를 들어, ${2 + 2}와 같은 표현식을 템플릿 리터럴 안에 사용하면 결과값이 해당 위치에 삽입됩니다. ES5와 ES6의 대표적인 차이점으로 아래 항목들을 들 수 있다. ·템플릿 리터럴 • 화살표 함수 • this • 변수선언 . 모듈 클래스

만약 user 객체의 중첩된 속성에 안전하게 접근하려면 옵셔널 체이닝을 사용할 수 있습니다: let street = user?.address?.street; 이 경우, user가 null 또는 undefined인 경우에도 에러가 발생하지 않고 street 변수에는 user.address.street의 값이 할당됩니다. 옵셔널 체이닝은 체인 중 어떠한 속성이든 null 또는 undefined인 경우, 그때부터 체인을 중단하고 값 대신에 undefined를 반환합니다. 이렇게 하면 코드가 간결해지고, 예상치 못한 에러를 방지할 수 있습니다.

비동기(Asynchronous) 프로그래밍은 작업이 순차적으로 진행되지 않고, 한 작업이 완료되기를 기다리지 않고 다음 작업을 바로 시작하는 프로그래밍 방식을 의미합니다. 비동기 작업은 주로 시간이 오래 걸리는 작업이나 외부 리소스와의 상호 작용과 관련이 있습니다. setTimeout은 웹 API 중 하나로, 비동기 프로그래밍을 위해 사용됩니다. setTimeout 함수는 일정 시간이 지난 후에 함수를 실행하도록 예약하는 역할을 합니다. 여기서 주목해야 할 점은 setTimeout 함수가 호출되면 다음 코드가 바로 실행되지 않고, 일정 시간이 지난 후에 등록된 콜백 함수가 실행된다는 것입니다. 간단한 예제를 통해 설명하겠습니다: 이 코드는 다음과 같은 순서로 실행됩니다: 'Start' 출력 setTime..