240717

내일배움캠프 JAVA Spring 과정 3일차

 

SQL 강의 3주차까지 완료

데일리루틴을 위한 git repogitory를 만드는데 또 막혔다

진짜 git같네..

어제는 branch 이름을 잘못적은게 문제였고

오늘은 빈프로젝트 clone이후에 init해야 하는걸 몰라서 시간을 잡아먹었다

근데 에러메세지는 똑같이 나옴

미니프로젝트는 원활하게 진행중

개인페이지에 사진만 넣으면 완성이다

개인정보는 지웠습니다

오늘 합류한 마지막 팀원 정보까지 모두 적용했다

우선은 각각 개인페이지를 html파일로 작성해 완성했고

다섯개 파일을 하나로 줄이기 위해 firebase를 사용했다

 

 

server를 돌려서 get방식을 사용해야하나 고민을 했는데

(server 돌리는데만 하루는 걸릴것 같아서..)

script에서 한줄로 간단하게 해결했다

    const receivedData = location.href.split('?')[1];

 

캠프 시작하면서 들었던 웹과정 예제에서는

테이블 전체를 가져오는 코드밖에 없어서

조금 찾아봤는데 원하는 row만 골라서 가져오는건 아직 못찾았다

우선은 가져와서 반복문을 돌려서 필요한 row를 찾는방식

이부분은 내일 이어서 고민해 보는걸로...

(database의 이점을 하나도 사용하지 못하는 코드...)

let docs = await getDocs(collection(db, "[테이블명]"));
    docs.forEach((doc) => {

      let row = doc.data();
      if (row['id'] === receivedData) {

		...

	  };

    });

 

body에 적용되어 있는 색상도 

인라인태그의 스타일로 넣어야하나 고민하고 있었는데

코드로 쉽게 접근이 가능했다.

여기서 주의할점은 backgroundImage 데이터는 백틱으로 감쌀것

const body = document.querySelector("body");
        body.style.backgroundImage = `linear-gradient(174deg, #ffffff 33.33%, ${color} 33.33%, ${color} 66.66%, #ffffff 66.66%)`;

 

내일은 SQL 5주차까지 완강하고 개인페이지 데이터다루는 부분을 조금더 효율적으로 수정하는 것이 목표!