CASSIE'S BLOG

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

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

우리가 지금까지 사용한 훅 - 리액트 빌트인 훅 useState() useEffect() useRef() useMemo() useCallback() useState(): 컴포넌트 안에서 상태를 관리할 수 있게 해준다. useEffect(): 컴포넌트가 렌더링이 될 때마다 매번 실행할 로직을 담는 훅, 의존성 관리 가능 useRef(): 가상돔 형태로 리액트에서 로직들을 관리하는데 실제로 dom에 접근해서 값을 수정하거나 행동을 하는 그런 때에 사용한다. useMemo()& useCallback() 불필요한 값이나 함수를 매번 생성되는 것을 줄여줄 수 있다. 내장된 훅만 가지고는 개발하기 한계가 있다. 재사용한 컴포넌트의 함수 버전이 커스텀훅이다. practice/4_18 훅을 만들 때는 hooks라는 디..

POST 요청 서버에 데이터를 보낼 때 사용하는 HTTP 메소드 일반적으로 파일업로드, Form 형태의 제출에서 많이 사용한다. POST요청이 CRUD CREATE READ (이걸 모르네) UPDATE DELETE POST는 데이터를 서버에서 보내는게 제일 중요한 역할 그래서 데이터를 요청을 보내는 이 요청에 같이 담아서 보내줘야한다. 데이터를 보내는 부분을 BODY 라고 하는데 BODY 에 데이터를 어떻게 보내는게 항상 똑같은 방법으로 보내는게 아니라 이 데이터를 서버에 보내는 요청을 할 수 있는 방식이 여러방식이 있는데 2가지 방법을 알려준다함. HEADER는 요청을 본격적으로 서버가 처리하기 전에 알아야할 사항들을 주로 저장하는 편이다. HEADER에 컨텐츠 타입을 보낸다. 이름은 어려운데 엄청 쓰..

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