본문 바로가기

react2

[React] 웹 접속 시 특정 경로 고정 연결 - 로컬 스토리지 웹 페이지에 접속하면 보통 첫 번째 메뉴가 자동으로 선택되어 있는 웹 사이트를 많이 볼 수 있습니다. 이런 식으로 가장 첫 번째 메뉴가 선택(실행)되어 있는 상태로 페이지가 오픈되는 경우가 있습니다. 해당 웹 사이트의 메뉴는 사용자가 직접 뉴스 클리핑 그룹을 추가 및 삭제하여 구성된 메뉴입니다. 그룹별로 id가 있어서 첫 번째 메뉴의 id는 사용자마다 다를 수 있습니다. 이때 메뉴 가장 첫번째가 웹 사이트가 열리면 고정적으로 선택되어 있는 상태가 되도록 코드를 짜보겠습니다. 1. DB에서 사용자의 그룹 키워드를 가져오는 함수에서 가장 첫 번째 id를 따로 추출 2. 첫 번째 그룹 ID를 로컬 스토리지에 저장합니다. 3. 페이지가 다시 로드될 때, 로컬 스토리지에서 저장된 그룹 ID를 가져와 초기 경로를 .. 2024. 1. 15.
[React] 리액트로 만든 웹, 숲으로 바라보기(part1 App.js란?) 앞으로 "리액트로 만든 웹, 숲으로 바라보기"는 구체적으로 개념을 하나하나 따져보는 것이 아닌 React로 제작한 웹 사이트가 대략 어떠한 구성으로 이루어졌는지 보여드리게 위해 작성하였습니다. React로 간단한 커뮤니티 사이트를 제작해보면 기본적인 틀은 다음과 같습니다. 1. Src 폴더 1. App.js 2. Component 폴더 1. Detail.js 2. Edit.js 3. Heading.js 4. List.js 5. Upload.js --------------- 6. Login.js 7. Register.js 3. Server 폴더 1. index.js 4. Style 폴더 1. ListCSS.js 2. PostDetailCSS.js 3. UploadCSS.js 4.UserCSS.js 하나하나.. 2023. 1. 22.