내일배움캠프 2일차 TIL.협업하여 개발하기

내일배움캠프 2일차 TIL.협업하여 개발하기

• CRUD 구현
• 파이어베이스 사용하기
• 협업

 

우리는 기본적인 웹사이트를 만들어야한다. 

CRUD의 기능이 동작하고, 그 데이터를 저장할 수 있는 사이트.

팀 프로젝트이므로 협업을 통하여 그 페이지를 완성한다.

 

아침부터 각자 맡을 기능을 분담하고 개발을 시작했다. 

나는 헤드 부분과 개인 카드가 들어갈 메인 박스를 설계, 데이터의 생성을 맡았다. 

그리고 데이터가 저장될 파이어베이스의 권한을 공유하여 내 파이어베이스에 페이지의 데이터가 저장되었다.

 

오늘도 여러가지 오류가 발생했다. 

첫 번째로 박스를 설계하는 과정에서 CSS 지식이 부족했다. 

원하는 곳에 카드를 배치하고 싶었는데 CSS 선택자를 깔끔하게 사용하지 못했고

조상, 부모, 자식 선택자의 관계에 대해서도 헷깔려 구글링 하는데 많은 시간을 보냈다. 

아직 깔끔하고 기능이 중복되지 않은 코드를 작성하진 못한 것 같지만

어느정도 원하는 설계를 만드는 것에는 성공했다. ( 구글에는 정말 자세하고 많은 정보가 있다. )

 

두 번째로 Git hub를 이용한 공유였다. 

중첩으로 인한 오류가 오늘도 자주 발생했는데, 이것은 아직 해결하지 못한 과제인 것 같다. 

우리 팀원들은 매번 개발한 코드를 공유할 때면 30분 내지 1시간을 소비해야했다. 

 

세 번째로 모듈에 관한 것이였다. 

파이어베이스의 사용을 위해선 스크립트 타입을 모듈로 선언해야했는데 그 과정에서 오류가 발생했다. 

우리는 따로 자바스크립트 문서를 작성해서 임포트하여 사용 중이었고 그것은 서버에 업로드 되어 있지 않은,

개인 디스크에 저장되어 있었다.

SOP, 동일 출처 정책이라는 브라우저 보안 정책에 의해 우리의 데이터는 파이어베이스에 저장되지 못했다. 

웹에서 로컬 파일에 접근하지 못하도록 막기 위한 것이였고 튜터님의 조언으로 VS코드의 가상서버 기능을 통하여 

문제를 해결할 수 있었다. 

이 방법을 사용하니 매번 업데이트 시에 새로고침을 하지 않아도 되서 편리했다.

 

 내일은 CRUD 기능을 완벽히 구현하고 페이지의 틀을 정리해 가는데 초점을 둘 것이다.