#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) 후 다시 붙여넣기(단..
ALL
문법오류는 개발환경이나 컴파일러의 도움을 통해 쉽게 찾을 수 있으나 문맥오류는 컴퓨터가 구분 할 수 없어 직접 찾아야 하기 때문에 더 어렵다. 테스트를 할 때 문맥오류가 있을 경우 그것을 알려 줄 수 있는 예제인지, 실험이 제대로 되었는지는 스스로가 생각해야 한다. #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 같은 사이..
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). 웹브라우저가 설치되어 있는 컴퓨터를 가르키는 약속된주소. 웹브라우저 주소창에 저 주소를 치면 웹브라우저가 설치 된 각자의 컴퓨터의 웹 서버를 가르킨다..
