[ 2022-11-02 ] 코딩 일지 (프로젝트 3일차

안녕하세요, 지금은 새벽 12시를 넘어가고 있지만...(일지를 너무 늦게 썼네요 ㅎㅎ...)

어쨋건 프로젝트 3일차에 접어들게 되었습니다!

금요일날 진행한 프로젝트에 관하여 발표를 진행하기 때문에 남은 시간은 하루 정도라고 보면 되겠네요...!

셍각보다 시간이 정말 빠르게 흘러간 것 같습니다... 프로젝트에 참여하다보니 확실히 어느 부분이 부족하고

그걸 어떻게 채워야 할지 눈에 보여서 정신이 확 들더군요...ㅠ.ㅠ

캠프가 열린지 이제 3일째인데 머릿속은 공부해야 할 것들로 가득합니다...

개발자들은 계속해서 공부해야 한다는 얘기가 이래서 나온게 아닐까 싶더군요...:)

 

자, 얘기는 여기까지 하고 오늘 프로젝트를 진행하면서 제가 깨닫게 된 점을 써보도록 할게요

그동안 제가 코딩으로 웹사이트를 만들면서 간과해온 사실이 하나 있더라구요...

한 html 안에서 ID가 여러번 중복되어서는 안된다는 것,,,

가장 간단하고 기본이 되어야 할 사실을 저는 그동안 놓치고 있었습니다...

다들 속성이 같고 하다보니 그걸 하나로 묶어주려고 같은 ID를 줬는데, 오류가 떠서 반응형으로 작동을 하지 않더군요...

 

그렇다면 이것을 어떻게 고쳐줘야 할까요?

바로 Class를 이용하여 하나로 묶어주는 것입니다! Class는 중복되어도 오류가 뜨지 않기 때문이죠

(예를 들어) .img_box로 하나로 묶어준 다음, 그 안에서 속성을 따로 추가하고 싶다면 단독으로 ID를 부여하는 것이죠

#img_box_1처럼요!

 

이것 때문에 코드를 고친다구 고생 좀 꽤나 했습니다...

그리고 하나 더 알게 된 것은, 분명 프로젝트를 하다보면 서버를 만지시는 분들(백엔드 개발자)과 협엽을 할 일이

분명 생길 텐데 상대측에서 코드가 간략하고 복잡하지 않은 것을 선호한다고 합니다

Class와 ID도 최소한으로 하는 것을 원하시구요... 그것 때문에 또 중복되는 내용들과 생략해야 하는 내용들을

줄이고 줄이느라 애를 먹었네요... ㅜ.ㅜ

 

하지만, 반응형 웹사이트를 제작할 때 가장 좋은 것은 부트스트랩 그리드 시스템을 이용하는 것이라고 합니다

특정 class 명을 부여함으로써 Bootstrap에서 제공하는 틀대로 반응형으로 동작하도록 해준다고 합니다

저야 이미 class명들을 모두 부여한 상태라 번거로워질 수 있지만... 처음 반응형 웹사이트를 제작해보는 분들이시라면

꼭 이걸 사용해보시길 추천드립니다! (실제로 부트스트랩으로 제작된 웹사이트 안에는 이런 Class들이 들어가 있답니다)

 

그럼 오늘의 일지는 여기서 마치도록 하겠습니다~