Keyword : 컴퓨터,프로그래밍,프로그램,web,html,css
오늘도 열정적인 마음으로 시작한 강의. 자기주도학습의 습관을 들이기 위해서 딴짓을 줄이고자 폰을 멀리했다.
컴퓨터 -> 입력받은 데이터를 컴퓨터가 일정한 규칙으로 처리하고 저장하고 출력하는 것을 말한다.
즉 여기서 필요한 것은 입력장치, CPU, 프로그램(Soft ware), 저장장치, 출력장치
하드웨어: 입력,cpu,저장,출력 장치를 의미한다.
소프트웨어: 규칙적인 것.
Software
소프트웨어는 시스템소프트웨어를 제외한것은 모두 응용프로그램인데 시스템소프트웨어는 응용프로그램을 기반하는 OS를 의미한다. hardware를 관리한다는 특징을 가진다.
Hardware
CPU
제어장치->os와 소통하여 자원관리, 흐름제어
연산장치-> 실제 코드를 실행시키는 곳
레지스터->연산장치에 필요한 데이터를 임시적으로 저장
버스
데이터버스->데이터 이동통로
주소버스->이동통로 정보를 전달
제어버스->제어흐름을 전달.
저장장치
입-출력
:흔히 말하는 키보드나 모니터 등등등
프로그래밍->어떻게 동작해야하는지 정의를 해주는것.
프로그래밍언어->인간의 언어를 컴퓨터가 알아들을수있게 하는 언어 -> 프로그램 생성가능
MARK-up언어-> 어떤 데이터가 어떻게 표현되는지를 기술해 놓은 언어 -> 프로그램 생성x
컴파일 빌드 IDE
프로그래밍언어를 기게어로 번역해주는 것을 컴파일러가 하고 컴파일이라고 부른다. 그것을 실행시키기 위해서 빌드를 해야하고
이를 한 프로그램에서 하게 해주는것을 IDE라고한다.
web
ex)카페에서 주문하는 사람을 client 주문받는 알바생을 serve라고 생각하면 client는 server에게 resoruse를 요청하고 client는 이를 응답한다. 이를 웹서버 기준으로 생각하면 web client는 server에게 resourse를 요청하고 2티어 기준으로근 web server가 응답해주고 3티어에서는 데이터베이스에서 resourse를 가져와서 응답해준다.
HTML
Mark-up languge
<> hello </>
이를 통틀어서 요소라고 하고 <>를 태그 안에 문장을 컨텐트(문장)이라고 한다. 안에 class나 id가 있다면 속성이라고 한다.
attribute name= class or id;
몰랐던 사실들==
<a href =" " target="_blank"> --> target을 이용하여 새 창을 열것인지 아닌지 정할 수 있다.
<head>안에는 meta data 넣는다.
<ul> unordered리스트
<ol> orderedlist ->type=" "으로 앞에 순서형식을 정해줄 수 있다.
<div> <p>줄바꿈 <span>줄 못바꿈
hr-> 수평 br->줄바꿈 <pre>자신이 원하는 형식
input disable(사용불가), maxlength(최대값),readonly(읽기만 가능) 속성가능
input type="number"을 통해 숫자만 가져올 수 있다.
<code>자바 코드를 조각으로 가져올 수 있다.
Css
웹 페이지의 디자인과 스타일링을 담당
UI -->사용자가 실제로 보는 화면
UX-->사용자들의 평가
html의 요소를 선택-->샐랙터
{
속성명:속성값;
}
id는 단일 속성 class는 다중 속성
픽셀은 기기나 브라우저에 영향을 받는다 -> 글꼴의 크기를 고정하기 때문
rem 상대적인 단위로 사용한다.
div p 는 block 한줄먹기가 가능하다.
하지만 span은 한줄먹기 불가능.
그래서 span은 width & height를 사용할 수 없다.
하지만 display->inline으로 설정하면 가능하다.
내일도 달려보자 습관들이기
'부트캠프 > 코트스테이츠 백엔드 코스' 카테고리의 다른 글
| 회고 6일차 (0) | 2023.02.20 |
|---|---|
| 회고 5일차 (0) | 2023.02.17 |
| 회고 4일차 (0) | 2023.02.16 |
| 회고 3일차 (0) | 2023.02.15 |
| 코드스테이츠 부트캠프 첫 날 회고. (0) | 2023.02.13 |