틈

/styles/global-styles.ts :default.css(reset.css) 등을 셋팅할 때 쓴다. import { createGlobalStyle } from "styled-components"; const GlobalStyle = createGlobalStyle` article, aside, details, figcaption, figure, footer, header, main, menu, nav, section { display: block } `; export default GlobalStyle; /styles/theme.ts :defaultTheme 셋팅(더 이해해야 할듯..) import { DefaultTheme } from "styled-components"; const the..

import React, { useEffect } from 'react'; function User({ user,onRemove, onToggle }) { const {username,email,id, active} = user; useEffect(() => { console.log('컴포넌트가 화면에 나타남'); return () => { console.log('컴포넌트가 화면에서 사라짐'); } }, []); return ( onToggle(id)} >{username} { email } onRemove(id)}>삭제 ) } mount될 때, unmount 될 때, 어떤 효과를 넣고 싶을 때에 사용한다. useEffect에서 콜백은 mount될 때의 상태에 발생하는 이벤트를 처리하고, useEffec..

1. CreateUser.js 컴포넌트를 만들어줍니다. (props로 받는 게 많지만, 다 필요한 것!) import React from 'react'; export default function CreateUser({username, email,onChange,onCreate}) { return ( 추가 ) } 2. App.js에 import시켜 줍니다. useRef와 useState 둘다 사용할 것이므로, 불러와 줍니다. import React, {useRef, useState} from 'react'; import UserList from "./components/UserList"; 3. App.js에 users라는 데이터를 useState로 정의해줍니다. function App() { const ..

회사에서 처음으로 bicbucket을 사용하게 되었는데, git에 대한 정책이 이해되지 않아 좌충우돌 중입니다. pull request를 한번도 날려본적은 없지만, 곧 사용할 것 같다고 하셔서 감을 익혀보고자 합니다. (그래요 저는... 실무에서 git도 처음... bicbucket같은 스토리지도 처음... conflence, 제플린, 노션, 슬랙까지.. 전부 처음입니다.....) https://wayhome25.github.io/git/2017/07/08/git-first-pull-request-story/

1번 고생하면 깨닫지 못하는 1인. 결국 2회차에 기록을 해본다. lsof -i TCP:포트 kill -9 1741 위의 경우는 이렇게 해결

import { useRouter } from 'next/router'; const router = useRouter(); { router.replace('/user/login') } }>로그인 router.replace || router.push router.replace는 해당 화면이 뒤로가기 시에 누락. router.push는 기본.