본문 바로가기

분류 전체보기142

[CSS] Box Sizing 📌 참고 사이트 box-sizing - CSS: Cascading Style Sheets | MDN (mozilla.org) box-sizing - CSS: Cascading Style Sheets | MDN box-sizing CSS 속성은 요소의 너비와 높이를 계산하는 방법을 지정합니다. developer.mozilla.org 📋 box-sizing 속성 요소의 너비와 높이를 계산하는 방법을 지정한다. 📍 content-box ➡️ 기본값으로, 지정한 너비와 높이는 요소의 content box 크기에만 적용된다. 즉, 요소에 테두리나 안쪽 여백이 있으면 기존 너비와 높이에 확장하여 화면에 그린다. 즉, 요소의 크기는 너비 == content 너비, 높이 == content 높이 라고 볼 수 있다. e.. 2023. 8. 7.
[CSS] Box Model 📌 참고 사이트 CSS 기본 박스 모델 입문 - CSS: Cascading Style Sheets | MDN (mozilla.org) CSS 기본 박스 모델 입문 - CSS: Cascading Style Sheets | MDN 문서의 레이아웃을 계산할 때, 브라우저의 렌더링 엔진은 표준 CSS 기본 박스 모델에 따라 각각의 요소를 사각형 박스로 표현합니다. CSS는 박스의 크기, 위치, 속성(색, 배경, 테두리 모양 등)을 developer.mozilla.org 📋 CSS 기본 박스 모델 ➡️ 문서의 레이아웃 계산 시 브라우저의 렌더링 엔진은 표준 CSS 기본 박스 모델에 따라 각각의 요소를 사각형 박스로 표현한다. ➡️ CSS로 박스의 크기, 위치, 속성(색깔, 배경, 테두리 모양 등) 등을 결정할 수.. 2023. 8. 7.
엘리스 SW 엔지니어 트랙 6기, AI 트랙 9기 지원 후기 네이버 부스트캠프에서 탈락하고 나서 나중에 있을 다른 부트캠프를 준비하기 위해 계속 공부중이었는데 엘리스 트랙에 대한 광고를 보고 SW 트랙과 AI 트랙 모두 지원해 보았다. 0️⃣ 엘리스 트랙에 지원한 이유 사실 나는 두 트랙 중 SW 엔지니어 트랙의 합격을 목표로 지원하였다. SW 엔지니어 트랙에서 내가 배우고 싶었던 것들이 모두 담겨 있었다. (React, Typescript 등) 그리고 프론트뿐만 아니라 백엔드와 DB 까지도 학습할 수 있게 커리큘럼이 짜여져 있어 좋았다. 프로젝트 기회도 2번이 있다는 것에서도 좋다고 생각했다. 선발 절차에 테스트와 면접이 있다는 것도 엘리스 트랙 지원 이유 중 하나이다. 그러한 절차가 아예 없는 부트캠프보다 좀 더 열정 있는 학생들이 많이 들어올 것 같았다. A.. 2023. 8. 1.
[Javascript] 참조에 의한 객체 복사 📌 참고 사이트 참조에 의한 객체 복사 (javascript.info) 참조에 의한 객체 복사 ko.javascript.info 📋 원시 타입의 복사와 객체의 복사 ❓ 변수와 메모리 공간 변수를 선언하는 것은 값을 저장하기 위한 특정한 메모리 공간을 확보하는 것을 말한다. 이때 값이 저장되는 메모리 주소와 식별자가 매핑되게 되는데, 변수명이 식별자 역할을 한다. 변수 자체는 데이터를 담는 공간 역할을 한다. 변수 참조 시에는 변수의 메모리 주소가 아닌 해당 주소에 저장된 데이터를 참조한다. 변수(Variable)와 식별자(Identifier) (tistory.com) 변수(Variable)와 식별자(Identifier) 변수(Variable)와 식별자(Identifier) 들어가기 전에... 사람들은 변.. 2023. 7. 21.