📌 JavaScript
-
[JavaScript] 간단한 보이기, 숨기기 기능 구현📌 JavaScript 2022. 9. 30. 00:56
간단하게 state를 사용해서 보이기, 숨기기 기능을 만들어 볼거다. 초기 구성 컴포넌트를 생성하여 단순하게 버튼과 내용을 만들었다. const TestShowHide = () => { const css = { width: 100, height: 90, backgroundColor: 'tomato', margin: 20, }; return ( 보이기 내용 ); }; export default TestShowHide; 보이기 이제 상태에 따라 보여주기 기능을 만들 것이다. 처음 시작할 때 내용을 숨겨주고, 보이기 버튼을 클릭하면 내용이 나오도록 할거다. import React, { useState } from "react"; const TestShowHide = () => { const [isShow, s..
-
[JavaScript] 배열📌 JavaScript 2022. 6. 28. 04:40
게시판 같은 목록들은 어떻게 구현될까? 예제 배열[1,2,3,4,5] 의 각 요소를 제곱해서 새로운 배열 생성하기 var 숫자들 = [1, 2, 3, 4, 5]; var 요소를제곱하기 = 숫자들.map(function(num){ return num * num; }); console.log(요소를제곱하기); // 결과 // [1, 4, 9, 16, 25] 위의 내용을 ES6 문법으로 작성해보기 const 숫자들 = [1, 2, 3, 4, 5]; const 요소를제곱하기 = 숫자들.map(num => num * num); console.log(요소를제곱하기); // 결과 // [1, 4, 9, 16, 25] 배열 컴포넌트를 위한 map() 함수 사용법 const 먹어야하는과일목록 = [ { 과일이름: '사과..
-
[JavaScript] a 태그 href="javascript:void(0);📌 JavaScript 2022. 2. 18. 13:22
경로이름 기존 소스를 분석하는 과정에서 위와 같은 내용을 보게 되었는데요. 그 중에서 경로이름 위와 같은 부분이 눈에 띄었습니다. void(0) 을 사용하면? 결과 값 undefined를 얻게 됩니다. 즉, 해당하는 링크가 정상적으로 동작하지 않게 만들기 위하여 이처럼 undefined를 사용한다고 보면 됩니다. # 을 쓰면 되지 않을까? 경로이름 해쉬기호인 #을 void(0) 대신에 쓰게 되면 링크는 이동하게 됩니다. #뒤에 아이디로 쓰지 않는 텍스트를 넣으면, 오브젝트의 이동도, 스크롤 이동도 하지 않습니다. 경로이름 #을 작성했을 때 스크롤이 위로 올라가는 문제점을 return false로 무력화했습니다. 경로이름