앨리스래빗팀 기술블로그

태그 글작성 관리
  • 홈
  • 태그
  • 방명록

react 5

[ REACT ] 메뉴 활성화 적용 NavLink

증상 state를 사용해서 활성메뉴를 검증하는 경우 페이지 새로고침하였을때 상태값이 초기화 되는 이슈 발견 초기 렌더시에 URL을 파싱해서 활성을 처리하는 경우 페이지 이동시 상태가 변경되지 않는 이슈 발견 해결책 NavLink 사용 import { NavLink } from 'react-router-dom'; about // Or specifing active style about // If you use deep routes and you need an exact match about 관련링크 https://stackoverflow.com/questions/42297728/react-js-implement-menu-highlight-active-link/54235985

FE/React 거북 2021.10.20

[ REACT ] 현재 라우터 경로 확인

let currentLocation = window.location.pathname;

FE/React HEON.D 2021.03.08

[ REACT ] 자식 컴포넌트 object 상속

문제 Props 값에 단일 값만 전달 가능하고 객체가 상속되지 않음 -> Passing object as props to jsx 해결 링크 stackoverflow.com/questions/49081549/passing-object-as-props-to-jsx

FE/React HEON.D 2021.02.21

[ REACT ] 프로젝트 Sass 사용 설정

npm install node-sass --save

FE/React HEON.D 2021.02.20

[ REACT ] React Emmet 설정

파일 > 기본 설정 > 설정 Window 이용자 : Ctrl + , Mac 이용자 : Command + , 작업영역(WorkSpace setting) Include Languages > setting.json 편집 클릭 아래 텍스트 복붙! { "emmet.includeLanguages": { "javascript": "javascriptreact" } }

FE/React HEON.D 2021.01.21
1
더보기

Calendar

«   2025/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30
  • 분류 전체보기
    • Team
      • GIT
      • TOOLS
      • 난감했던 이슈들
    • Design
      • 기업페이지
      • 커머스
      • Inspiration
      • UIUX
    • App
      • Flutter
      • Android
      • iOS
    • FE
      • Angular
      • Canvas
      • CSS
      • HTML
      • IONIC
      • Javascript
      • NodeJS
      • React
      • Next
      • Typescript
      • Vue
      • Plugins
    • BE
      • AWS
      • Java
      • Linux
      • Nest
      • OS
      • PHP
      • Python
      • Security
      • Network
    • DB
      • DB2
      • MongoDB
      • MYSQL
    • Inspirations
      • Art
      • Code
    • AI
      • openai

Archives

프로필사진

앨리스래빗팀 기술블로그입니다. https://alicerabbit.team

방문자수Total

  • Today :
  • Yesterday :

Tag

Javascript, ios, HTML, DB2, Flutter, AWS, git, Linux, angular, node, OSX, Web, mysql, 플러터, ionic, CSS, Android, vscode, RDS, DART,

최근글과 인기글

  • 최근글
  • 인기글

Copyright © Kakao Corp. All rights reserved.

  • 앨리스래빗

티스토리툴바