과거의 내가 미래의 나에게

저번 글에서는 개발자란 무엇인지 그리고 웹이란 무엇인지 살펴보았다. 이번 글에서는 웹이란 무엇인지 정의내리고, 웹의 동작 원리는 어떤 과정인지 살펴봄으로써 앞으로 배워야 할 것이 무엇이 있을 지 살펴보는 것이 목적이다. 그래서 웹은 뭔데? 웹이 탄생하게 된 과정을 살펴보면서 웹이 어떤 것인지 어렴풋이 알게되었지만 그래서 웹이 무엇이냐? 라고 질문한다면 어떻게 대답해야할까. 웹은 단순하게 인터넷을 통한 서비스들 중 문서(=웹페이지)를 공유하고 정보를 검색 할 수 있는 서비스 제품이다. 수많은 컴퓨터 프로그램 중에 하나의 프로그램일 뿐인 것이다. 인터넷 서비스에는 WWW(줄여서 Web), E-Mail, Telnet(원격접속), FTP(파일송수신), IRC(채팅) 등이 있다. 위의 서비스들은 보통..

본 글은 CSS 설계 기법 책을 읽고 단순하게 정리하고 나열한 글이다. 추후에 이러한 지식을 바탕으로 프로젝트의 CSS 체계를 직접 고려해보고 적용시키는 과정을 거쳐보려고 한다. OOCSS 기초 중의 기초인 CSS 설계 기법이다. 가장 밑바탕이 되어준다. 스트럭처와 스킨을 분리 구조(width ,height ,margin ,padding 따위)와 스킨(background, font, color 따위)을 분리하여 css를 설정한다. 이는 상황에 따라 적절히 구분해야할 것이다. 컨테이너와 콘텐츠 분리 한 영역에만 적용될 콘텐츠 만드는 것을 지양하자. SMASSS 느슨한 개발을 원할 경우에 적합하다. 다른 기법과 조합해도 좋은 기법. 1. 베이스 규칙 프로젝트의 표준 스타일을 정의한다. ID 셀렉터나 clas..

HTTP 프로토콜의 비연결성 서버와 클라이언트 통신규약인 HTTP 프로토콜은 비연결을 지향한다. 서버와 클라이언트는 통신을 할 때 연속적으로 이어지지 않고 한 번 통신이 되면 끊어진다. 클라이언트가 서버에 요청을 했을 때, 서버는 그 요청에 맞는 응답을 보낸 후 연결을 끊는 처리방식인 것이다. 따라서 서버에게 클라이언트가 누구인지 그 때 그 때 알려주어야하는데 이러한 번거로움을 해결하기 위한 것이 cookie와 session이다. Cookie 쿠키는 HTTP의 일종이다. HTTP에서 클라이언트의 상태 정보를 PC에 작은 기록 정보 파일 형태로 저장해두었다가 필요 할 때 참조하거나 재사용할 수 있다. 웹사이트는 쿠키를 통해 접속자의 장치를 인식하고 접속자의 설정과 과거 이용내역에 대한 일부 데이터를 저장한..

개발자란 무엇일까? 모든 것을 배우기 앞서 가장 근본적인 것이 궁금해졌다. 내가 직업이라고 말하고 다니는 “개발자”란 정확히 무엇을 하는 직군일까? 누군가 이런 질문을 하였을 때 이해하기 쉽도록 웹사이트 같은거나 모바일 앱 같은 것을 만드는 사람이야. 라고 가볍게 대답해주었지만 개발자인 내 자신은 이 대답이 개발자를 표현할 수 있는 문장이라고는 생각하진 않았다. 어렴풋이 개발자란 무엇인지 알고 있었지만 막상 그것을 문장으로 표현하려니 손이 멈춰지는 나를 보고는 개발에 대해 더욱 더 심도있게 학습하기에 앞서 “개발자”란 무엇인지 깊이 생각하고 정의 내릴 필요가 있음을 느껴 이 글을 쓰기 시작한다. 무언가를 알기 위해서는 그것의 역사를 보면 정의가 명확해진다. 개발자의 역사는 곧 컴퓨터의 발전과 맥락을 같이..

「딥다이브 자바스크립트」 정리 - 생성자 함수에 의한 객체 생성 ※ 아래 내용은 책을 통해 학습한 것을 개인적으로 정리한 것으로 내용이 다소 부정확 할 수 있습니다. 생성자 함수 Object, String ,Number, Boolean, Function, Array, Date, RegExp 등. 생성자 함수는 new를 통해서 호출하는데 만약 new 없이 호출한다면 그냥 일반 함수로 작동한다. new Object()로 객체를 생성하고 그 이후 프로퍼티 또는 메서드를 추가하여 완성시킬 수 있다. 하지만 객체 리터럴이 훨씬 더 간단하기에 굳이 사용할 필요는 없을듯… 생성자 함수를 통한 객체 생성 생성자 함수는? 함수 선언문 또는 함수 표현식으로 정의한 함수는 일반적인 함수로 호..