공부/[부스트코스] 웹 프로그래밍

[부스트코스] 웹 프로그래밍 - browser에서의 웹개발

개발자 도구 브라우저에서 웹 개발을 위한 코드들이 어덯게 동작하는지 직접 볼 수 있다. 크롬 브라우저가 없다면 설치하기 크롬 브라우저를 열고 크롬 개발자 도구 열기 윈도우 (Ctrl + Shift + I), 맥 (Option + Command + i) 접속 http://www.amazon.com Elements 탭에서 소스코드를 볼 수 있다. Networks 탭에서 새로고침을 하면 맨 위에 www.amazon.com이 나온다. www.amazon.com을 클릭해서 Response를 보면 서버에서 보내준 응답값을 볼 수 있다. HTML, CSS, Javascript 코드들을 볼 수 있다. HTML 문서구조 HTML문서는 html이라는 태그로 시작해서 html태그로 끝난다. head는 html 문서에 대한 ..

[부스트코스] 웹 프로그래밍 - browser의 동작

브라우저는 어떻게 동작할까? 예전엔 브라우저의 동작방식에 대해 개발자들이 잘 알 필요가 없다고 생각해 왔다. 브라우저가알아서 해결해 주었기 때문이다. 하지만 브라우저의 동작이 대개 숨겨져 있고, 우리가 짠 코드가 브라우저에서 빨리 실행되게 하려면 어떻게 해야될까? 이런 관심 때문에 브라우저의 동작에 대해 관심을 갖게 되었다. 그리고 6, 7년 전부터 브라우저가 어떻게 동작하는가에 대한 글이 조금씩 소개가 되기 시작했다. 브라우저의 기본구조 브라우저는 브라우저 컴포넌트로 구성되어 있다. 브라우저 컴포넌트에는 다음과 같은 것들이 있다. UI, 사용자 인터페이스 : 주소 표시줄, 이전/다음 버튼, 상단 탭이나 블겨찾기 등과 같이 요청한 페이지를 보여주는 창을 제외한 나머지 부분들을 의미한다. 브라우저 엔진 :..

[부스트코스] 웹 Front-End와 웹 Back-End

웹 Front-End와 웹 Back-End https://www.edwith.org/boostcourse-web/lecture/16662/ [LECTURE] 3) 웹 Front-End 와 웹 Back-End : edwith 들어가기 전에 웹은 프론트엔드(FE)와 백엔드(BE)로 나눠집니다. 우리가 인터넷을 하기 위해서 브라우저에서 웹을 탐색하곤 하는데요. 브라우저를 프론트엔드 또는 클라이언트라고도 합... - 부스트코스 www.edwith.org 프론트엔드란? 사용자에게 보여지는 부분을 의미한다. 아무 웹사이트나 접속했을 때 보여지는 부분이 바로 웹 프론트엔드다. 웹 프론트엔드는 HTML, CSS, Javascript 이 세가지로 이루어져 있다. HTML은 Hypertext Markup Language의..

부스트코스 서포터즈 BOOSTER 선정

부스트코스에서 서포터즈 2기에 선정되었다. 부스트코스는 직업에 필요한 핵심기술과 지식을 온라인으로 집중적으로 학습하는 예비 개발자 대상 실무형 온라인 교육코스다. 실제 프로젝트를 통해 현업과 유사한 상황의 문제를 해결하며 현업 개발자에게 1:1 온라인 코드리뷰를 받을 수 있다. 예전부터 알고는 있었는데 이번에 IT 개발 동아리를 대상으로 서포터즈를 팀으로 선발한다고 하길래 지원했다. 활동기간은 2020.01.17 ~ 2020.03.17로 총 2개월이다.무료 코드리뷰 3회권을 준다고 하니 열심히 공부해야겠다.안 그래도 자바 웹 프로그래밍에 관심을 갖고 공부 하고 있었는데 이거 완전 개이득이다.ㅋㅋ

[부스트코스] 웹의 동작 (HTTP 프로토콜 이해)

본 포스트는 [부스트코스] 웹 프로그래밍 강좌의 다음강의를 수강한 후 작성하는 글이다. 프로토콜이란? 컴퓨터간에 정보를 주고받을 때의 통신방법에 대한 규칙과 약속을 말한다. HTTP란? HyperText Transfer Protocol의 약자로 서버와 클라이언트가 인터넷상에서 데이터를 주고받기 위한 프로토콜이다. 즉, 웹 상에서 데이터를 주고받는 규칙이다. HTTP는 어떤 종류의 데이터라도 전송할 수 있도록 설계되어 있어 이미지, 동영상, 오디오, 텍스트 문서 등 다양한 종류의 데이터를 전송할 수 있다. HTTP 작동방식 HTTP는 서버/클라이언트 모델을 따른다. 클라이언트는 네트워크에서 서비스를 요청하는 측의 컴퓨터를 의미하고, 서버는 네트워크에서 서비스를 제공하는 측의 컴퓨터를 의미한다. 즉, 클라이..