본문 바로가기

분류 전체보기

(84)
프론트엔드 로드맵 2 - http는 무엇일까요? HTTP (Hyper Text Transfer Protocol), 하이퍼텍스트 전송 프로토콜 HTTP는 서버와 클라이언트가 서로 데이터를 주고받기 위해 사용되는 통신 규약을 말한다. 1989년 Tim Berners Lee 팀 버너스리가 처음 설계했으며, 초기 단계에서 발전을 거듭해 현재는 HTML 문서와 같은 정보들을 가져오는데 사용된다. TCP/IP(Transmission Control Protocol / Internet Protocol)을 이용하며, 사용 포트 번호는 기본적으로 80이다. 인터넷 기반 서비스에는 HTTP 외에도 Email, FTP, DNS, NEWS 등이 있다. 인터넷 주소를 지정할때 http://www.~~~ 와 같이 시작하는 것은 www.~~이라는 인터넷 주소가 가진 데이터 정보 ..
프론트엔드 로드맵 1 - 인터넷은 어떻게 동작하는가 인터넷은 웹의 핵심적인 기술이며, 컴퓨터들이 서로 연결돼 정보를 주고받는 거대한 네트워크를 말한다. 인터넷은 1960년대 소련을 경계한 미국에서 새로운 기술을 연구하던 중 ARPA(Advanced Research Projects Agency 고등 연구 계획국 부서)에서 현재 웹의 모태가 되는 ARPANET을 개발했다. 인터넷이라는 말은 하나의 통신망 안에 연결된 컴퓨터들을 의미하는 'International Network'에서 줄여 명명되었다. 1. 인터넷이 가능하려면 무조건 2대 이상의 컴퓨터가 필요하다. 하지만 이러한 네트워크 환경은 여러대의 컴퓨터를 연결하려면 매우 복잡해진다. 2. 이 문제를 해결하기 위해 '라우터'라는 특수한 소형 컴퓨터가 등장한다. 라우터는 한 컴퓨터에서 보낸 메시지가 올바른 ..
2020 프론트엔드 개발자 로드맵 시작 프론트엔드 개발자로의 성장을 위해 오늘부터 아래 로드맵대로 공부를 시작하려한다. 1. 인터넷 - 인터넷은 어떻게 작동될까요? - HTTP는 무엇일까요? - 브라우저와 동작 원리 - DNS와 작동 원리 - 도메인 네임은 무엇일까요? - 호스팅은 무엇일까요? 2. HTML - 기초 배우기 - 의미론적(Semantic)인 HTML 작성 - 폼과 유효성 검사 - 컨벤션과 모범 사례 (Best Practice) - 접근성 - 기본 SEO 3. CSS - 기초 배우기 - 레이아웃 만들기 (Floats / Positioning / Display / Box Model / CSS Grid / Flex Box) - 반응형 디자인과 미디어쿼리 4. JavaScript - 구문(Syntax)과 기본 문법 - DOM 조작 방법..
객체지향 프로그래밍이란 무엇인가? 웹디자이너로 공부를 시작했지만 프론트엔드로 넘어가고싶어 자바스크립트를 시작했다. 그런데 이 프로그래밍 개념이라는게 쉽게 이해가는 영역이 아니더라. 프로그래밍을 접하면서 가장 뜬구름 잡는 개념이다 생각했던 것이 바로 '객체지향 프로그래밍'. 그렇다면 정말 객체지향 프로그래밍, Object-oriented programming(줄여서 OOP)은 뭘까. 자바스크립트를 비롯해 자바, C#, C++, 파이썬, PHP 등등 현재 많이 쓰이고 있는 언어들 대부분이 객체지향 프로그래밍을 지원하고 있다. 이 객체지향 프로그래밍을 아주 기똥차게 설명해주는 유튜브 영상이 있어 잠시 소개한다. 영상에서 설명한 것을 단순하게 정리해보자면, 작동시키고자 하는 객체(Object)를 클래스(Class)로 묶어 명령을 처리하는 과정을..