thgusnee _

먼저 C언어의 기본 예제를 보며 한줄한줄 해석해보도록 하겠다. #include /*선행처리기 명령 (preprocessor 지시자)*/ void printNumber(int); /* printNumber() 함수의 선언부, void 무지형 (값 x) */ int main() /* main함수는 전달인자가 없다, return 값이 int 형 값이다 */ { int num; /* num의 변수 선언 */ num = 1; /* 생성된 변수 num에 숫자상수 1을 대입 */ printNumber(num); num = 3; printNumber(num); return 0; /*생략 불가능*/ } void printNumber(int n) { printf("정수값은 %d입니다. \n", n); /* 선행처러기에 코..

함수 (function) 란 ? 함수는 기능을 구현하는 부분을 따로 떼어 구현하는 것이다. 함수는 크게 1) 사용자 정의 함수 2) 라이브러리 함수 두가지로 구분된다. 1) 사용자 정의 함수 사용자가 구현하고 싶은 기능을 구현 하는 것이다. 변수처럼 규칙에 따라 함수의 특성을 살린 이름을 지으면 된다. 2) 라이브러리 함수 가장 흔히 쓰는 prinf(), scanf() 등이 이에 포함한다. 두 함수는 stdio.h 파일에 정의되어 있다. 함수의 특징 1) 외형적인 측면의 특징 함수명 뒤에는 항상 ( ) 가 따라다닌다. ( ) 안에 든 값을 전달인자(argument) 라고 부른다. 전달인자로 입력되는 값은 함수입장에서 상수인지 변수인지 표현식으로 입력됐는지 알 수 없고 상관하지도 않는다. 즉, 전달인자는 ..

👀 박스 모델 HTML의 요소는 박스 모델로 되어 있다. 태그를 통해 요소를 만들 때마다 새로운 box 가 생기고 그 박스에 style을 주어 문서를 꾸밀 수 있게 되는 것이다. 브라우저는 박스 모델의 크기와 속성, 위치에 따라 렌더링(html로 입력받아 해석해서 표준 출력 장치로 출력하는 행위)을 실행한다. Content: 요소의 텍스트나 이미지 등의 실제 내용이 위치하는 영역이다. width, height 속성을 갖는다. padding: 테두리(border) 안쪽에 위치하는 요소의 내부 여백 영역이다. padding 속성 값은 패딩 영역의 두께를 의미하며 기본 색은 투명(transparent)이다. 요소에 적용된 배경의 컬러, 이미지는 패딩 영역까지 적용된다. border: 테두리 영역으로 borde..

🎉오늘도 완성본 먼저 🎉 header-search 부분의 css가 채워지는 지점이라고 생각하면 될 것 같다. html 네이버를 시작페이지로 쥬니어네이버 해피빈 네이버 검색창 검색 검색 메일 카페 블로그 지식인 쇼핑 네이버페이 네이버쇼핑 실시간 검색어 연합뉴스 충격) 배소현 공부 하기 싫어 ... 속보) 11월달 안에는 html 끝내야 .. 언론사 목록 로그인 뉴스 쇼핑 공지사항 creators 회사소개 CSS *{ box-sizing:border-box; } /* Cascading Style Sheet */ /* 선택자(Selector) */ .blind { position: absolute; overflow: hidden; clip: rect(0 0 0 0); margin: -1px; width: 1p..

position은 문서 상에 요소를 배치하는 방식이다. top, right, bottom, left 속성이 요소를 배치할 위치를 결정한다. position 개념을 이해하기 전에 알아야할 특징은 position 속성은 상속되지 않는다는 것이다. 즉, 부모 요소의 position 값을 상속받지 않는다는 것이다. -문법 position : static / relative / absolute / fixed static - 기본 값 - 다른 태그와의 관계에 의해 자동으로 배치되며 위치를 임의로 설정해줄 수 없다. - 요소들이 html에 작성된 순서 브라우저 화면에 표시가 되며 따라서 top, bottom, right, left의 속성값은 무시됨 relative - 원래 있던 위치를 기준으로 좌표 지정. - 즉, ..

🎶먼저 오늘의 최종본 먼저 🎶 html 코드 이 색칠된 부분은 user agent stylesheet 다. 즉, 브라우저가 기본적으로 정해주는 css ! html에 적용된 태그가 div태그에도 영향을 미친다는 것도 중요한 점이다. ✔ 조상에 적용된 태그가 자식태그가 덮어 씌어지는 관계가 헷갈리기 때문에 기억해둘 것 ✔ css의 선택자와 속성을 외우는게 굉장히 중요하므로 따로 정리해둘 것 여기서 왜 네이버 옆에 검색창이 나란히 안오는 이유는 기본값으로 설정되어 있는 display: block;은 항상 마진을 가지고 있기 때문이다. 즉, 기본적으로 주어지는 마진을 없애기 위해 dispaly: block;을 바꿔주면된다. 가장 간단한게 display를 inline-block로 바꿔주는 것이다. 그러나 마진이 ..

먼저 네이버의 CSS를 없애보겠다. CSS 없애는 방법 네이버 홈페이지에서 F12 클릭한 뒤 console을 눌러준다. console 창에 document.head.parentNode.removeChild(document.head); 를 입력한다. 그러면 이렇게 CSS가 사라진 페이지가 나오게 된다. 광고랑 저 축구선수는 자바스크립트를 활용했으므로 CSS를 제거해도 그대로 유지된다. 먼저 제로츄 님의 HTML/CSS 무료 강좌 1강을 보고 만들 수 있는 코드이다. zerocho github 주소 : https://github.com/ZeroCho/html-css-naver GitHub - ZeroCho/html-css-naver Contribute to ZeroCho/html-css-naver devel..

들어가기에 앞서, 먼저 html과 css가 무엇인지 정의부터 하도록 하겠다. 간단히 말하자면 HTML은 구조적 설계 (Structure Design), CSS는 비주얼 디자인(Visual Design)이다. CSS (Cascading Style Sheets)는 HTML 태그 등의 장식, 크기, 색깔, 폰트 등을 지정한다. 즉, HTML의 세부적인 내용을 멋나게 꾸며주는 역할이라고 보면 되겠다. html이란 Hyper Text Markup Language의 약어다. 웹페이지를 만들기 위한 언어로 웹브라우저에서 동작하는 언어라고 이해하면 쉽다. HT - Hyper Text (문서와 문서가 링크로 연결되어 있고) M - Markup (태그로 이루어저 있는) L - Language (언어) 웹 페이지 (web ..