목록네이버클라우드 AIaaS 개발자 양성과정 1기/HTML & CSS (6)
개발자입니다
[비트캠프] 18일차(4주차3일) - CSS(border, padding, margin, display, visibility, float, position)
border-style test08_1.html 테두리 다루기(border) => border-style : 테두리 모양 예) inset, outset, groove, ridge, solid, dashed, dotted, double 등 => border-width : 테두리 두께 예)thin, thick, 5px 등 => border-color : 테두리 색상 예) gray, rgb(100%, 0%, 0%), rgb(255, 0, 0), #ff0000 아래 두 줄의 코드는 거의 같은 기능이다. display: inline-block; float: left; *inline-block 틈새 발생시 해결 방법 다음과 같이 틈새 발생했을때, 부모 태그의 font-size: 0으로 하면 틈이 없어진다. *flo..
[비트캠프] 17일차(4주차2일) - CSS(테두리, font, background)
테두리(border) border, margin, padding test05_1.html border : 콘텐트의 경계 margin : border에서 바깥까지 여백 padding : 콘텐트와 border까지 여백 명령어를 짧은 명령으로, 더 짧은 명령으로 적을 수 있다. 값을 지정하는 순서는 상관 없다. 우선순위 낮은걸 위로, 높은걸 아래로 해야 유지보수가 편하다. -top, right, bottom, left test05_2.html padding-top, right, bottom, left 정도만 알면 된다. /* 순서 => 시계 침이 도는 방향(12, 3, 6, 9)*/ padding: 10px 20px 30px 40px; /* 순서: (top/bottom) (left/right)*/ paddin..
[비트캠프] 16일차(4주차1일) - CSS(selector, 상속, specificity), HTML(input)
CSS : HTML element의 모양을 정의 Selector CSS 주석과 셀렉터 test01_1.html CSS 주석 CSS(Cascading Style Sheet)? => HTML UI 컴포넌트(=태그)의 모양을 제어할 때 사용하는 기술 셀렉터(selector)? => 스타일을 적용할 대상자를 지정하는 문법 1) 태그 이름으로 대상자 지정하기 태그명 {스타일명:값; 스타일명:값; ...} 부모 태그와 자식 태그의 계층 구조 #id selector test01_2.html 2) ID 값으로 대상자 지정하기 #아이디 {스타일명:값; 스타일명:값; ...} .class selector test01_3.html 3) 분류명(class)으로 대상자 지정하기 .분류명 {스타일명:값; 스타일명:값; ...} ..
[비트캠프] 15일차(3주차5일) - 네트워킹, HTTP 요청/응답
폴더 복사 붙여넣기 Networking의 두가지 방식 Networking은 두 가지로 나뉜다. Connection-Oriented(연결지향 - 연결 후 통신) → TCP : 데이터 전송 신뢰성. HTTP 1,2 예) 전화 상호간에 연결되었을때 데이터를 보낸다. Connectionless(비연결 - 연결없이 데이터 전송) → UDP : 데이터 전송 신뢰성X. 별도의 처리 필요. HTTP 3 예) 편지, 방송 편지는 특정 IP까지 데이터를 보낸다. 방송은 Network IP까지만 데이터를 보낸다. TCP TCP : Transmission Control Protocol 전송제어프로토콜, 두 개의 호스트를 연결하고 데이터 스트림을 교환하게 해주는 중요한 네트워크 프로토콜이다. TCP는 데이터와 패킷이 보내진 순..
[비트캠프] 14일차(3주차4일) - 숫자/문자/색상 2진수 변환, HTML 태그 종류
Data를 메모리에 저장 데이터를 2진수로 변환할 수 있다면 메모리에 저장할 수 있다. 2진수로 변환하려면 규칙이 있어야 한다. 여기서 데이터란 정수, 실수, 문자, 그림, 동영상, 소리, 빛, 냄새(냄새의 2진수 규칙 없음) Data → 2진수 변환 규칙 정수 ① Sign-Magnitude (부호-절대값) 양수와 음수는 부호만 다르고 값은 같다(부동 소수점의 가수부를 표현할때 사용). 8비트의 맨 앞은 부호비트 이다. - 일때는 맨 앞은 1이 된다. 이 방식의 문제점은 빼기 연산 결과가 일반적이지 않다. 해결을 위해 - 연산 기능을 첨가시켜야 했고 CPU가 커지게 되었다. 결과적으로 Sign-Magnitude 방식을 사용하지 않는다. ② 1's Complement (1의 보수) 보수 : 특정 숫자가 1..
[비트캠프] 13일차(3주차3일) - HTML 개요, Data와 메모리, 2·10·16진수
HTML 예제 소스 받기 HTML의 등장 ① HTTP, HTML 등장 전 논문에서 참고 문헌을 기록할때 달리 연결하는 것이 없었다. ② HTTP, HTML 등장 논문에서 참고 문헌을 기록하고 연결하는 방법이 등장했다. HTML을 화면에 표현해 주는 최초의 브라우저인 Mosaic이 등장했다. 참고 만화 : https://joone.net/2021/01/02/37-%EC%9B%94%EB%93%9C%EC%99%80%EC%9D%B4%EB%93%9C%EC%9B%B9www%EC%9D%98-%EC%8B%9C%EC%9E%91-1/ HTTP Client / Server App Web Server를 개발자는 HTTP Server라 한다. Web 기술의 활용 ① 1세대 : 논문 공유 ② 2세대 : 홈페이지(회사 소개, 제품..