CASSIE'S BLOG

ㄴㄴ

우선 Symbol 은 변경이 불가능한 값입니다. --> 이걸 전제로, 실무에서는 우선 의미적으로 전달합니다. --> '아 이건, 작성자가 의도한, 변경이 불가능하도록 둔 부분이구나' 그래서 JS 내에서 변경이 불가능한 경우를 만드는 것을 생각해보면, 대표적으로 객체내의 프로퍼티 키를 생각해볼 수 있습니다. 덮어써지지 않고 쓰기 싶은 경우나 유일무이한 값의 생성을 위해서 주로 쓰입니다. 추가로, 라이브러리와 같은 것을 import 해서 쓸 경우, 겹쳐질 수 있는 부분들을 심볼화 해버리면, 겹쳐지지 않으므로, 이러한 경우에 사용도 합니다. 결론적으로, 겹쳐지는 상황이나, 고유하게 존재해야하거나, 변경이 안되게 하거나 하는 목표로 사용됩니다. 자바스크립트의 심볼(Symbol) 타입은 주로 객체의 고유한 속성을..

axios랑 fetch랑 둘다 url를 연결하는거인 것 같은데 기능적인 면에서 어떤 차이점이 있는지 정리해보자. Axios와 Fetch는 모두 웹 요청을 수행하는 JavaScript 라이브러리 및 API입니다. 그러나 두 라이브러리 사이에는 몇 가지 중요한 차이점이 있습니다: 사용법 및 편의성: Fetch: Fetch API는 기본 JavaScript API로 브라우저에 내장되어 있으며, Promises를 사용하여 비동기 요청을 처리합니다. 그러나 기본 fetch API는 요청 설정 및 오류 처리 등을 수동으로 처리해야 하므로 초기 학습 곡선이 높을 수 있습니다. Axios: Axios는 더 높은 수준의 추상화를 제공하며, 브라우저 및 Node.js에서 사용할 수 있습니다. Axios는 강력한 기능을 갖..

몇 가지 일반적으로 사용되는 CSS 타이밍 함수에는 다음과 같은 것들이 있습니다: ease: 시작과 끝에서 빠르게 가속하고 중간에서 감속하는 기본값 타이밍 함수입니다. linear: 애니메이션을 일정한 속도로 진행합니다. ease-in: 시작할 때 빠르게 가속하는 타이밍 함수입니다. ease-out: 끝에서 감속하는 타이밍 함수입니다. cubic-bezier: 사용자 정의 베지어 곡선을 사용하여 타이밍 함수를 정의할 수 있습니다. cubic-bezier 함수를 사용하면 사용자 정의 타이밍 함수를 만들 수 있으며, ease-in-out과 같은 미리 정의된 함수보다 더 정교한 제어가 가능합니다. cubic-bezier 함수는 cubic-bezier(x1, y1, x2, y2) 형식으로 사용됩니다. 여기서 (..

화살표 함수(arrow functions)를 사용하는 이유는 주로 다음과 같은 이점이 있기 때문입니다: 간결한 문법: 화살표 함수는 함수를 간결하게 정의할 수 있어 코드의 길이를 줄이고 가독성을 향상시킵니다. 특히 단일 표현식의 함수인 경우 중괄호({})나 return 키워드를 생략할 수 있습니다. 가독성 향상: 화살표 함수는 함수의 목적을 더 명확하게 전달할 수 있습니다. 짧고 간결한 함수를 정의함으로써 코드를 이해하기 쉽게 만듭니다. this 바인딩: 화살표 함수는 자체적인 this를 가지지 않고, 주변 스코프의 this를 상속받습니다. 이로써 this의 동작을 예측하기 쉽게 합니다. 일반 함수에서는 this의 동작이 보다 복잡하고 혼란스러울 수 있습니다. 간편한 매개변수 사용: 화살표 함수를 사용하..

getTime()이나 valueOf() 메서드 쓰시면 밀리초 값으로 반환해요. JavaScript에는 Date 객체가 존재합니다. Date 객체는 JavaScript에서 날짜와 시간을 다루는 데 사용되는 내장 객체 중 하나입니다. Date 객체를 사용하면 현재 날짜 및 시간을 얻거나 특정 날짜 및 시간을 생성하고 조작할 수 있습니다. getTime() 메서드 사용: // 현재 날짜 및 시간을 밀리초로 얻기 const currentDate = new Date(); const milliseconds = currentDate.getTime(); console.log("밀리초:", milliseconds); valueOf() 메서드 사용: // 현재 날짜 및 시간을 밀리초로 얻기 const currentDate..