# web
우리는 웹팩(Webpack)이 왜 필요할까?
웹 세계의 다양한 기술들을 접하면서 웹팩이라는 단어를 정말 자주 들을 수 있었다. 하지만 지금껏 리액트를 사용하면서 웹팩에 대해 알고 있는 것은, 부끄럽게도 이 정도였다.리액트에서는 컴포넌트를 여러 파일들로 분리해서 저장하게 되는데, 이 파일들을 하나로 결합시켜주는
TIL 012 | CSS Background
Background property에 대해서 정리를 해보려고 한다. 특히, img element를 사용하지 않고 background property를 사용하는 방법에 대해서 정리하고 기억하고자 한다. ( 특정 이미지를 유저에게 보여주는 경우에 이미지의 크기가 일정하지
[WEB] 스크립트의 로드 시점 - async & defer
브라우저가HTML문서를 해석할 때 스크립트 태그는 어떻게 처리되고 이를 제어하는 방법에 관하여 글을 작성했습니다.
[Web] 세션과 쿠키
세션과 쿠키는 사용자의 신원 또는 사용자의 정보를 저장하기 위한 수단이다. 로컬 컴퓨터가 아닌 브라우저에 저장된다. 아이디, 비밀번호를 저장할 때 주로 사용한다.로그인 상태 유지수정이 가능하다. 일반적으로 만료기간을 설정하고 개발한다. 만료기간 이후에 정보가 사라진다
Toy Project: Daily Maple
토이 프로젝트로 간단한 커뮤니티 게시판을 만들어 보기로 했다.회원가입과 로그인, 게시판, 친구 추가, 좋아요/싫어요, 랜덤 추천 기능 등을 구성해 볼 계획이다.Html/CSS, Java, JavaScript, JQuery, JSP, Servlet여건이 된다면 쿠버네티스
HTTP 요청 메서드
먼저 간단하게 REST API의 개념에 간단히 알아봅시다. REST API는 HTTP 통신에서 어떤 자원에 대한 CRUD 요청을 Resource와 Method로 표현하여 특정한 형태로 전달하는 방식으로, REST API는 아래와 같은 것들로 구성됩니다.자원(Resour
CORS
AJAX는 Javascript Library 중 하나이며, Asynchronous Javascript And Xml의 약자이다.브라우저가 가지고 있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로고침하지 않고, 필요한 데이터만 비동기적으로 가져오는 방식
인터넷은 어떻게 작동하는가?
서론 이 시리즈는 백엔드 개발자 로드맵을 따라가며 하나씩 작성하고 있다. 그 중 첫 번째인 "How does the internet work?"를 이번 포스트에서 다뤄보고자 한다. 본론 인터넷이란
<TIL> Semantic Web -Header에서 Footer 까지
Semantic 의 사전적 정의는 위와 같다의미와 연관있는? 웹? 무슨 말일까?HTML5 이전 시대의 Web은divdivdivdividdivdivdivdiv 로 이루어져 있다고 해도 과언이 아니다그렇다면 이 div와 id 라는것만 보고 content 가 무엇을 설명하
TIL . Position 이란?
안녕하세요!😎 오늘은 CSS의 구성 요소 중 하나인 Position의 속성에 대해 한 번 알아보도록 해요~ 1. Position 정의 해당 태그의 요소의 위치를 어디 기준으로 위치시킬 건지 기준 대상을 정하는 속성을 말한다
Spring Boot error log (1) (fsevents error)
spring boot에서 frontend-maven-plugin 을 이용하여 frontend 빌드를 시도했다.그런데...라면서 npm install이 계속 실패했다. 이유를 찾아보던 중, 빌드가 안 돼서 이상한 패키지들을 계속 설치하다보니 chokidar라는 패키지를
TIL 011 | CSS Typography
Typography는 웹페이지 스타일을 정하는데 있어서 핵심이라고 볼 수 있다. 웹페이지의 목적은 결국 사용자에게 정보를 제공하고 이용하도록 하는 것이기 때문이다. 정보들을 원하는 대로, 사용자에게 보기 좋도록 만드는 Typography에 대해서 정리해보자.(그림 출처
HTTP 상태 코드
클라이언트가 보낸 요청의 처리 상태를 응답에서 알려주는 기능요청이 수신되어 처리 중 (거의 사용x)요청 정상 처리 200 OK : 요청 성공 201 Created : 요청 성공해서 새로운 리소스가 생성됨202 Accepted : 요청이 접수되었으나 처리가 완료되지 않음
Semantic Web & Semantic Tag
Semantic Web > 시맨틱 웹이란 웹에 존재하는 수많은 웹페이지들에 메타데이터(Metadata)를 부여하여, 기존의 잡다한 데이터 집합이었던 웹페이지를 ‘의미’와 ‘관련성’을 가지는 거대한 데이터베이스로 구축하고자 하는 발상이다. 이게 왜 중요할까?🧐 전