전체 글 16

[코드잇 강의/ 웹 개발 기초 지식] 정적 웹 페이지와 동적 웹페이지

자 그러면 앞에서 배운 내용을 정리를 해보자구! 우리가 url을 쳐서 어떤 사이트에 들어가고자 하면 어떤 일이 일어날까? 딱 구글에 내가 www.naver.com을   쳤다고 생각해보자. 첫번째, 내 컴퓨터(클라이언트)가 서버(네이버 서버 컴퓨터)에게 웹 페이지를 요청할거야두번째, 서버는 코드를 내 컴퓨터의 브라우저에게 주겠지?세번 그러면 앞에서 배운 내용을 정리를 해보자구!   우리가 url을 쳐서 어떤 사이트에 들어가고자 하면 어떤 일이 일어날까? 딱 구글에 내가 www.naver.com을 쳤다고 생각해보자.  첫번째, 내 컴퓨터(클라이언트)가 서버(네이버 서버 컴퓨터)에게 웹 페이지를 요청할거야 두번째, 서버는 코드를 내 컴퓨터의 브라우저에게 주겠지? 세번째, 서버는 받은 코드로 그림을 그려서 유저..

[코드잇 강의/웹의 기본요소] IP, DNS, URL 퀴즈

문제 1. 다음 중, IP 주소 형식에 가장 알맞은 것은? 정답은 2번이다. 사실 나도 처음에 3번인 줄 알았는데, IP 주소는 0-256 까지의 숫자 4개가 점으로 구분 되어 있는 형식인게 규칙이어서이다. 문제 2. DNS가 하는 일을 제대로 적은 것은? DNS는 클라이언트가 도메인을 입력하면, 그에 맞는 IP 주소를 반환해주는 역할을 한다.그러므로 정답은 3번 !! 3.URL에 관한 설명으로 옳지 않은 것을 전부 찾으면?1번이 헷갈릴 수 있는데, scheme이 체계 즉 규칙이니까 프로토콜 또한 맞는 보기이다.  정답은 2번 4번이다.2번- host는 서버의 정보를 나타낸다. 어떤 프로토콜을 쓰는지는 host의 앞부분인 scheme가 알려준다.4번- path에 해당하는 폴더가 없으면, 해당 이름의 폴더..

[코드잇 강의/웹의 기본 요소] URL

해당 포스팅은 코드잇 웹 개발 기초 지식 강의를 보고 정리한 내용입니다.  url 개요우리가 원래 웹사이트 주소를 치려면 ip 주소를 쳐야하는데 이거는 너무 길자나?그래서 웹 사이트 주소를 google.com 이렇게 치자나 사실 우리가 대충 치는거지 원래는 www. 어쩌구 ... 임!!이거를 uniform resouce(자료) locator 이라구 함!!url 용어 뜻여기에서 resource는 우리가 구글 웹사이트에 들어가면 사실 구글 서버 컴퓨터에구글 웹페이지 코드를 요청을 하는 거자나 그 때 우리가 요청하는 코드를 resource라구 함!!!코드 뿐 아니라 사진, 음악 .. 등등 다양한 칭구들이 있다!!  locator은 영어로 위치자나?그래서 resource locator랑 합치면 웹에서 자료 위치..

[코드잇 강의/웹의 기본요소] IP와 DNS

우리가 브라우저에서 유튜브로 들어가면브라우저가 클라이언트 역할로, 유튜브 서버 컴퓨터에 요청해서 코드를 받아온다.  그런데 세상에 서버가 그렇게 많은데,우리 브라우저는 어떻게 바로 유튜브 서버를 찾을 수 있을까?바로 ip주소와 dns로 가능하다.  ip 주소는 인터넷 상의 주소이다. 우리의 스마트폰과 컴퓨터도 인터넷에 연결되면 ip주소를 가진다.  따라서 우리 브라우저는 유튜브의 ip 주소를 따라서 유튜브 페이지를 찾아간다.그런데 ip주소는 세상에 너무 많고, 또 형태자체도 복잡하다. 그래서 필요한게 dns다.dns는 ip주소를 알려주는 서버?라고 볼 수있다. 예를 들어보자.우리는 친구한테 전화를 걸 때 친구의 전화번호로 전화를 건다.그렇다면 친구의 전화번호가 ip주소이다.그런데 우리가 친구의 번호를 하..

[코드잇 강의/ 웹의 기본요] 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..

[코드잇 강의/웹의 기본요소] 3강 웹 퀴즈

1. 다음 빈칸들에 들어갈 용어 두 개를 띄어쓰기로 구분해 입력해 보세요.인터넷을 통해 두 컴퓨터가 정보를 주고받을 때, 정보를 요청하는 컴퓨터나 프로그램을 _____(이)라고 하며, 정보를 제공하는 컴퓨터나 프로그램을 _____(이)라고 한다. --> 정답: 클라이언트, 서버 2. 다음 중 브라우저의 역할에 해당하는 것을 모두 고르세요.1. 웹 개발자들이 작성한 코드를 서버로부터 받아 온다.2. 웹 사용자가 작성한 코드에서 오류를 찾아내 교정해 준다.3. 웹 개발자가 작성한 코드를 해석하고 일반인들이 이해할 수 있는 방식으로 시각화한다.4. 웹을 이용할 때의 규칙들을 저장해 두고 사용자에게 공지한다.5. 인터넷 연결이 원활하지 않은 지역에 웹 서버를 설치한다.--> 정답: 1번, 3번 3. 빈칸을 채우..

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

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

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

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

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

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