'웹개발종합반'에 해당되는 글 1건

드디어 1주차를 마치고 쓰는 개발일기
강의자료를 보면 배운게 많은 것 같은데 이번주에 배운 것들은 하나의 사실로 귀결된다.

코딩을 직접하지 않고 대부분 부트스트랩(CSS), Border(CSS), 구글폰트, MDN 등에서 만들어진 코딩을 복사해와서 나에게 맞게 조금씩 수정해서 쓴다는 것

확실히 C+배울때처럼 이론을 일일히 배우고 직접 코딩하는건 첨부터 개발자로 나아가는 사람에게나 적합하고 대부분은 이런 식으로 시작하는게 진입장벽을 낮춰서 긍정적으로 느껴진다.

그렇다고 첨부터 다 복붙하지는 않고 쉽고 기초적인 것들은 조금씩 예제를 보면서 만드는데 의외였다. 우리가 쓰는 일반적인 페이지들의 단면이 이렇게 간단히 만들어지는구나.

본격적으로 부트스트랩에서 이것저것 빌려다가 만들 때부터 앞으로 만들어지는 제작방식에 대해 감이 잡히기 시작했다. 하지만 그것은 어디까지나 원리상으로만 이해한 것이였고 파이참으로 들어가면 여전히 어지러웠다. 나 대체 C+할 때는 왜 안 어지러웠지?

1주차동안 배운 백앤드수업이 자바스크립트 기초문법이였는데 과거에 배우던 C+과 비슷해서 이해하는데 어렵지는 않았다. 프론트앤드도 재밌지만 백앤드가 확실히 수학문제 푸는 감각같아서 더 흥미로웠다. C+, 파이썬, 자바스크립트 모두 어느정도 비슷한 뼈대를 가지면서 조금씩은 다른 점을 알아가는 재미가 있었다.

처음으로 마주하는 과제. 배우긴 배운 것 같은데 조금 가물가물한게 불안하다. 우선 답안지를 없이 최대한 할 수 있는 만큼 하자!

30분동안 예제와 지난실습에서 쓰인 코드들을 보면서 나름 뼈대를 완성했다고 생각했는데 예시랑 비교하니 조금 암담하다. 이번엔 1주차에서 배운 핵심인 부트스트랩에서 가져와서 살을 붙인다.

그렇게 또 30분이 지났지만 별로 체감이 안된다. 몇 개 바뀌지 않았는데 내 시간은 대체 어디로 사라진거람. 이제 기존에 배운 것들을 세세하게 써먹는 시간이 왔것만 계속 헤매기만 하고 시행착오만 겪어서 이제 여기서 해설을 보면서 따라하기로 결정했다.

해설지를 보면서 이해하고 붙여넣기만 했을 뿐인데도 시간이 꽤나 흘렀다. 그치만 이제 어떤 식으로 코딩을 해서 프론트앤드를 하는지 조금 가늠이 잡힌다. 코딩은 대략적으로 헤드와 바디로 나뉘며 핵심적인 코딩은 전부 바디에서 이루어진다. 그 외 부수적인 코딩들, 가령 글꼴이나 크기, 색깔, 위치, 알람 등은 전부 헤드에서 이루어진다. 바디와 헤드는 떨어져있기 때문에 헤드에서 코딩할 때, 바디에서 쓰인 코드들을 다시 쓸 필요없이 class라는 명칭만 이용해서 부수적인 코딩을 한다. 쉽게 구역을 나누고 구분하여 부수적인 코딩을 하기위해서 div를 쓰기도 하고.

다시 최종본을 보니 처음과는 달리 세련되고 깔끔하게 정돈된 모습에서 만족감이 느껴진다. 아직 기초 중의 기초만 했을뿐인데 조금 어려웠다만은 이렇게만 한다면 수강자들의 수려한 웹페이지들이 해볼만한 목표처럼 느껴진다. 생각보다 학기와 야간일을 병행하는 것이 널널하다. 웹개발 종합반을 무난하게 끝낸다면 앱개발 종합반도 고려해보자.