코딩 | 개념 정리/WEB

안녕하세요. 이번 포스팅에서는 WEB 개발자라면 대부분 접하실 웹 브라우저 크롬의 개발자 도구에 대해 파헤쳐 보고자합니다. 크롬[Chrome] 구글 크롬(Google Chrome) 혹은 크롬(Chrome)이라 불리는 웹 브라우저는 구글에서 개발하고 서비스 중인 프리웨어 웹 브라우저입니다. 예전에 Internet explorer가 웹 브라우저를 이끌었다면 이제는 크롬의 시대라고 해도 과언이 아닙니다. 위 자료는 "statCounter"라는 웹 트래픽 분석 웹사이트에서 2021.03~2022.03까지 웹 브라우저 점유율을 차트로 표시한 결과입니다. 보시면 알겠지만, 크롬은 전 세계에서 64.37%를 육박할 정도로 엄청난 점유율을 보여주고 있습니다. 그 비결은 무엇일까요? 사용하고 있는 입장에서 말씀드리면 아..

오늘은 WEB에서 경로를 어떻게 표기하는가에 대해 알아보고자 합니다. WEB 경로 표기법 우선 웹에서 경로를 사용하는 목적은 현재 페이지에 다른 페이지(리소스)를 가져와 사용하기 위해서입니다. 이러한, 웹에서 경로를 표기할 수 있는 방법은 총 4가지가 있습니다. 1. 상대 경로 가장 많이 사용하는 경로로써 위 코드의 출력 결과는 동일합니다. 단, "../"을 통해 상위 디렉토리에서 다른값도 가져올 수 있다는 특징이 있습니다. 2. 절대 경로 절대 경로는 "절대" 라는 언어에서도 알 수 있듯이 고정된 경로를 지정할 때 사용합니다. 즉, 웹 페이지가 올라간 가장 최상위 디렉토리부터 우리가 원하는 데이터의 디렉토리 위치까지 모두 표시해줘야 한다는 특징이 있습니다. 3. 로컬 경로 웹서버가 아니라 브라우저가 동..

HTML, CSS를 공부하고 나면 그 뒤로 따라 오는 언어가 바로 자바스크립트일 텐데요. 알고 나면 후련한데, 이 문턱을 넘기가 참 어렵더라구요. 정리 시작합니다. 정의 Javascript는 넷스케이프에서 처음 만든 언어로, HTML과 CSS만으로는 정적(static)인 웹 페이지에 동적(dynamic)인 요소를 부여한 언어입니다. 처음 출시 당시 이름은 모카(Mocah)였으며, 이후 라이브스크립트(LiveScript)로 변경되었다가 최종적으로 현재의 자바스크립트(Javascript)가 되었습니다. 자바스크립트와 함께 거론되는 언어로 자바(Java)가 있습니다. 두 언어의 기원은 모두 C언어로 같습니다. 그래서 모든 문장 끝에는 ";"를 기입합니다. 하지만, 이외에 자바스크립트와 자바는 관련성이 없습니다..

WEB 공부를 시작하면서, HTML과 CSS는 기본 중에 기본 모르면 안되는 언어로 이렇게 정리하게 되었습니다. 인터넷을 사용하는 사람이라면 누구나, 필수적으로 접하는 언어 지금 시작합니다. HTML HTML(HyperText Markup Language)의 줄임말입니다. 우선 마크업 언어가 무엇인지부터 알아보면 마크업 언어는 태그 등을 이용하여 문서나 데이터의 구조를 명기하는 언어입니다. 여기서, 태그는 원래 텍스트와는 별도로 원고의 교정부호와 주석을 표현하기 위한 것이었으나 용도가 점차 확장되어 문서의 구조를 표현하는 역할을 맡게 되었습니다. 하이퍼 텍스트는 독자가 한 문서에서 다른 문서로 즉시 접근할 수 있는 텍스트를 말합니다. 이 둘을 합쳐 팀 버너스 리가 HTML 언어를 창시했습니다. HTML ..

WEB 공부를 하면서 FrontEnd, BackEnd에 대해서는 자주 듣게 용어였습니다. 매번, 찾아보기 보다는 확실히 정리해두고 싶어 이렇게 글을 작성하게 되었습니다. 정의 사전 정의로 살펴보면 FrontEnd는 프로세스의 처음, BackEnd는 프로세스의 마지막 단계를 말합니다. 우리가 늘 사용하는 WEB에서 바라보면 FrontEnd는 웹를 비롯한 Android, iOS, 임베디드 등에서 모두 사용하는 용어로 사용자에게 시각적으로 보여지는 부분을 말합니다. BackEnd는 사용자 눈에는 직접 보이지 않지만, 사용자가 입력한 값이나 각종 데이터베이스 처리를 담당하는 부분을 말합니다. 이 둘은 땔래야 땔 수 없는 사이로 언제나 상호작용합니다. 사용 언어 FrontEnd - HTML(HyperText Ma..