daniel7481의 개발일지

5)browser에서의 웹 개발 - 1 크롬에서 amazon.com을 들어가고 개발자 도구(윈도우면 ctrl shift i)를 들어가보자. 네트워크에 들어가고 새로고침을 하면 waterfall이 엄청나게 요동치는게 보이는데, 맨 위에 보면 www.amazon.com 이라는 html 문서가 보인다. 이것이 서버가 보낸 첫 번째 응답이다. response칸을 들어가면 html css javascript 코드가 보이는데 자바 스크립트 코드는 압축이 되어 있다. html코드는 meta, script, 등등의 태그가 보인다. meta 태그는 이 문서가 어떤 것인지 브라우저에 알려주는 것이다. html코드 사이에 CSS와 Javascript코드가 많이 섞여 있다. 살펴보고 깨달은 점: -HTML문서는 html이라는..

3) 웹 Front_End와 웹 Back_End-1 웹 프론트앤드(웹 브라우저) 사용자에게 웹을 통해 다양한 컨텐츠(리소스)를 제공한다. 사용자의 요청에 반응해서 동작한다. 역활 웹 컨테츠를 잘 보여주기 위해 구조를 만들어야 함(신문, 책 같이) 적절한 배치와 일관된 디자인등을 제공해야 함(보기좋게), 사용자 요청을 잘 반영해야 함(소통하듯이) 순서대로 HTML(언어), CSS(디자인), JavaScript(프로그래밍을 할 수 있는 언어)를 이용해서 만든다. 마스터님은 Amazon을 예시로 들며 브라우저를 설명하였다. 4) 웹 Front_End와 Back_End-2 백조를 비유했을 떄, 물 위로 보이는 백조는 프론트엔드고, 밑에서 발길질을 하고 있는 것을 백엔드라고 할 수 있다. 백엔드 개발자는 문제를 ..

오리엔테이션 웹 프론트엔드와 웹 백엔드를 배우게 될 강의이다. 프론트엔드는 디자인에 맞게, 요구사항에 맞게 CSS를 이용하여 웹을 디자인하는 방법을 배우고, 웹 백엔드는 클라이언트와 서버가 무엇인지 정확하게 알고, 클라이언트의 요구사항에 대해 서버가 어떻게 응답하는지를 중점적으로 이해해야한다. 또한 마스터님들이 당부하신 부분은 매일매일 조금이라도 공부하면서 공부 일지를 남기는 것이고, 웹서핑을 자주 하면서 이용자의 관점이 아니라 이제 개발자의 관점으로 어떤 URL이 바꼈는지, 웹 페이지 전체가 바뀌는지 부분이 바뀌는지 등 확인해보라고 하셨다. 1) 웹 프로그래밍을 위한 프로그램 언어들 수 많은 프로그래밍 언어 중 어떤 언어를 선택하는 것이 좋을까? 저급 언어 저급언어는 기계 중심의 언어라고 할 수 있다...

3. 조건문과 루프 변수를 선언하고 '='라는 기호를 사용하여 값을 할당해준다. 이 때 컴퓨터에게 할당해주는 값의 종류 또한 같이 선언해줘야 한다는 것을 지난 강의에서 배웠다. 이번엔 int(integer, 정수) 변수를 선언해보자. int counter = 0; 이 때 '='(equal to)기호는 counter가 0이랑 같다가 아닌, 등호 오른쪽에 있는 값을 왼쪽에 있는 값에 할당한다라고 이해해야 한다. 이제 counter 변수에다가 1을 더해보자 counter = counter + 1; 산수를 배운 사람이라면 이 식이 거짓이라고 생각할 것이다. 그러나 앞에서 얘기했듯이 둘의 값이 같다는 의미가 아니다. 이제 counter 변수에는 counter + 1값이 할당된 것이다. 이때 위에서 이미 count..

1. C의 기초 C는 컴퓨터에서 할 수 있는 모든 것을 거의 할 수 있는 컴퓨터 언어이다. C의 예(hello.c): #include int main(void): { printf('hello, world'); } 뭐라고 하는지 하나도 몰라도 괜찮다. 교수님이 괜찮다고 하신다. int main(void)는 시작한다라는 의미를 갖고 있다. 이 프로그램을 실행했을 때 이 메인 함수를 실행하라는 것이다. printf는 print format의 줄임말로 say라는 의미이고 출력하라는 명령이다. 이러한 문자는 프로그램에서 쌍따옴표 혹은 따옴표("", '')으로 감싸줘야 한다. 한 문장이 끝나고 나면 C에서는 마침표를 붙이는 것처럼 세미클론(;)을 붙여야 한다. 그럼 #include 가 무엇인가? C에서는 함수를 사..

4. 스크래치 스크래치는 MIT에서 개발한 그래픽 프로그래밍 언어이다. scratch.mit.edu에서 사용할 수 있는데, 고양이 그림이 오른쪽에 있어 명령을 시키면 고양이가 한다. Python, Java, C++ 같은 언어 전에 스크래치로 컴퓨터에 명령하고 연산을 시키는 방법을 배우는 것은 굉장히 도움이 될 것 같기도 한다. 스크래치 안에서는 모션, 센서 등등 다양한 명령을 포함하고 있고, loop, say 등등 반복문, 조건문 함수 등을 사용 할 수 있다. 5. 스크래치 심화 5.1 변수(variable) 변수에 값을 넣어서 그 변수를 선언 한 후에 계속해서 사용할 수 있다. 5.2 조건문 Boolean expression(조건문)은 참/거짓 값을 가지는 불리언 변수를 사용한다. 만약 변수가 참이면,..