export const getRooms = () => instance.get("rooms/").then((response) => response.data); export const getRooms = () => instance.get("rooms/") 차이점 getRooms 함수에서 두 번째 줄인 instance.get("rooms/")는 Axios 인스턴스 instance를 통해 "rooms/" 엔드포인트로 GET 요청을 보내고, 이에 대한 응답을 Promise로 반환합니다. 이후 .then()을 통해 응답 데이터인 response.data에 접근하여 해당 데이터를 반환하도록 되어 있습니다.두 번째 코드는 getRooms 함수가 instance.get("rooms/")만을 반환하도록 수정한 것입니다...

[소개] : TypeScript는 최근 인기 있는 프로그래밍 언어 중 하나로, JavaScript의 타입 시스템을 확장하여 개발자들이 더욱 안정적이고 확장 가능한 코드를 작성할 수 있도록 지원합니다.[본문]TypeScript의 특징 : TypeScript는 정적 타입 시스템, 클래스 기반 객체 지향 프로그래밍, 인터페이스 등 다양한 기능을 지원합니다. 이를 통해 개발자는 코드 작성 중 발생할 수 있는 일부 오류를 미리 방지하고, 코드의 가독성과 유지 보수성을 높일 수 있습니다.TypeScript의 장점 : TypeScript는 JavaScript와 호환성이 높아서 기존 JavaScript 코드를 TypeScript로 쉽게 전환할 수 있습니다. 또한 TypeScript는 많은 개발자들이 사용하는 프레임워크..

Generator function은 JavaScript의 함수 유형 중 하나로, 값을 반환하고 호출을 끝내는 대신 값을 생성하고 호출자에게 전달하는 방식으로 작동합니다. 이러한 함수는 함수 내부의 yield 키워드를 사용하여 값을 반환하고 호출 상태를 유지하며, 다음 호출에서 함수 실행을 이어나갈 수 있습니다.Generator 함수는 일반적으로 for...of 반복문과 함께 사용되어 시퀀스를 생성하거나, 비동기적인 제어 흐름을 생성하는데 유용합니다. 또한 Generator 함수는 메모리를 효율적으로 사용할 수 있어 대용량의 데이터셋을 다루는데 유용합니다.다음은 Generator 함수의 예시입니다.function* counter() { let i = 0; while (true) { yield i;..

1. Array.prototype.every()every()는 배열의 각 엘리먼트에 대해서 테스트 함수의 반환 값이 모두 true인지 확인합니다.모든 case가 true일때 true를 반환합니다.하나라도 false이면 반환 값은 false입니다.기존 배열 값은 변경되지 않습니다.2. Array.prototype.some()some()은 배열의 각 엘리먼트에 대해서 테스트 함수의 반환 값이 하나라도 true가 있는지 확인합니다.하나라도 true가 발생하면 true를 반환합니다.모두 false인 경우만 false를 반환합니다.every가 and 조건이라면 some은 or 조건입니다.기존 배열 값은 변경되지 않습니다.

대괄호 : [] , 중괄호 : {} , 소괄호 : () 대괄호 =>[] list를 나열 할 때list의 인덱스를 지정해줄 때 ex) mise[0], mise[1] 중괄호 => {}dictionary를 만들 때 {'key': 'value'}style tag를 적용해줄 떄 ex) .commet { 적용해줄 것 }특정 function에 대해 정의해줄 때 ex). function openclose() { 실행 할 것 }for문의 조건문 뒤에 실행할 것을 적어 줄 때 for (i=0; iif문 뒤에 실행 할 것을 적어 줄 때 if ( a > b ) { 실행 할 것 } 소괄호 => ()for문의 특정 조건을 적어줄 때 ex) for (i=0; iif문의 특정 조건을 적어 줄 때 ex) if ( a >b )jque..

회사에서 정한 컨벤션이 있다면 그에 따르자 export defult는 변수, 함수, 오브젝트, 클래스 등을 전달할 수 있는 명령어입니다. 이렇게 export 뒤에 default를 붙이게 되면 중괄호 없이 변수 등을 import 해올 수 있습니다. export default helloimport hello from "경로" export helloimport {hello} from "경로"

Error: error:0308010C:digital envelope routines::unsupported Error: error:0308010C:digital envelope routines::unsupported opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ], library: 'digital envelope routines', reason: 'unsupported', code: 'ERR_OSSL_EVP_UNSUPPORTED' Node.js v18.15.0 error Command failed with exit code 1. info Visit https://yarnpkg...

var > let const =>() 생김 object.test1 에서 object가 null 일시 오류가 발생하기에 if문 처리를 해줘야함 const Titlw ({test1})=> { 특정 값만 찾아서 보기가 편하다} useState > hookuseEffect----------------------------useMemouseCallback연산값과 원래 값이 같을떄 랜더링 방지 > 자원 절약 반복for > 리턴값 필요 없map > 리턴값 필수(필터링) > 기존에 있는거 가공, component반복문, 추리기filter > 리턴값 필수 > (조건이 true인 값만 반복) =>foreach > 리턴값 필요 없