본문 바로가기

CS/컴퓨터 구조 및 개발 기초2

박스 모델, Flexbox 박스 모델 줄 바꿈이 되는 블록 옆으로 붙는 블록 블록 인라인 , CSS 선언 중 (박스 크기 설정하는 속성) 실제 작동하지 않는 것은 Margin : 바깥 여백, 다른 태그와의 거리, 각각의 값은 시계방향, 음수 지정 가능 Border : 테두리 Padding : 안쪽 여백, 각각의 값은 시계 방향 content : 내용 박스 크기보다 콘텐츠 크기가 더 큰 경우엔 콘텐츠가 박스 바깥으로 빠져나온다 그래서 스크롤로 표시하는 경우가 있는데 그걸 위한 overflow : auto; overflow-x, overflow-y (두 방향 다 스크롤 가능) 레이아웃 디자인할 때 가장 헷갈리는 부분 박스에 적용할 여백을 고려하지 않고 콘텐츠 부분만 생각하게 되면 기존에 생각했던 레이아웃을 벗어나게됨 #containe.. 2022. 4. 28.
컴퓨터 구조 및 웹 개발 기초 컴퓨터란? 이제까지 나의 인식 속에서 컴퓨터라고 하면 당연하게도 데스크탑, 노트북 이런 것만 떠올리는게 정상적이었다 그도 그럴 것이 매번 그 이름을 부르고 사용을 해왔기 때문이다 IT 전공, 개발자로써 성장하기 위한 첫 걸음으로 가장 기본이 되는 컴퓨터의 정의에 대해 새롭게 알게되었다 지시를 하지 않으면 그 어떤 것도 스스로 할 수 있는게 없는 매우 수동적이지만 매우 정확하고 빠른 그런 이상한 녀석을 우린 컴퓨터 라고 부른다 입력장치를 통해 데이터를 입력 받고 정해진 규칙에 따라 연산 처리를 해서 그 결과를 저장하고 우리가 감각할 수 있게 출력하는 전자 장치 이정도면 다른 사람에게도 어렵지 않게 설명이 가능할 것이다. SW / HW 소프트웨어와 하드웨어의 구분 막연하게 만질 수 있는 것과 없는 것으로 알.. 2022. 4. 26.