분류 전체보기 (61) 썸네일형 리스트형 2022.02.07 다시 시작하는 개발 공부 2022년 초 웹개발자를 해보겠다는 나의 포부는 블로그의 흔적으로 미약하게 남아있지만, 스스로에게 큰 좌절을 주며 훗 날을 기약하기로 하고 끝이 났다. 모르는게 무얼 모르는지도 모르는 수준이였달까, (국비)수업 진도를 따라가는 것 조차도 어려웠고 그러기에, 팀프로젝트에서는 부담을 느끼고, 자신감이 많이 축소 되었었다. 하지만 2년이라는 시간이 지났는데, 그 시간동안 생계를 유지하기 위해 일을 구해서 하고 있지만 마음 속에는 그 때 도전을 해보지도 못 하고 끝냈었던 웹개발에 대한 꿈이 계속해서 남아있었다. 의미 없는 시간이라고 생각하진 않는다. 스스로 그 동안 끊임없이 되물어 보았을 때, 스스로 포기하지 않을 거라는 자신이 있기 때문이다. 단순히 코딩으로 취업해서 코더가 되겠다는 것이 아니라, 전반적인 개.. 타입스크립트 콘솔출력하는법 src 경로에 들어가서 tsc 파일명.ts 다음으로 node 파일명.js로 콘솔을 출력해준다. src 경로지정 하는방법 React className이 겹치지 않게 작성하는 팁 1. 컴포넌트의 이름을 고유하게 지정 2. 최상위 엘리먼트의 클래스이름을 컴포넌트 이름과 똑같게 3. 그 내부에서 셀렉터 사용 LoginProvider.jsx import React, { createContext, useState } from "react"; const LoginContext = createContext(); export const LoginProvider = ({ children }) => { const [loginStatus, setLoginStatus] = useState({ user_Id: "", user_Name: "", logon: false, admin: false, }); const value = { loginStatus, setLoginStatus, }; return ( {children} ); }; export default LoginContext; MyPage.jsx import React from "react"; import { PageTemplate } from "../components"; import { MyPageContainer } from "../containers"; const MyPage = () => { return ( ); }; export default MyPage; MyPageContainer.jsx import React, { useEffect, useContext, useState } from "react"; import { LoginContext } from "../store"; import { fetchData } from "../library"; import { UserTable } from "../components"; const MyPageContainer = () => { const [userData, setUserData] = useState({ user_Id: "", user_Password: "", user_Email: "", user_Name: "", }); const { loginStatus } = useContext(LoginContext); const { user_Id: u.. garage mypage 구현 파일구조의 시작부터 이해 내가 구현해낼 페이지에서 그려낼 내용을 내가 만들페이지에서 필요한게 뭔지 찾고, 거기에 컨테이너가 필요하면 관련 컨테이너파일을 만들어준다. 그리고 그것들은 전부 index.js에서 관리하기로했으니 경로설정을 해주고 페이지에서 import해서 불러온다. 로그인페이지는 정보를 게시판 여러군데에서 불러오기 때문에 컴포넌트안에서 관리하는게 아니라 따로 분리해서 관리해서 불러와줘야된다. 단독관리 (컨택스트에이피아이)= 리덕스 useEffect (() => { }, [] 구조이고 []의 값을 참조해서 변경사항 내용이 있을때마다 값을 계산해서 실행시켜준다. 그리고 빈 배열을 일때만 한번만 실행된다.(외부api에서 데이타값을 받아올때 많이 쓴다.) 로그인상태를 전체에서 관리 그거를 가져와야된다.. React 서버구동 yarn global add nodemon 로딩없이 서버가 돌아가게 해주는것 이전 1 2 3 4 ··· 8 다음
