CASSIE'S BLOG

몇 가지 일반적으로 사용되는 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의 동작이 보다 복잡하고 혼란스러울 수 있습니다. 간편한 매개변수 사용: 화살표 함수를 사용하..

자바스크립트안에 있는 html 코드 공식사이트: https://ko.legacy.reactjs.org/docs/introducing-jsx.html JSX 소개 – ReactA JavaScript library for building user interfacesko.legacy.reactjs.orgJSX라 하며 JavaScript를 확장한 문법입니다. 리액트가 어떻게 JSX 문법를 계산하는지 보자 기본적으로 브라우저는 자바스크립트를 이해할 수 있고 JSX는 이해할 수 없다. TRANSFORM해주는 과정이 필요하다. 리액트와 브라우저가 자동으로 해준다. 전환해준다. 이 정도로 보기 개발자도구에서 SOURCE 보기 creact-react-app에서 static>js>bundle.js node modules안..

자바스크립트 함수의 특징 프로그래밍 언어는 해당 언어의 함수들이 다른 변수처럼 다루어질 때 일급 함수를 가진다고 합니다. 일급 함수 (first class function) https://developer.mozilla.org/ko/docs/Glossary/First-class_Function 1. 자바스크립트는 함수를 일급시민 (first class citizen) 으로 다룸 2. 이 말은 곧, 함수를 단순한 값으로 본다는 것임 3. 함수는 객체 타입 중 하나 정리하면 함수를 값으로 취급하고, 인수로 전달하고 다른 함수에서 함수를 반환하는 기능이 있는 경우 프로그래밍 언어에서 일급함수가 있다고 말한다. 화살표함수도 자바스크립트가 함수를 일급시민으로 즉 값으로 인식하기 때문에 가능한거다. a, b를 매개..

렉시컬 스코프란(Lexical Scope)란? 함수를 어디서 호출하는지가 아니라 어디에 선언하였는지에 따라 결정되는 것을 말한다. 즉, 함수를 어디서 선언하였는지에 따라 상위 스코프를 결정한다는 뜻이며, 가장 중요한 점은 함수의 호출이 아니라 함수의 선언에 따라 결정된다는 점이다. 다른 말로, 정적 스코프(Static scope)라 부르기도 하다.

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