화성갈끄니까아

웹팩에 대해 알기 전 🤷🏻‍♀️ ✏️ 웹 애플리케이션을 개발하는 과정에서 코드의 길이가 늘어나게 되었기 때문에 편리하고 유지보수가 쉽도록 하기 위해 많은 모듈을 사용하여 개발할 것이다. 그렇게 완성이 되면 웹 서버에 배포를 하게 된다. 사용자들이 브라우저를 통해 웹 사이트에 접속하게 되면 브라우저는 UI를 나타내기 위하여 HTML, CSS, Image, Font 등의 자원을 웹 서버에 요청(HTTP request)하게 된다. 그리고 웹 서버는 준비된 자원들을 브라우저에게 응답(HTTP response)함으로써 사용자들에게 UI를 볼 수 있게 해 주게 되는 것이다. 하지만 모듈을 계속해서 분리하다 보면 그만큼 브라우저가 서버에게 요청하는 파일의 개수가 많아질 것이다. 요청하는 파일의 개수가 많아진다는 것은..

자바스크립트와 웹 브라우저는 아주 밀접한 관계이다?? 🤷🏻 정답 🙂 자바스크립트는 웹 브라우저를 프로그래밍적으로 제어하기 위한 언어이기 때문에 뗄레야 뗄 수 없는 언어라고 할 수 있다. 따라서 프론트엔드 개발자라면 웹 브라우저의 구조에 대해서는 반드시 알아야 한다고 생각한다. 또한 요즘 웹 브라우저 뿐만 아니라 다양한 환경에서 자바스크립트가 이용되고 있기 때문에 자바스크립트의 탈 웹브라우저에 대해서도 간단히 알아보자!! 먼저 웹 브라우저에 대해서 알아봅시다~ 웹 브라우저의 기본 구조 🏗 * 구조는 브라우저마다 다를 수 있다. User Interface : 주소 표시줄, 다음 & 이전 & 새로고침 버튼 등 웹 페이지를 제외하고 사용자와 상호작용하는 인터페이스 Browser Engine : User Inte..

RESTful API란? 사전적인 의미로는 REST라는 아키텍처를 그대로 적용해서 구현한 웹 서비스를 나타내기 위해 사용되는 용어이다. 쉽게 생각해서 REST API를 제공하는 웹 서비스를 RESTful 하다고 생각하면 된다. RESTful은 누가 공식적으로 발표한 것이 아니라 REST 구조가 있는 시스템을 RESTful 이라고 한다. RESTful API의 목표 이해하기 쉽고 사용하기 용이한 REST API를 만드는 것 요청을 보내는 주소만으로도 대략적으로 어떠한 것을 요청하는지 알 수 있어야 한다. RESTful API를 구현하는 근본적인 목표는 성능 향상이 아니라 API에 대한 가독성, 이해도를 높여주는 것이기 때문에 성능이 중요시 되는 서비스 경우에는 굳이 RESTful API를 구현할 필요는 없..

API (Application Programming InterFace) 란? 사전적인 의미로는 응용프로그램에서 사용할 수 있도록, 운영 체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있는 인터페이스를 의미한다. 사전적인 의미로 이해하기란 어렵기 때문에 비유를 통하여 정리하였다. 컴퓨터에 텍스트를 작성하거나 코드를 작성하기 위해서는 반드시 키보드가 필요합니다. 사용자가 키보드를 누르면 컴퓨터에 전달하고 그 후의 동작은 컴퓨터가 알아서 처리하게 됩니다. 여기서 키보드가 API라고 생각하면 된다. API는 다시 말해서 한 소프트웨어가 다른 소프트웨어로 지정된 형식으로 요청 및 명령을 받을 수 있는 수단이다. 즉 소프트웨어들이 서로 상호작용하는 것을 도와주는 매개체라고 볼 수 있다. 왜 API를 사용하는가..

Semantic Web이란? 시멘틱 웹은 직역을 하면 의미있는 웹이라는 뜻이다. 제목 위의 예시에는 제목을 표현하기 위해서 h1이라는 태그를 사용하였다. h1을 사용함으로써 개발자가 의도한 목적을 쉽게 알 수 있으며 코드의 가독성 또한 높여줄 수 있는 효과를 가질 수 있다. 제목 HTML5 이전에는 시멘틱 태그라는 개념이 존재하지 않았기 때문에 span태그와 div태그가 남발되었는데 이는 코드의 가독성을 감소시킬뿐만 아니라 웹의 접근성 좋지않은 단점을 지니고 있다. 쉽게 말해서 시멘틱 웹은 개발자가 의도한 의미를 가지고 있는 웹이다. Semantic Tag Semantic tag table img header nav section article footer time summary Non-semantic ..

이때까지 공부했던 HTML & CSS 복습 하기 위하여 자바스크립트를 사용하지 않고 자기소개 페이지를 만들어 GitHub를 통하여 웹을 호스팅 하였다. 어려웠던 점 CSS의 grid 적용 과정에서 부모태그와 자식태그가 혼동되어 표현하는 것이 어려웠다. 내 컴퓨터에서는 화면 배치가 정상적으로 작동하였지만 다른 환경의 컴퓨터에서는 화면 배치가 정상적으로 보이지 않아서 수정하는 과정을 가졌다. 이유는 마진(Margin)만 사용하여 화면의 배치를 조절하였기 때문이다. ​ ​링크 https://wkddb1359.github.io/About_Me/ Ahn Seoung Ju 안녕하세요! 안성주입니다. 나이는 27살, 본가는 김해에 있지만 개발 공부를 위하여 현재 서울에 거주 중 입니다. 여행가는 것을 좋아하며 시끄러..