BootStrap & 협력

 

개인 페이지의 모달 창 작성

 

부트 스트랩을 사용해서 모달창을 작성하기

부트스트랩 링크 : https://getbootstrap.com/

 

부트 스트랩을 사용 하는 법을 두루뭉실하게만 알아서 대충 복사 붙여 넣기만 하면 되는거아니야? 라는 생각으로 시작했습니다.

 

모달 기능을 사용하기위해 사이드바쪽에 모달을 선택한 후

이 기능 사용해야지 하고 들어가보니

코드가 없었습니다.. 뭐지 싶어서 위 설명을 보니 .modal-dialog 에 .modal-dialog-scrollable을 추가 해야한다고 합니다.

코드는..? 하면서 위에부터 천천히 읽고 내려오니 그 위쪽에 있는 모달 창중에 하나를 선택해서 사용 하는 거였습니다.

 

당연한걸 자만하다가 놓친거였습니다.

그렇게 코드를 다 가져와서 클래스를 추가한후 버튼을 클릭하니 

아무런 반응이 없었습니다.

 

구글링후 알아 낸것이 부트 스트랩에 자바스크립트까지 사용하기 위해서는

이 부트 스트랩의 연결된 자바 스크립트와 css가 있어야 했습니다.

서로 클래스와 id로 밀접하게 연결되어 있어서 작동 하는 것이 였습니다.

 

해당 css와 JavaScript는 

여기에 다운로드 버튼으로 다운 받은뒤 

 

 

해당 폴더를 사용하고자 하는 폴더에 넣으면 되는 것이였습니다.

그렇게 하니 작동이 잘되어

오늘 맡은 부분을 완료할수 있었습니다.

 

 

---

 

 

 

처음 시작 할때는 무턱대고 코드부터 치니 어떤 방식으로 어떤 위치에 어떤 문구를 넣어야 하는지 난감하였습니다.

 

그동안 혼자 해왔던것들이고 A - Z까지 혼자 다 하다보니 협력하는게 어색하였습니다.

 

 회의를 시작하고 각자 일단 만져보자 하니 정해진 시간에 하고자 하는 것은 많으니 머리속에만 맴돌고 정작 구현 된건 하나도 없었습니다.

 

팀원들과 함께 어떤 기능을 구현할 것이며  각자 파트별 역할이 정해지고 정해진 기간내에 끝내자고 정하니 훨씬 수월해지고 아이디어도 더 많이 나왔습니다.

 

협력을 함으로써 해야할 일들이 분배가 되니 오히려 더 수월해지고 빨라지는것을 느꼈습니다.