경북대학교 9

[코드잇 강의/ 웹의 기본요] 8강. 개발자 도구로 크롬을 내 마음대로?

해당 포스팅은 코드잇의 웹 개발 기초지식 강의를 듣고 정리한 내용입니다.  웹은 저번 포스팅에서 처럼 3가지 언어로 이루어져있다.html, css, 자바 스크립트이다. 그렇다면 우리는 이 코드를 어떻게 볼 수있을까?마트에 가서 음식물의 포장을 벗기면 진짜 음식물이 나오듯이우리는 웹페이지도 코드를 확인해볼 수 있다. 그러려면 구글 크롬에서 개발자 도구를 사용해보아야한다.  크롬이 없으면 깔기를 바란다.  우선 개발자 도구를 열어보겠다. 개발자 도구를 열려면 구글 우측 상단 도구 더보기 개발자 도구도 있고키보드 단축기 f12를 눌러도 된다.  이렇게 개발자 도구를 열면 이런 화면이 나온다. 하단에 있는 elements 탭에서 기본적인 html과 css 코드를 볼 수 있다.  또한 각 코드에 마우스를 올려놓으..

[코드잇 강의/ 웹의 기본요소] 4강. 웹사이트를 만드는 3가지 단어? HTML, CSS, Java Script

웹을 조금이라도 아는 사람이라면, html, css, java script에 대해서 한번씩 들어봤을 것이다.나도 수업시간에 그냥 스-윽 들어보기만 했던 것 같다.  성시경이 먹을텐데에서 한 말이 있다.음식의 맛내기에는 기름.소금 이 두개만 필요하다고. 그것처럼 웹을 만들려면 딱 3가지만 있으면 된다. 바로, HTML, CSS, Java Script이다.  각 개념이 뭔지는 아래에 설명을 하겠다. 저번 포스팅에서 웹 사이트를 만들려면 개발자들은 코드를 작성해 서버에 넣어놓고, 브라우저가 서버에서 코드를 받아와이를 해석해 유저의 사용화면을 만든다는 것을 알았다. 그렇다면 웹사이트 코드는 무엇으로 작성할까? 이게 아까 물었던 웹의 3대요소와 같은 질문이다. 웹의 3대 요소는 3가지 언어로 이루어진다. 1. H..

[코드잇 강의/웹의 기본 요소] 웹 브라우저와 웹 표준

해당 블로그는 코드잇 강의를 보고 정리한 내용입니다.웹 브라우저란?웹 브라우저란 무엇일까?꽤 자주 들어봤는데도 사실 정확히는 모르는 개념이다. 브라우저란, browse 흝어보다.에서 나온 말로.무언가를 하고 싶을 때 우리가 검색을 하는 크롬, 사파리, 엣지 같은 프로그램이다.   우리는 웹사이트를 만들 때 코딩을 해서 서버에 코드를 넣어둔다. 코드는 쉽게 말해 웹사이트의 설명서이다. 즉 개발자가 웹사이트를 제작할 때 서버에 코드라는 웹 사이트 설명서를 넣는다.  우리가 어떤 요청을 할 때, 브라우저에 검색을 한다.그 때 브라우저는 서버에 코드(웹사이트 설명서)를 요청해서 받아오고, 이 코드를 바탕으로 브라우저는 유저가 웹사이트를 보고 그릴 수 있도록 화면을 그린다.  즉 브라우저는 우리가 검색을 하면 서..

[코드잇 강의/웹의 기본 요소] 웹에서 정보를 얻기, 서버와 클라이언트 개념

해당 강의는 코드잇 강의를 보고 정리한 내용입니다. 서버.클라이언트 개념인터넷은 전 세계 컴퓨터들이 정보를 주고 받는 시스템이다. 그렇다면 우리는 어떻게? 컴퓨터가 정보를 주고 받는가 방식을 알아야한다.  서버: 정보를 주는 쪽,serve(제공하다)클라이언트: 정보를 받는 쪽, 정보를 요청한다.  이 관계를 먼저 알아야한다.  서버.클라이언트 예시예를 들어 내가 컴퓨터로 유튜브를 재생하려고 한다. 내가 구글에 유튜브라고 쳤을때, 클라이언트: 유튜브를 요청하는 내 컴퓨터서버: 요청이 들어오면 사이트를 제공하는 컴퓨터 로 된다.   서버와 클라이언트는 꼭 컴퓨터여야할까? 서버와 클라이언트는 정해진 개념이 아니다. 하나의 컴퓨터가 서버와 클라이언트 두 개의 역할을 동시에 수행하기도 하며,정보를 제공해주는 프로..

[햄깅이의 C언어] Chapter 7 / 반복

본 포스팅은 Perfect C, C언어로 배우는 프로그래밍 기초 책을 기반으로 공부한 자료입니다.다른 포스팅을 참고한 자료는 모두 출처를 남겨놓았습니다6.1 반복 개요 반복의 개념과 구문 종류 우리의 주위에는 생각보다 반복되는 현상이나 작업이 많다.반복은 말 그대로 같거나 비슷한 일을 여러 번 수행하는 작업이다.C언어는 while, do while, for 세 가지 종류의 반복구문을 제공하며반복 조건을 만족하면 일정하게 반복되는 블록을 반복몸체라고 한다. while문 반복문 while은 반복 구문을 실행하기 전에 조건을 검사하는 반복문으로, 조건식이 반복몸체 앞에 위치한다.do while문제일 나중에 반복 조건을 검사하여 반복을 수행하는 do while 구문은 while 구문과는 반대로조건식이 반복몸체 ..

[햄깅이의 C언어] Chapter 6 / 조건

본 포스팅은 Perfect C, C언어로 배우는 프로그래밍 기초 책을 기반으로 공부한 자료입니다.다른 포스팅을 참고한 자료는 모두 출처를 남겨놓았습니다6.1 제어문의 종류 제어문의 종류 비순차적 실행의 제어문 지금까지 배워 온 프로그램 실행 순서의 원칙은 순차적 실행이다. 즉 프로그램은 main 함수 내부에서 배치된 문장이 순차적으로 실행되는 흐름이었다. 그러나 이러한 순차적 실행만으로 프로그램을 모두 작성한다면 매우 비효율적이다.  프로그램의 실행 흐름에서도 순차적인 실행뿐만 아니라 선택과 반복 등 순차적인 실행을 변형하여 프로그램의 실행 순서를 제어하는 제어문이 제공된다.  제어문의 종류 C언어에서 제공하는 제어문은 조건 선택과 반복, 분기 처리로 나눌 수 있다. 1. 조건 선택: 두 개 또는 여러 ..

[햄깅이의 C언어] Chapter 5 / 연산자와 연산식

본 포스팅은 Perfect C, C언어로 배우는 프로그래밍 기초 책을 기반으로 공부한 자료입니다.다른 포스팅을 참고한 자료는 모두 출처를 남겨놓았습니다5.1 연산자와 다양한 연산자  연산식과 연산자 분류 수학에서 사용하는 (3+4*5)와 같은 연산 표현을 수식이라고 하듯이, 프로그래밍 언어에서도 덧셈과 뺄셈과 같은 다양한 연산자와 수 그리고 변수를 사용해 수식을 표현할 수 있다. 변수와 다양한 리터럴 상수, 그리고 함수의 호출 등으로 구성되는 표현 식을 연산식이라고 한다. 연산식은 항상 하나의 결과값을 가진다.연삭식은 연산자 (+,-...)와 피연산자(연산에 참여하는 변수나 상수)로 구성된다.    다양한 연산자 다양한 재료에 따라 필요한 믹서기도 다양하다. 연산자는 연산에 참여하는 피연산자의갯수에 따라..

[햄깅이의 C언어] Chapter 4/ 전처리와 입출력

본 포스팅은 Perfect C, C언어로 배우는 프로그래밍 기초 책을 기반으로 공부한 자료입니다.다른 포스팅을 참고한 자료는 모두 출처를 남겨놓았습니다.4.1 전처리 개요 전처리기의 역할C언어는 컴파일러가 컴파일 하기 전에 전처리기의 전처리 과정이 필요하다.전처리 과정은 말 그대로 컴파일 이전에 하는 작업으로, 전처리 지시자인 #include로 헤더파일을 삽입하거나 #define에 의해 정의된 상수를 대체시키는 등, 전처리 출력 결과인 전처리 출력 파일을 만들어 컴파일러에게 보내는 작업을 수행한다.이후 컴파일러는 전처리기가 생성한 소스를 컴파일한다.  - 전처리 과정에서 처리되는 문장을 전처리 지시자(process directives)라고 한다.- #includem #define과 같은 전처리 지시자는 ..

[햄깅이의 C언어] Chapter3/ 자료형과 변수

본 포스팅은 Perfect C, C언어로 배우는 프로그래밍 기초책을 기반으로 공부한 자료입니다.다른 포스팅을 참고한 자료는 모두 출처를 남겨놓았습니다. 3.1 C프로그램 구조와 프로그램 실행 C 프로그램과 Visual Studio의 기본 구조 C 프로그램은 하나 이상의 여러 함수가 모여 한 프로그램이 구성된다. 비주얼 스튜디오에서 솔루션은 여러 개의 프로젝트를 가지며,다시 프로젝트는 여러 소스파일을 포함한 여러 리소스로 나우어진다.  즉 하나의 프로젝트는 단 하나의 main()과 다른 여러 함수로 구현되며,최종적으로 프로젝트 이름과 같은 하나의 실행파일이 만들어진다.  C프로그램은 적어도 main() 함수 하나는 구현되어야 응용 프로그램으로 실행할 수 있다. 함수의 구현은 여러 문장으로 구성되는데,이러한..