JavaScript 썸네일형 리스트형 [JS] 변수(Variable) JavaScript의 변수 개념을 살펴보겠습니다.JavaScipt는 인터프리터 언어로 코드를 작성할 때마다 반영/오타 안나게 주의해야합니다. 먼저 변수를 살펴보겠습니다.변수는 데이터를 담는 그릇인데요.변수에 접근하는 방법은 3가지 정도가 있습니다. 1. alert() : 경고창을 띄워주는 함수2. console.log() : 로그를 띄워주는 함수=> 개발자 모드로 콘솔 도구를 사용하여 확인 가능3. document.write() : 웹페이지에 내용을 출력해주는 함수 name = "Beaver";age = 300; 이런 방식으로 변수를 선언할 수 있는데전역 변수이기 때문에 위험한 선언 방법입니다. 이걸 방지하기 위해서 변수 선언의 형태로 3가지 방법이 있는데var, let, const가 있습니다.va.. 더보기 [JS] FileReader 다음 코드는 이미지를 읽고데이터를 URL로 변환하는 코드입니다.자세히 살펴봅시다.const [newProductImage, setNewProductImage] = useState(null);const handleImageChange = (e) => { const file = e.target.files[0]; if (file) { const reader = new FileReader(); reader.onloadend = () => { setNewProductImage(reader.result); }; reader.readAsDataURL(file); } };.. 더보기 [JS] Filter Filter는 JavaScript의 배열 메소드로특정 조건을 만족하는 배열을 생성합니다.이때 기존 배열은 변경되지 않고 새로운 배열이 만들어지게 됩니다.사용법을 살펴보겠습니다. array.filter(callback(element, index, array), thisArg) callback: 각 요소에 대해 실행할 함수입니다. 이 함수는 다음 3가지 매개변수를 가질 수 있습니다:element: 현재 처리 중인 배열 요소index (선택 사항): 현재 요소의 인덱스array (선택 사항): filter가 호출된 원래 배열thisArg (선택 사항): callback 함수에서 사용될 this 값. 반환값조건을 만족하는 배열 요소들로 이루어진 새로운 배열. const cards = [ { id: 1, .. 더보기 이전 1 2 3 다음
