서버에서 토큰을 임의로 만들고 쿠키에 저장 로그인아웃 상태는 0로 쿠키에 저장 (로그인 유무는 islogin 상태값 0, 1로 판별) 로그인한 사용자에게 임의 토큰을 부여하고 쿠키에 저장 로그인 상태 1로 변환하고 쿠키에 저장 로그인된 토큰은 함께 서버로 보낸다. 서버는 로그인한 사용자에게 uuid(유저 고유식별번호)를 부여하고 맞는 데이터를 각 페이지마다 뿌려준다. 클라이언트에서 서버와 통신방법 //get 방식 const res = await axios.get(URL, { headers: { 'content-type': 'application/json', Authorization: `Bearer +${token}` }, }) //post 방식 const res = await axios.post( URL..

issue justify-content: space-between 플렉스를 써도 시간이 안 중앙이 안될 수도 있음 이유는 왼쪽과 오른쪽 div의 너비가 다르기 때문에 solution style.css .status-bar{ display:flex; justify-content: center; } .status-bar__column{ width:33%; } .status-bar__column:nth-child(2){ display:flex; justify-content: center; } .status-bar__column:last-child{ display:flex; justify-content: flex-end; } status-bar = [ status-bar_column 3개 ] 된 구조

BEM 속성 표시할때는 ' -- ' 부모 자식 관계 표시할 때는 ' __ ' 참고 사이트 https://css-tricks.com/bem-101/ BEM 101 The following is a collaborative post by guest Joe Richardson, Robin Rendle, and a bunch of the CSS-Tricks staff. Joe wanted to do a post about BEM, which we loved, and just about everybody around … css-tricks.com

prettier가 설치되어 있어야 한다. 1. 빠르게 HTML 기본 폼 셋팅하기 ! 2. 빠르게 html과 css 연결하기 link:css 3. 빠르게 태그 만들기 자식, 여러개 태그 한번에 nav>ul>li*4>a