🏃‍♂️코드잇 스프린트 미션 1, 2 📝회고

🏃‍♂️스프린트 미션 1

학습 내용

• 퍼블리싱의 첫 단계, html과 css를 활용해 페이지 레이아웃과 스타일링 지정해봄
• 가상의 마켓 메인 페이지를 퍼블리싱 해보는 것이 미션

Reset.css

• html 엘리먼트 들은 내가 따로 지정을 안해도 마진이 설정되는 경우가 있음. (e.g. p태그는 자동으로 16px의 마진이 붙는다)
• css에서 스타일링을 줄 때 마진이 중첩되는 등의 이슈가 발생
• 때문에, 사전에 이런 margin, padding 등의 기본 값을 제거해 주는과정이 있으면 좋은데, 이 파일을 reset.css 파일이라고

inline과 block

• 각 html 태그 별로 정렬(flow 설정)되는 방법이 다름.
• flow 방식으로 inline과 block으로 두가지 방법이 있는데, 각 태그가 성격이 다르면 flow가 설정되는데 혼잡할 수 있음
• 때문에 block으로 쌓고 싶어서, image태그 같은 inblock 요소들을 전부 div태그로 감싸줬음

🏃‍html 표준을 모르겠다면?

whatwg

HTML 표준 문서
개발자들끼리 표준을 만든 곳
https://html.spec.whatwg.org/multipage/sections.html#the-body-element

mozilla

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/body
파이어폭스 개발한 비영리 단체에서 만든 곳

🏃‍♂️스프린트 미션 2

학습내용

• 로그인 페이지, 회원가입 페이지 제작
• input 받는 영역 설정하기
• git과 github

input tag

Label tag

Form tag

총평

• 생각보다 웹 퍼블리싱이 재미있다!
• 과거 젤괵 인턴하면서 수많은 페이지들을 QA 했었는데, 이 때 야매로 배운 지식들이 생각보다 도움이 됐음.
• • 과거에 이 내용들을 알았다면 고생 덜 했을텐데 싶기도 했다. 페이지 내 드래그 안돼서 copy 복사 안되는것 때문에 방법 찾느라 고생했던 과거의 나.. chrome inspect 모드를 몰랐던 나,,, 코드라고 무서워서 자세히 찾아볼 생각 안하던 나.. 몰랐던 김에 이 때 미리 html 공부 좀 해두지 그랬냐
• css는 아예 초면이라서 초반에 고생을 좀 했다. 하지만 맨땅에 해딩 40번 쯤 하니까 어느정도 적응됨,,
• 대부분 flex로 레이아웃을 조정했는데 생각보다 되게 편했음. 근데 이렇게 남용(?)해도 되는건가 궁금해지기도 했다.
• 하루에 10시간(점심시간 제외하면 9시간) 공부가 생각보다 빡세다,, 그리고 이렇게 빡센 공부 후에도 부가적으로 할게 생각보다 많아서 눈 뜨면 컴퓨터 하고 눈감고의 반복인 일상이됨
• 주말엔 그나마 여유 있을까 싶었지만,, 늦잠을 잘 수 있다는 것? 빡집중을 안한다는 것? 내가 복습을 꼼꼼히 하는 편이 아닌데도 양이 워낙 많아서 쉅 끝나고 강사님 말씀 기억하기에 바쁜 나날이다.
• 지금은 모던 JS를 배우고 있는데 method가 굉장히 많아서 당황하는 중이다.
• 근데 코테 준비에 도움 많이 됨
• 그리고 생각보다 재밌음 코테 준비 다시 해야겄다 (이번주부터 할거임....)
• interactive JS 부분이 제일 재미 없다... 활용해서 스프린트 3 미션을 수행해야 하는데 벌써 하기 싫어서 배째고 싶음
• 이벤트 핸들러 생각보다 개어렵고 개헷갈림
• git 처음에 뭐가 뭔지 하나도 몰라서 엄청 헤맸다ㅠㅠ 근데 한번 파악하고 나니까 그래도 괜찮아짐,, git add ->git commit -> git push만 외워도 반은 함
• 브랜치를 아직 활용할 일이 많지 않아서 덜 익숙하다
• 이 외에도 git 아직 모든 기능들을 다 사용해보진 않았음. 나중에 다시 볼 필요가 있을거 같음
• js 이벤트 핸들러도 빨리 익숙해지길 바람...어려웡,,,