속성을 전부 외우지 않아도 필요한 속성을 검색해서 적용하면 된다. 편집기에서 속성과 속성값을 추천해주기 때문에 정확하게 외우고 있지 않아도 된다. 태그 글씨 크기 변경 'css text size property' 검색 font-size:medium | xx-small | x-small | small | large | x-large | xx-large | smaller | larger | length | initial | inherit; font-size:15px | 100%; 태그 정렬 'css text center property' 검색 text-align: left | right | center | justify | initial | inherit;
프로그래밍언어
웹 페이지에 CSS 문법을 포함시키는 법(웹페이지에게 CSS범위 알려주기) 1. style 태그 사용하기 - 웹페이지에서 한 태그와 관련 된 모든 글씨 스타일을 바꾸고 싶을 경우 style 태그를 사용한다. - style태그는 head태그에 포함시킨다. - - 여러가지 효과를 동시에 사용하기 위해서 ;(세미클론)으로 구분 지어준다. 2. style 속성 사용하기 - 웹페이지에서 특정 문장에만 효과를 주고 싶을 경우 style 속성을 사용한다. - - 2가지 이상의 효과를 주고 싶으면 효과 끝에 ;(세미콜론)으로 마무리 해준다. CSS css의 문법 a { color:black; } - Selector : 선택자, 이 웹페이지에서 지정한 모든 태그를 선택한다. (위에서는 'a'가 선택자) - Declar..
#include void my_func() {// do something } int main() { int x=0, y=1; int z = 0; z = x + y; return 0; } 문법적으로 오류가 없는 코드라도 사람이 보기 불편하면 좋은 코드가 아니다. #include void my_func() { // do something } int main() { int x = 0, y = 1; int z = 0; z = x + y; return 0; } * 보기 쉽게 띄어쓰기 한다. (int x=0, y=1; → int x = 0, y = 1;) 'int x=0, y=1;' 이 부분을 드래그하고(단축키 :Shift + end 그 줄 끝까지 드래그) 잘라내기(단축키 : Ctrl + X) 후 다시 붙여넣기(단..
문법오류는 개발환경이나 컴파일러의 도움을 통해 쉽게 찾을 수 있으나 문맥오류는 컴퓨터가 구분 할 수 없어 직접 찾아야 하기 때문에 더 어렵다. 테스트를 할 때 문맥오류가 있을 경우 그것을 알려 줄 수 있는 예제인지, 실험이 제대로 되었는지는 스스로가 생각해야 한다. #include int main() { int n1, n2, n3, n4; n5 = 3; n1 = 1; n2 = n1 * n1; n3 = n2 * n1; n4 = n2 * n1; return 0; } 문법 오류(syntax error) n5 = 3; - 비주얼스튜디오 개발환경에서 잡아주는 법 : 빨간물결표시 코드 입력창에서 n5 = 3; 부분에 빨간물결표시로 확인가능 - 컴파일러가 문법 문제가 있다고 인식 못하는 경우 : Build Solut..
프로그래머들이 대부분의 시간을 사용하는 곳은 코딩이 아니고 오류를 제거하는 디버깅 작업이다. 그만큼 디버그를 잘 사용하는 것은 중요 한 일이다. #include void say_hello(void); // prototyping, function declaration int main() { int x, y, z; x = 1; y = 20; z = 3; z = x + y; say_hello(); return 0; } void say_hello(void) // function definition { int x = 1; x = 10; printf("Hello, World\n"); return; } - say_hello함수의 변수정의를 찾고 싶으면 : say_hello 우클릭 - Go To Definition -..
여러번 반복해서 사용하는 함수를 묶어서 하나의 함수로 만들어서 사용하기. - 이미 만들어져 있는 함수를 가져다 사용하지 않고 함수를 직접 만들 수 있다. #include int main() { printf("SM jjang.\n"); printf("SM jjang.\n"); printf("SM jjang.\n"); printf("SM jjang.\n"); return 0; } #include void say_SMjjang(void) { printf("SM jjang.\n"); return; } int main() { say_SMjjang(); say_SMjjang(); say_SMjjang(); say_SMjjang(); return 0; } 여러번 반복해서 쓰인 printf함수를 묶어서 새로운함수(sa..
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 // 이 문장 전체의 주석 ..
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 같은 사이..
