comment 부가적으로 메모하는 기능. 출력시 주석부분은 컴파일러가 빼고 읽는다. /* Written by SMKIM */ #include int main() { /* This is my code */ int x, y, sum; // variables x = 1; y = 4; sum = x + y; // add two numbers printf("The answer is %i", sum ); printf("\n%i + %i = %i", x, y, sum); printf("\n\a"); return 0; } 주석을 다는 방법 1. 블럭주석 /* */ 블럭안에서 /* 이 안에 쓰면 주석으로 처리 */ 맨 윗부분에 /* 저작권자 표시 */ 2. 라인주석 // sum = x + y // 이 문장 전체의 주석 ..
ALL
CSS의 등장 전 - HTML의 등장(1991년) 웹의 나오면서 전자문서를 작성하기 위한 HTML이 만들어졌다. HTML으로 작성 된 전자문서(정보)를 인터넷으로 통해 누구에가 전달 할 수 있다는 것은 당시에 혁명적인 일이였다. 그러나 HTML으로만 문서를 작성하기엔 한계점들이 있었다. 문서에 디자인적 측면이 부족하다는 것이였다. 디자인적 측면은 사용자가 문서를 얼마나 가독성 있게 읽을 수 있느냐가 달린 문제였다. - HTML의 한계점 전자문서를 예쁘게 꾸미지 못한다. - 글꼴변경, 글꼴색상, 가운데정렬, 배경 이미지 삽입 등등 CSS 등장 HTML의 한계 극복 방법 1. HTML 언어에 디자인태그 추가하기. (쉽지만 한계점이 있는 방법) 태그 추가 - 글씨 색을 바꾸고 싶은 부분 - 다른 태그들과의 차..
본문에서 제일 중요한 제목태그 숫자가 커질수록 덜 중요한 제목태그 본문에서 세번째 큰 제목태그 본문에서 네번째 큰 제목태그 본문에서 다섯번째 큰 제목태그 본문엣 제일 덜 중요한 제목태그 글씨 두껍게 해주는 태그 글씨에 밑줄 쳐주는 태그 단락을 나눠주는 태그 줄 바꿔주는 태그 이미지삽입 태그 src="이미지파일이름" width="이미지크기" 링크첨부 태그 href="링크주소", 새탭으로열래 target="_blank", 툴팁표시 title="툴팁표시" li 목록 태그 ul은 목록 묶어주는 태그(번호없이) li 목록 태그 ol 목록 묶어주는 태그(번호표) : head태그와 body태그를 묶어주는 최고위층 태그 : 웹페이지 본문을 설명해주는 태그들을 묶어주는 태그 : 웹페이지의 제목태그 : 데이터를 설명해주는..
내가 원하는 기능들을 직접 구현하기에는 HTML만으로는 불가능하다. 데이터베이스를 활용해서 백엔드의 기술로 구현해한다. 그마저도 여러가지 예외상황들을 추가해야 하기 때문에 직접 구현하기 힘들다.채팅, 댓글, 방문자분석 같은 웹사이트에서 많이 사용하는 기능들은 이미 만들어 놓은 것들을 가져다가 문서에 포함시키면 된다. 그외의 기능들도 이미 다른 개발자들이 만들어서 무료소스로 공유하고 있는 것들이 많으니 검색해서 활용 하도록 하자. 동영상 삽입유튜브 동영상 삽입하는 2가지 방법1. 원하는 유튜브 영상화면 우클릭 - 소스코드 복사 - 원하는 곳에 붙여넣기2. 유튜브 영상 화면 밑부분 공유하기 클릭 - 퍼가기 클릭 - 소스코드 복사 - 원하는 곳에 붙여넣기 댓글 기능 추가- DISQUS, LiveRe 같은 사이..
WEB1 - HRML & Internet WEB1 - HTML & Internet - 생활코딩--- 우리는 지금부터 코딩 웹 인터넷 컴퓨터라는 거대한 주제에 대한 탐험을 시작할 거예요. 이 여행을 시작하기에 앞서서 한가지 준비가 필요한데요. 바로 우리들의 상상력입니다. 지금부터 여opentutorials.org 생활코딩에서 'WEB1 - HTML & Internet'강의를 수강했다. 이 강의를 선택한 이유는 웹개발자의 공부 로드맵으로 제일 많은 사람들이 하는 첫 시작이 HTML을 배워서 웹 프론트엔드에 대해 알아가는 것이였기 때문이다. 해당 강의는 HTML과 Internet에 관한 강의로, 강의를 마치면서 앞으로의 공부방향에 대한 이야기도 해준다. 그래서 웹개발에 대한 앞으로의 공부방향도 설계해주고, H..
웹서버와 http(윈도우) - IP주소 'http://127.0.0.1/index.html' * index.html(나의 경우 bitnami가 만든 htdocs 폴더에 있는), Web Browser, Web Server(나의 경우 Apache)가 모두 들어있는 컴퓨터에서 웹브라우저 주소창에 'http://127.0.0.1/index.html'를 검색. Apache Web Server연결 성공 했다는 페이지와 'http://127.0.0.1/index.html'페이지가 같다. * '127.0.0.1' IP주소(Internet Protocol Address). 웹브라우저가 설치되어 있는 컴퓨터를 가르키는 약속된주소. 웹브라우저 주소창에 저 주소를 치면 웹브라우저가 설치 된 각자의 컴퓨터의 웹 서버를 가르킨다..
웹서버 제품들 - 2020년 현재 웹서버 프로그램 점유율 : Apache 1위, 오픈소스, 무료 웹서버 'Apache' 설치하기(원도우) - 다운로드 하는 법 찾아보기 직접 설치하기는 까다롭기 때문에 윈도우에 아파치 설치 도와주는 프로그램을 이용해야한다. 'how to install apache http server Windows10(OS 이름)' 검색 'how to easy install apache on window' 검색 - 수업에서 사용 한 방법 : BitNami WAMP Stack https://bitnami.com/stack/wamp/installer Install WAMP, Download WAMP show MD5 4693f36e1c49dd8f2d13bc031e6b8381 SHA1 e9eb9..
printf(문자)함수로 문자 출력하기. #include int main() { printf("\"The truth is... \nI am Ironman.\"\n); return 0; } 입력 → printf() → 출력 입력은 출력할 문법을 받아야 한다. 그래서 입력은 printf함수의 안에 들어간다. 함수를 실행시키면 화면에 출력시키는 기능을 한다. printf(...) printf formatted의 약자로 형식을 맞춰 나타낸다는 뜻이다. 파이썬 같은 다른 언어에서는 형식을 하나하나 맞추지 않고 print함수를 사용한다. 그래서 따로 \n을 쓰지 않고 print함수를 두 번 사용하면 줄이 바뀐다. C언어는 문법을 엄격하게 만들었기 때문에 잘 배워두면 다른 언어 배울 때 쉽다. \n (esca..
meta tag의 속성들 meta tag의 속성들 meta tag란?어떤 데이터가 있으면 그 데이터를 설명하는 데이터.이 웹페이지의 요약 : 저자누구? 내용요약? 검색키워드?웹페이지에는 나타나지 않지만 웹페이지를 정체성을 나타내는 중요한 태그. meta tag의 속성 Meta라는 태그를 잘 사용하면 웹페이지가 훨씬 더 가치 있는 정보가 될 수 있다 - meta charset="utf-8" - 이 문서는 utf-8으로 저장 된 파일이라고 알려주는 속성. 이 속성을 표시 하지 않으면 브라우저 기본 설정에 따라 화면이 깨지게 나올 수도 있다. - meta name="description" content="meta tag의 속성" - 검색결과에 이 웹페이..
Web hosting 업체를 이용하는 이유 - 웹서버를 운영하기 위해서 늘 켜져있는 컴퓨터가 필요하고, 웹서버 프로그램을 설치하고 그 사용법을 공부해야한다. 또한 집 밖에서 인터넷을 통해 웹서버에 연결하기 위해서는 여러가지 조치들을 해야하는 등 개인이 하기엔 힘들다. - 웹서버를 운영하기 위한 컴퓨터인 host(인터넷이 연결 된 컴퓨터)를 빌려주는 회사가 web hosting업체이다. - 내가 만든 html파일을 웹호스팅업체에 저장 해두면, 업체에서 웹서버를 빌려줘서, 웹브라우저에서 내가 만든 웹사이트를 볼 수 있는 시스템이다. 내가 웹서버를 운영하지 않아도 호스팅업체에서 서버를 빌려주고 다른 컴퓨터의 웹브라우저에서도 내가 만든 웹사이트를 열어 볼 수 있게 된다. Web hosting 업체 Githu..
