본문 바로가기

공부기록169

2월 14일 (1) HTML - 목록 요소의 형식 내용 [ ] 안의 내용은 생략가능하다. 쓸수도 있고 안 쓸 수도 있다. 공통 태그(List Item) : 항목을 나타낸다. 계층 구조를 가진다. 공통속성 width : 요소의 가로 길이를 지정하는 속성 단위 px 픽셀 한 점의 크기 (내장된 고정된 크기) % 백분율(기준 : 브라우저 창의 내부 화면 크기에 따라서 길이가 달라진다.) 세로보다 가로를 더 중요하여 여긴다. UX적 측면에서 보조적인 측면이 더 많이 들어가 있다. 비율을 사용하는 형태로 처리 세로를 먼저 지정하고 가로길이를 지정 태그 : 수평선 표현 주요 속성 : width 가로길이 지정 size 두께 지정(1-2px 차이 없음, 3px 정도만 사용, 그 이상을 잘 사용하지 않는다.) 목록태그 : List 화면에 목록 형태로 텍스트.. 2023. 2. 14.
2월 13일 (2) HTML - 웹 문서 만들기 요소를 작성할 때 단축 태그를 사용할 수 있다. 표현할 내용이 없을 경우 시작태그 명 뒤에 '/'를 붙인다. 예> 가능한 태그가 있고 가능하지 않은 태그가 있다. 시작태그는 속성을 포함할 수 있다. 속성은 요소의 다양한 효과를 표현하는 데 사용한다. 하나의 태그는 속성과 내용을 담고 있다. 작성 규칙 1. 태그명은 소문자로 작성하도록 한다.(HTML5 권장) 2. 내용에 연속된 공백이나 줄바꿈은 웹 브라우저에 한 칸의 공백으로 출력된다. 3. 요소의 포함관계(계층관계) 표현을 위해 들여쓰기를 한다. 4. 한 요소는 시작 태그와 종료 태그를 작성하며, 다른 요소의 태그와 중첩되지 않아야 한다. 5. 주석은 로 작성 문서 작성 본문에 작성하는데 사용하는 p태그 여기는 인용 문자나 내용이 들어갑니다. html.. 2023. 2. 13.
2월 13일 (1) HTML - 웹 개발 시작하기 1. 웹 개발 웹 브라우저 화면에 보이는 겉모습을 만드는 것이 전부가 아니다. 웹 사이트는 사용자에게 제공할 기능, 서비스까지 모두 담아야 한다. 서버 vs 클라이언트 프런트엔트 개발 vs 백엔드 개발 기본페이지, 웰컴파이, 웰컴페이지 - 처음 웹 사이트에 들어갔을 때 웹페이지의 상단 제어하는 부분(주소창, 제목 등) 서비스를 제공하는 부분(화면 부분) - 프런트엔드 엔드 포인트 ------------ 엔드 포인트 기본영역 HTML, CSS, JS HTML - 웹 문서의 뼈대 CSS - 웹 문서를 꾸밈 JS - 사용자 동작에 반응 과거 : 정적인 페이지가 주, 변하지 않음 현재 : 동적인 페이지, 뉴스 등 변화함 배울 기술 제이쿼리 스프링 2. 웹 개발 환경 만들기 웹 브라우저 크롬, 엣지, 파이어폭스,.. 2023. 2. 13.
공부팁 - 영타 연습 사이트 진행속도가 빠르다 보니 수업을 들을 땐 영타 속도가 중요할 수 있다. https://www.speedcoder.net/ Typing Practice for Programmers | SpeedCoder www.speedcoder.net https://typing.io/ Typing Practice for Programmers | typing.io How does typing.io differ from other typing tutors? Most typing tutors sidestep symbol keys and skip the most frequently typed key, backspace/delete. Typing.io includes these keys, resulting in uninflated.. 2023. 2. 12.
2월 10일 (2) 컴퓨터 기본 2. 컴퓨터의 역사 최초의 디지털 컴퓨터 콜로서스(영국) 영화 이미테이션 게임 세간에 알려진 최초의 디지털 컴퓨터 애니악(미국) 공통점 : 진공관을 사용, 2진법 활용 전기와 빛의 속도가 비슷한 점을 차용하여 만듦 꺼짐 켜짐으로 2진법을 나타냄 bit : 2진수로 나타내는 한 자리 byte : bit를 8개 묶은 것 3. 컴퓨터의 물리적 구조 폰노이만 구조 - 존 폰 노이만, 프로그램을 기억장치에 내장하는 방식의 컴퓨터를 제안 기본 3요소(하드웨어) 중앙처리장치 CPU 연산담당 기억장치 Memory 주기억장치 : RAM 보조기억장치 : 하드디스크, 기본구조장치가 아님 입출력장치 I/O 컴퓨터에 들어오는 값, 컴퓨터에서 출력되는 값 표준입력장치 : 키보드 표준출력장치 : 모니터 시스템버스 : 각 장치를 연.. 2023. 2. 10.
2월 10일 (1) IT용어 수업이 이루어지는 방식 1. It 용어 컴퓨터 전자계산기 컴퓨터는 덧셈밖에 하지 못함 뺄셈(보수의 개념사용 자릿수) 나눗셈 뺄셈의 연속 곱셈 덧셈의 연속 사칙연산만 가능 하드웨어 CPU, 메모리카드, 하드디스크, 키보드, 마우스, 모니터 소프트웨어 메모리 프로그램을 구성하는 모든 명령어와 데이터의 보관장치 CPU 중앙처리장치, 연산 입출력 프로그램에게 데이터를 주는 행위 / 프로그램이 데어터를 주는 행위 주소 어딘가를 찾아가기 위해 사용하는 위치 정보로 물리적 주소, 논리적 주소(변수)로 나누어진다. 데이터 관찰, 측정해서 얻는 값 정보 데이터를 처리해서 얻을 수 있는 결과 2진법, 2진수, 바이너리 기계어(bit), 1과 0만 사용 아날로그/디지털 연속적 신호 / 비연속적 신호 운영체제 시스템을 운영하.. 2023. 2. 10.

티스토리툴바