Today I Learned

오늘 한일

• login css 완료! 중간에 코드가 날라가서 다시 작성함
• 다른 팀원분이 내 브랜치에 push를 했는데 갑자기 내 vs 코드에서 작업했던 코드들이 날아가고 그전에 pull 한 코드들이 다운로드해졌다.
• 나는 깃헙가서 pull을 하지도 않았는데.. 매니저님과 우리 팀원들은 문제점을 찾을 수 없었다.
• 계속 브랜치에 커밋을 하기로 했다.
• spa를 구축하면서 네브바에 텍스트를 누르면 페이지 이동이 가능한데 그 외에 버튼 영역을 누르면 넘어가지 않았다.

여기서 배운 점

• spa 버튼 영역을 눌르면 이동이 되지않는 부분을 다른 팀원이 해결했다.

<li class="nav_item logo"><a href="/" class="nav_link">logo</a></li>

a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

• 이런식으로 css를 작성해주면 해결이 된다.

export와 import란?

• 선언부 앞에 export 붙이기
  변수나 함수, 클래스를 선언할 때 맨 앞에 export를 붙이면 내보내기가 가능합니다.

export const route = (event) => {
  event.preventDefault();
  console.log("event.target.hash:", event.target.hash);
  window.location.hash = event.target.hash;
};

• import 무언갈 가져오고 싶다면 아래와 같이 이에 대한 목록을 만들어 import {...}안에 적어주면 됩니다.

import { handleLocation, route } from "./router.js";

📢 P태그요소 안에 div 넣지 마세요

• 난 이 실수를 해버렸다..vs에서 자꾸 오류가 떠서 확인해보니 p태그안에 div태그를 넣어서 되지않았던것이다.

  라인 레벨 요소로 불리던 것들 button, input, i, 등등의 요소에는 블록 요소를 집어넣어서는 안된다.
  p태그 안에 블록 요소를 넣으면 안된다.
  P요소는 블록레벨 요소를 포함할 수 없으며(P 자체도 포함), 비어있는 P요소 사용은 지양한다.
  !!!!!!!!!!절대 쓰지 말자!!!!!!!!!!

내일 할 일

• login 페이지 자바스크립트로 네비바 숨기기
• 대방의 login 파이어베이스 구축하기..
• 회원가입 html,css 완료하기..