[CSS] box-sizing

and the retrospect of 1st week of coding Bootcamp

공부하다가 새로운 property 발견!! 바로 box-sizing이다. mdn만 읽어서는 무슨 말인지 잘 몰라서 직접 해보았다.

Screenshot 2022-07-23 at 1.43.08 PM.png

역시 직접 해봐야 이해가 된다.

box-sizing property에는 2가지 value가 있다.

  • content-box : default. content의 크기가 width/height 으로 유지
  • border-box : border 값이 width/height 에 포함

코딩 부트캠프 1주차 후기(23 July 2022, Saturday)

월요일부터 시작된 강행군. 정규 시간은 오전 10시부터 오후 7시 이지만 다들 취업까지 시간이 얼마 없다는걸 알기에 정규시간보다 더 일찍 오고 더 늦게 집에 간다. 출퇴근 앱(Wantedspace)을 써서 몇시간 학원에 머물렀는지 볼 수 있는데 이번주는 62시간 54분을 학원에서 보냈다능.. 🫠 (하루에 12시간 이상 ㅋㅋㅋ) 꾸준히 이 생활이 유지되는 것이 중요한 것 같다. 처음엔 적응이 덜 되서 그런지 목요일부터 머리가 멍한 느낌? 차라리 일찍 퇴근하고 아침 일찍 오는것도 좋은 방법인것 같다. 하지만 코딩을 하다보면 나도모르게 11시가 넘어가 버린다 ㅋㅋ 이번주는 html css javascript의 기초를 다지는 기간으로 repl.it문제를 푸는데 하루만에 다 한사람, 계속 하고 있는 사람 등등 실력도 다양한것 같다. 오늘은 토요일이지만 난 아직 3문제 남아있다. 오늘 안에 다 풀어야겠다! 확실히 옆에서 같이 하는 동기들이 있어서 포기하지 않고 할 수 있는 것 같다. 문제가 풀리지 않을 때, 그래도 내 힘으로 풀어보고 싶어서 끙끙 앓다가 동기분들께 물어보면 머리속에 느낌표들이 정말 많이 생긴다 (‼️) 엄청 복잡하고 어렵게 생각했던게 사실 엄청 간단하게 해결 할 수 있는 것들을 보면 정말 신기하다. 매일매일 뇌속에 뉴런이 새로 자라는 이 기분 🤓🧠 ❗️ 공부하면서 문제풀면서 새로 알게되는 것들을 블로그로 정리하기 시작했는데 1일 1블로그 정말 좋은 것 같다. 이해했다고 생각했던 개념들이 사실 말로 또는 글로 다시 설명 해 보면 모르는 경우가 많다. 블로그를 작성하면서 내가 정말 이해 했는지, 그리고 정리하면서 머릿속도 정리 되는 느낌이라 시작하기 잘 했다고 생각이 든다. 이번주엔 자기소개로 재미있는 게임도 하고 동기들과 같이 밥도 먹으며 친해지는 가벼운(?)한 주를 보냈고 다음주 부터 점점 진해지는 프로그래밍의 맛을 느낄 수 있을 것 같다 🔥