[HTML/CSS] 경일게임아카데미 사이트 거의 완성

2020.03.17

블록체인 기반 핀테크 및 응용 SW 개발자 양성과정 넷째날

 

팀원들이랑 같이 경일게임아카데미 사이트에서 포트폴리오까지 완성하라는 미션을 받았다. 

나포함 팀원 4명 중 2명은 이미 사전수업을 들으셨고, 교수님이 평소에 잘하시는 분들이라고 항상 칭찬하셨던 분들이였다.

그래서 오늘 다른 팀보다 조금 빠르게 포트폴리오까지 완성하고 밑에 있는 레이아웃까지 완성했다. 

아쉽게 사이트 하단에 있는 회색띠 부분에서 자꾸 에러가 나서 끝까지 완성은 못했음ㅠㅠ

원본사이트랑 팀원들이랑 만든사이트 비교영상

배운점 2가지

1. 네이밍의 중요성

class나 id로 네이밍을 지정해줄때 아무렇게나 짓는 것이 아니라 내용, 그리고 다른 네이밍들과 어떤 연관관계가 있는지, css에서 적용이 필요한 부분이 어디까지인지를 다 고려해서 네이밍을 잘짓는 것이 굉장히 중요하단걸 알았다.

앞서 줬던 효과들을 뒤에 부분에도 적용해야되는 부분이 있을때 얼마나 편리한지 느꼈음

2. 단축키 숙지하기

교수님이 실력도 블로그정리도 잘하신다고 계속 칭찬하셨던 분이 계신데 실제로 굉장히 잘하셔서 같이 팀이 되어 넘 좋았다. 그분이 넘 잘하셔서 html이나 css 정리할때 내가 생각해보는 시간보다 그분이 불러주시는대로 코드를 적어서 약간 받아쓰기 느낌도 있었다 하하^_^ 

그런데 그분이 정말 단축키를 굉장히 많이 알고계셔서 쓰실 때 훨씬 빠르시고 효율적으로 느껴졌다.

단축키는 visual studio code 안에 다 들어있다.

단축키 찾는법은 요기 아래대루 하면됨~!