728x90 > 메모98 [JS/리액트] Array.from()에 대해서 (2) 이어지는 글[JS/리액트] Array.from()에 대해서 (1) (tistory.com) [JS/리액트] Array.from()에 대해서 (1)참고한 글Array.from()[JavaScript] Array.from()으로 배열 만들기 (유사 배열 객체) (tistory.com) [JavaScript] Array.from()으로 배열 만들기 (유사 배열 객체)What배열을 선언하는 방법에는 여러 가지가 있다. const arjamongsoda.tistory.com Array.from()- 첫 번째 인자는 변환할 대상- 두 번째 인자는 각 배열 요소를 어떻게 변환할지 정하는 함수1) Array.from()의 문자열 사용 const str = '안녕하세요';const arr = Array.from(str).. 2024. 9. 22. [JS/리액트] Array.from()에 대해서 (1) 참고한 글Array.from()[JavaScript] Array.from()으로 배열 만들기 (유사 배열 객체) (tistory.com) [JavaScript] Array.from()으로 배열 만들기 (유사 배열 객체)What배열을 선언하는 방법에는 여러 가지가 있다. const arr = [1, 2, 3] 처럼 변수에 배열을 담는 가장 일반적인 방식도 있고, Array(1, 2, 3) 처럼 생성자를 이용해서 배열을 생성하는 방식도 있다.* Array(1shawnkim.tistory.comset 에 대해서https://www.daleseo.com/js-set/ 자바스크립트 세트(Set) 완벽 가이드Engineering Blog by Dale Seowww.daleseo.com Array.from() = .. 2024. 9. 21. [깃] 이미지 폴더 생성한거 활용 참고할 글[깃] 이미지 폴더 생성하고 이미지 넣기 (tistory.com) [깃] 이미지 폴더 생성하고 이미지 넣기이미지 폴더에서 이미지 넣기업로드 클릭이미지 파일 끌어서 업로드 하기녹색버튼 클릭잘 생성된거 확인jamongsoda.tistory.com이렇게 fingers 폴더 업로드 한거 활용하기이렇게 이미지들 들어가 있음.1. 이미지 URL 확인하기GitHub Pages를 통해 정적 파일을 제공할 때, 이미지 URL은 다음과 같은 형식입니다:https://username.github.io/repository-name/nff_product/fingers/ring1.jpg여기서 username은 GitHub 사용자명, repository-name은 저장소 이름입니다. 이미지 URL은 다음과 같습니다:htt.. 2024. 9. 8. [깃] 이미지 폴더 생성하고 이미지 넣기 이미지 폴더에서 이미지 넣기업로드 클릭이미지 파일 끌어서 업로드 하기녹색버튼 클릭잘 생성된거 확인 2024. 9. 8. [리액트] props 쉽게 쓰고 싶으면 참고한 글리액트에서 탭 UI 만들기 (tistory.com) 리액트에서 탭 UI 만들기 jamongsoda.tistory.com하단에 있음. 객체 비구조화 할당(object destructuring)을 통해props를 간단하게 받아오려는 것 비구조화 할당import React from "react";import "./style/main.scss"; // 스타일이 있는 경로에 따라 맞춰주세요.function Search({ isVisible, setSearch }) { if (!isVisible) return null; return ( setSearch(false)} > );}export default Search;이렇게 props.. 2024. 9. 5. [리액트] Navigate 와 useNavigate 의 차이 공통점 Navigate와 useNavigate는 둘 다 페이지를 이동(네비게이션)하는 데 사용Navigate 컴포넌트import { Navigate } from 'react-router-dom';function ProtectedPage() { const userLoggedIn = false; if (!userLoggedIn) { return ; } return Welcome to the protected page!;}Navigate는 자동으로 페이지를 이동시킬 때 사용합니다.페이지를 그릴 때, 특정 조건이 만족되면 바로 다른 페이지로 보내는 역할을 합니다.언제 사용하나요? 사용자가 로그인하지 않았는데 보호된 페이지에 접근하려 할 때,그 사용자를 로그인 페이지로 보내고 싶을 때 사용합니다.어떻.. 2024. 9. 4. 이전 1 2 3 4 5 6 7 ··· 17 다음 728x90
