개발냥발

React Project 생성 Component 추가 React 1도 모르지만 Router 버전이 6일 때 뭔가 많이 달라졌나봄. 꽤 헤맸음. 덤으로 이 블로그 많이 참고했음. 1. react-router-dom 설치 npm install react-router-dom 2. NavComponent.js 내에 useNavigate 추가 및 코드 일부 수정 import React from "react"; import {useNavigate} from 'react-router-dom'; let nowPath = '/main'; const NavComponent = () => { let navigate = useNavigate(); const pathList = [ {name: 'Main', path: '/ma..

이전에 만든 거에 이어서 Component 추가하려고 함. 1. Components 폴더 내에 NavComponents.js 파일 만들기 import React from "react"; const pathList = [ {name: 'Main', linkName: 'MainView'}, {name: 'Sub', linkName: 'SubView'} ] let nowLink = 'MainView'; const NavComponent = () => { return ( { pathList.map((el, index) => { console.log(`Click Page's Index : ${index}`) }} > {el.name} ) } ) } export default NavComponent; 2. App...

라는 제목을 쓰고 한풀이 하는 글이다. 더보기 Vue.js 2에서는 그냥 (←Login.vue) 이렇게 하면 props로 받아서 data를 사용할 수 있었다. 그런데 Vue.js 3에서는 2와 좀 많이 달랐다. 이것 때문에 삽질한 거 생각하면 눈물난다. 특히 watch도 composition api 안에서 사용하려니까 드럽게 안 되고 값도 안 바뀌고 미치고 팔짝뛸뻔 했으나 그냥 마음을 비우고 2 때 처럼 watch를 사용하려고 한다. 방법 아시는 분은 제발 나에게 구원의 손길을 내어주길 바라며... 먼저 기초부터 해보았다. 상위컴포넌트에서 버튼을 클릭하면 숫자가 1씩 더해지는데 하위컴포넌트에서 출력시키는 코드! 어디서 찾았는지 링크를 달고 싶은데 못찾겠다. watch 찾다가 닫아버린 듯 하다. 하다보니 ..