[팀프로젝트] 자기소개 페이지 만들기

맡은 영역 - main header 영역

HTML 영역
          <div class="maincontent">
            <p><a href="#">오 월</a></p>
          </div>
CSS 영역
		.main {
            background-image: url('https://pbs.twimg.com/media/DsNHKslVYAAtXwe.jpg:large');
            background-position: center;
            background-size: cover;
          }
          
		.maincontent {
  			font-size: 50px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            }
       
       .maincontent > p > a {
            text-shadow: 6px 2px 2px gray; //그림자넣기
            font-weight: bold;
            font-size: 75px;
            font-family: 'Diphylleia', serif;
            color: #a2dc6d;
            text-decoration: none;
          }

 

결과

 

에러 발생 (error)

상황 : firebase를 연동 후 gitpull을 받았는데 크롬에서 만 실행이 안됨.

발생한 오류

index.html:1 Access to script at 'file:///C:/Users/qpscm662/Desktop/nbc_week1/script.js' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, isolated-app, chrome-extension, chrome, https, chrome-untrusted.

해결 방법

vscode에서 live server로 접속하니 된다. 로컬서버로 접속해야 한다.

배운점

스크립트는 문서가 로드 되고 작동되야 하기때문에 HTML script에 defer를 추가해야 한다.

부족한점 & 느낀점

처음으로 git으로 협업을 해 보았다. 협업을 해보니 내가 맡은 부분에 뭔가 책임을 가지게 되고 계속 뭔가 추가하고 디벨롭 시키고싶은 마음이 많이 생긴다. 하지만 아직은 모르는 부분이 너무 많다.

1.기능적인 부분(JS) 쪽이 부족함.
2.개발함에 있어 CSS보단 기능적인 부분을 어떻게 개발할지에 대한 생각 중심을 둬야함.