javascript 썸네일형 리스트형 [JS] 형 변환 JavaScript에서도 자료형에 대하여 형 변환을 할 수 있는데요.JS에서는 숫자형이 아니더라도 표현식을 활용했을 때숫자형으로 변환할 수 있다면 자동으로 형 변환이 되어 계산됩니다.이를 자동 형 변환이라고 하는데요.하지만 원하는 답이 나오지 않을 때도 있기 때문에항상 의도를 가지고 원하는 타입(자료형) 으로변환해서 사용하는것이 필수입니다. 이를 위해 사용하는 것이 명시적 형 변환입니다. 사용 방법은 아래와 같습니다. String() => 문자형으로 변환Number() => 숫자형으로 변환Boolean() => 논리형으로 변환 Boolean() : B는 대문자여야 하고 괄호안의 값을 논리형으로 바꿔줍니다. Boolean 형 변환 시 false가 나오는 경우들을 알아보면 - 숫자 0- 빈 문자열("").. 더보기 [JS] DialogBox Dialog Box에는 alert, prompt, confirm의 3가지가 존재합니다.먼저 살펴 볼 alert는 사용자에게 알려주기 위한일방적인 경고창을 띄워줍니다. 다음으로 prompt는 값을 입력 받을 수 있습니다. 이때 취소를 누르면 null값이 나오게 됩니다.prompt에는 default값도 넣을 수 있습니다.default를 이용하면 값을 넣을 때안내하거나 힌트를 주는 역할도 가능합니다.따라서 prompt는 2개의 파라미터를 가질 수 있는데 (보여줄 메시지, 입력받을 default 값) 을 가질 수 있습니다. let name = prompt('예약일을 입력하세요.', "2025-01-"); 이렇게 코드를 작성하게 되면 Default값이 input창에 들어가게 됩니다. 다음으로 confirm은.. 더보기 [JS] Reduce Reduce는 '줄이다'라는 뜻을 가진 단어입니다.JS에도 Reduce라는 메소드가 있는데요.예시를 살펴보겠습니다. const totalSum = cards.reduce((total, card) => total + card.cost * card.quantity, 0); Reduce의 사용 방법은 이렇습니다. array.reduce((accumulator, currentValue, currentIndex, array) => { }, initialValue); accumulator: 누적값을 저장하는 변수(여기선 total).currentValue: 배열의 현재 요소(여기선 card).initialValue: 누적값의 초기값(여기선 0). cons.. 더보기 [JS] 자료형 JavaScript의 자료형에 대해서 알아보겠습니다.먼저 문자열 String 방식이 있는데요.문자열을 표현하는 방법에는 3가지가 있습니다. let name = "beaver"; => 큰따옴표로 표현하는 방법 let name2 = 'beaver' ;' => 작은 따옴표로 표현하는 방법 let name3 = `beaver`; => backtick 표현 방법(물결 단축키) 이때 작은 따옴표 문자열 안에작은 따옴표를 문자로 사용하려면 역슬래시 넣어서작은 따옴 표를 문자로 인식하게 사용할 수 있습니다. let message = 'I'm a boy' => 에러 발생. let message = 'I\'m a boy' backtick은 보통 문자열 내부에 변수를 표현할 때 사용합니다.${변수명}을 넣어서 표현하는.. 더보기 [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); } };.. 더보기 이전 1 2 3 다음
